@import url("../.././common_css/font-awesome.css");

html,
body {
    width         : 100vw;
    padding-bottom: env(safe-area-inset-bottom);
    /*iPhone X*/
    overflow-x    : hidden;
}

.m_font {
    position     : static;
    display      : inline-block;
    font-size    : 0.24rem;
    padding      : 0 0.1rem;
    line-height  : 0.4rem;
    margin-bottom: 0.48rem;
}

.body_mask {
    position        : fixed;
    top             : 50%;
    left            : 50%;
    transform       : translate(-50%, -50%);
    opacity         : 0;
    display         : flex !important;
    flex-direction  : column;
    justify-content : center;
    z-index         : -999;
    background-color: #fff;
    font-size       : 0.28rem;
    color           : #0c1141;
    padding         : 0 0.34rem;
    height          : 2.6rem;
    width           : 5.4rem;
}

.body_mask>p {
    margin: 0;
}

.body_mask>p:first-child {
    font-size    : 0.34rem;
    font-weight  : bold;
    margin-bottom: 0.44rem;
}


.body_mask>p:nth-child(2) {
    margin-bottom: 0.24rem;
}

.body_mask img {
    width : 5.4rem;
    height: 5.4rem;
}

.body_mask .scan {
    background    : linear-gradient(90deg, rgba(0, 161, 255, 1), rgba(0, 92, 255, 1));
    width         : 3.2rem;
    height        : 0.8rem;
    display       : block;
    text-align    : center;
    font-size     : 0.34rem;
    color         : white;
    letter-spacing: 2px;
    line-height   : 0.8rem;
    margin        : 0.2rem auto 0;
}

#body_fullbg,
#body_fullbg1 {
    background-color: #000000;
    left            : 0;
    opacity         : 0.4;
    position        : absolute;
    top             : 0;
    z-index         : 3;
    filter          : alpha(opacity=40);
    -moz-opacity    : 0.4;
    -khtml-opacity  : 0.4;
}

/*home*/
.header {
    height   : 0.96rem;
    display  : flex;
    position : fixed;
    top      : 0;
    left     : 0;
    z-index  : 999;
    min-width: 300px;
}

/* .swiper-pagination-bullet {
    width        : 0.32rem !important;
    height       : 0.04rem !important;
    margin-bottom: 0 !important;
}

.swiper-pagination-bullet-active {
    width        : 0.32rem !important;
    height       : 0.04rem !important;
    margin-bottom: 0 !important;
}

.swiper-container-horizontal>.swiper-pagination-bullets,
.swiper-pagination-custom,
.swiper-pagination-fraction {
    bottom: 0 !important;
}

.swiper-slide img {
    -webkit-background-size: cover;
    background-size        : cover;
} */

.SWT {
    width : 100% !important;
    bottom: 0.97rem !important;
}

.SWT p:first-child {
    font-size  : 0.3rem;
    font-weight: 400;
    color      : rgba(255, 255, 255, 1);
}

.SWT p:last-child {
    font-size  : 0.16rem;
    font-weight: 400;
    color      : rgba(255, 255, 255, 1);
}

.wrap {
    height : 0.96rem !important;
    display: none !important;
    width  : 100% !important;
}

.btn {
    display: none !important;
    opacity: 0 !important;
}

.choose-box {
    display: none;
}

.list-item-left .item a,
.list-item-content .item a {
    font-size : 0.24rem;
    box-sizing: border-box;
    padding   : 0 0.2rem;
}

.special_column_items,
.special_column_items1,
.special_column_items2 {
    width          : 3.4rem !important;
    background-size: 4rem 2rem !important;
}

.special_column_content,
.special_column_content1 {
    padding-left: 0.4rem !important;
}

.header .logo {
    display: none;
}

.header .m_logo {
    display    : flex;
    align-items: center
}

.header .logo {
    float      : none;
    width      : 1.96rem !important;
    height     : 0.96rem;
    line-height: 0.96rem;
    margin-left: 0.4rem;
}

.header .logo img {
    height     : 0.3rem;
    display    : block;
    flex       : 1;
    align-items: center;
}

.personal {
    width      : 0.48rem;
    height     : 0.96rem;
    display    : flex;
    align-items: center;
    text-align : right;
    position   : absolute;
    right      : 0.9rem;
    top        : 0;
}

.personal img {
    width      : 0.48rem;
    height     : 0.48rem;
    display    : block;
    cursor     : pointer;
    align-items: center;
}

.hamburg {
    width      : 0.48rem;
    height     : 0.96rem;
    display    : flex;
    align-items: center;
    text-align : right;
    position   : absolute;
    right      : 0.3rem;
    top        : 0;
}

.hamburg img {
    width      : 0.48rem;
    height     : 0.48rem;
    display    : block;
    cursor     : pointer;
    align-items: center;
}

.sidenav {
    background   : #ffffff;
    width        : 4.8rem;
    height       : 100vh;
    position     : fixed;
    right        : -5rem;
    top          : 0;
    z-index      : 999;
    /* margin-top: 0.96rem; */
    transition   : all 0.3s;
    display      : block;
    padding      : 0;
    font-size    : 0.56rem;
    margin       : 0;
}

.general {
    /*padding: 0 0.4rem;*/
}

.arrow:after {
    content    : '\f107';
    position   : absolute;
    top        : 0;
    right      : 0;
    opacity    : 0.8;
    font-size  : 0.4rem;
    font-family: fontawesome;
    transform  : rotate(-90deg);
    transition : .3s transform;
}

#group-3:checked~label b:after {
    transform: rotate(180deg);
}

#group-4:checked~label b:after {
    transform: rotate(180deg);
}

.sidenav li {
    list-style-type: none;
    border-bottom  : 1px solid rgba(255, 255, 255, 0.2);
    margin         : 0 0.4rem;
}

.sidenav li .rightArrow {
    /*content: '\f105';*/
    /*position: absolute;*/
    /*top: 0;*/
    /*right: 0.53rem;*/
    /*font-size: 0.25rem;*/
    /*font-family: fontawesome;*/
    /*transform: rotate(0deg);*/
    /*transition: .3s transform;*/
}

.sidenav a {
    color          : #333333;
    text-decoration: none;
}

.new_double a {
    color: rgba(51, 51, 51, .6);
}

.sidenav b {
    font      : 0.28rem/0.96rem Montserrat;
    display   : block;
    opacity   : 0;
    transform : translateX(50px);
    transition: all 0.4s;
}

.cd-accordion-menu ul {
    display: none;
}

.double,
.double1 {
    display      : none;
    /* background: #2B2B2B; */
}

.cd-accordion-menu input[type=checkbox],
.cd-accordion-menu1 input[type=checkbox] {
    position: absolute;
    opacity : 0;
}


.cd-accordion-menu label,
.cd-accordion-menu a {
    position: relative;
    display : block;
    color   : #333333;
}

.double,
.double1 {
    padding     : 0;
    padding-left: 0.48rem;
}

.sidenav span {
    display  : block;
    opacity  : 0;
    transform: translateX(50px);
}

.sidenav .rightArrow {
    display    : block;
    font-size  : 0.28rem;
    text-align : right;
    line-height: 0.96rem;
}

.rightActive {
    color: #00A1FF;
}

.sidenav i {
    display    : block;
    width      : 50px;
    float      : left;
    font-size  : 16px;
    line-height: 48px;
    text-align : center;
}

#tm {
    position: absolute;
    top     : -100%;
}

#tm:checked~section {
    transform: translateX(150px);
}

#tm:checked~.sidenav b {
    opacity  : 1;
    transform: translateX(0);
}

#tm:checked~.sidenav span {
    opacity  : 1;
    transform: translateX(0);
}

#tm:checked~.sidenav {
    right     : 0;
    transition: all 0.3s;
}

#tm:checked~.sidenav li:nth-child(1) b,
#tm:checked~.sidenav li:nth-child(1) span {
    transition-delay: 0.08s;
}

#tm:checked~.sidenav li:nth-child(2) b,
#tm:checked~.sidenav li:nth-child(2) span {
    transition-delay: 0.16s;
}

#tm:checked~.sidenav li:nth-child(3) b,
#tm:checked~.sidenav li:nth-child(3) span {
    transition-delay: 0.24s;
}

#tm:checked~.sidenav li:nth-child(4) b,
#tm:checked~.sidenav li:nth-child(4) span {
    transition-delay: 0.32s;
}

#tm:checked~.sidenav li:nth-child(5) b,
#tm:checked~.sidenav li:nth-child(5) span {
    transition-delay: 0.40s;
}

#tm:checked~.sidenav li:nth-child(6) b,
#tm:checked~.sidenav li:nth-child(6) span {
    transition-delay: 0.48s;
}

#tm:checked~.sidenav li:nth-child(7) b,
#tm:checked~.sidenav li:nth-child(7) span {
    transition-delay: 0.56s;
}

#tm:checked~.sidenav li:nth-child(8) b,
#tm:checked~.sidenav li:nth-child(8) span {
    transition-delay: 0.64s;
}

/*.pc_swiper_container {*/
/*display: none;*/
/*}*/

.m_swiper_container {
    display: block;
}

.swiper-container {
    height    : 4.8rem !important;
    margin-top: 0.96rem;
}

.swiper-button-next,
.swiper-button-prev {
    width  : 0 !important;
    height : 0 !important;
    display: none !important;
}

.content {
    width         : auto !important;
    /* padding-top: 0.48rem; */
    padding-top   : 0;
    overflow      : hidden;
}

.content .title {
    width         : 100% !important;
    letter-spacing: 1px;
}

.content .title h1 {
    font-size  : 0.34rem;
    font-weight: 600;
}

.content .title p {
    margin   : 0.24rem 0 0 0;
    font-size: 0.24rem;
    color    : rgba(0, 0, 0, 0.8);
}

.tab {
    width  : 100%;
    display: flex;
    margin : 0.48rem 0 0 0;
}

.tab .tab1 {
    background             : url("../img/home/tb_gnqd_nor@2x.png") no-repeat center center;
    -webkit-background-size: contain;
    background-size        : contain;
    transition             : all 0.2s;
}

.tab .tab_self1 {
    background             : url("../img/home/tb_gnqd_sel@2x.png") no-repeat center center;
    transition             : all 0.2s;
    -webkit-background-size: contain;
    background-size        : contain;
}

.tab .tab2 {
    background             : url("../img/home/tb_kpt_nor@2x.png") no-repeat center center;
    transition             : all 0.2s;
    -webkit-background-size: contain;
    background-size        : contain;
}

.tab .tab_self2 {
    background             : url("../img/home/tb_kpt_sel@2x.png") no-repeat center center;
    transition             : all 0.2s;
    -webkit-background-size: contain;
    background-size        : contain;
}

.tab .tab3 {
    background             : url("../img/home/tb_sjsgj_nor@2x.png") no-repeat center center;
    transition             : all 0.2s;
    -webkit-background-size: contain;
    background-size        : contain;
}

.tab .tab_self3 {
    background             : url("../img/home/tb_sjsgj_sel@2x.png") no-repeat center center;
    transition             : all 0.2s;
    -webkit-background-size: contain;
    background-size        : contain;
}

.tab .tab4 {
    background             : url("../img/home/tb_ksjc_nor@2x.png") no-repeat center center;
    transition             : all 0.2s;
    -webkit-background-size: contain;
    background-size        : contain;
}

.tab .tab_self4 {
    background             : url("../img/home/tb_ksjc_sel@2x.png") no-repeat center center;
    transition             : all 0.2s;
    -webkit-background-size: contain;
    background-size        : contain;
}

.tab li {
    width       : 1.2rem;
    height      : 1.5rem;
    flex        : 1;
    float       : none;
    margin-right: 0.36rem;
}

.tab li:last-child {
    margin-right: 0.9rem;
}

.tab .tab1 {
    margin-left: 0.9rem;
}

.tab .tab4 {
    margin-right: 0.9rem;
}

.tab-content {
    margin-top: 0.4rem;
    height    : 4.4rem;
}

.tab-content .tabC1,
.tabC2,
.tabC3,
.tabC4 {
    width: 100%;
}

.tab-content .cl {
    width       : 100%;
    margin-right: 0;
    float       : none;
}

.tab-content .tabC1 .title,
.tab-content .tabC2 .title,
.tab-content .tabC3 .title,
.tab-content .tabC4 .title {
    background : none;
    margin-top : 0.35rem;
    margin-left: 0.8rem;
    width      : 1.5rem !important;
    height     : 0.56rem;
    line-height: 0.56rem;
    border     : 1px solid #00a1ff;
    font-size  : 0.24rem;
    color      : #00a1ff;
}

.tab-content .tabC1 .title .triangular,
.tab-content .tabC2 .title .triangular,
.tab-content .tabC3 .title .triangular,
.tab-content .tabC4 .title .triangular {
    top: -8px;
}

.tab-content .bgr1,
.tab-content .bgr2,
.tab-content .bgr3,
.tab-content .bgr4 {
    background: none;
}

.tab-content .bgr {
    float      : none;
    width      : 0;
    height     : 0;
    margin-left: 0;
}

.tab-content .tabC1 .detail,
.tab-content .tabC2 .detail,
.tab-content .tabC3 .detail,
.tab-content .tabC4 .detail {
    /*margin: 0.33rem 0.93rem 0.42rem 0.82rem;*/
    width       : 100%;
    padding-left: 0;
    padding-top : 0.33rem;

}

.tab-content .tabC1 .detail p,
.tab-content .tabC2 .detail p,
.tab-content .tabC3 .detail p,
.tab-content .tabC4 .detail p {
    font-size  : 0.2rem;
    line-height: 0.26rem;
    margin     : 0.1rem 0.93rem 0 0.82rem;
}

/*recommend*/
.Public_title {
    padding: 0;
    width  : 100% !important;
    height : auto !important;
    margin : 0 !important;
}

.special_column_content,
.special_column_content1 {
    width          : 100%;
    flex-wrap      : wrap;
    height         : auto;
    justify-content: initial;
    box-sizing     : border-box;
    padding-left   : .6rem;
}

.special_column_items,
.special_column_items1,
.special_column_items2 {
    width          : 3.08rem;
    height         : 1.78rem;
    padding        : 0;
    font-size      : 0.24rem;
    background-size: 3.4rem 2rem;
    margin-right   : 0.1rem;
    justify-content: center;
    margin-bottom  : 0.2rem;
}

.special_column_top,
.special_column_bottom {
    margin   : 0;
    padding  : 0;
    flex-wrap: wrap;
    height   : auto;
}

.new_triangle,
#block_new {
    display: none;
}

.merchantBox p {
    font-size: 0.24rem;
}

.merchantBox {
    padding-top    : 0.28rem;
    height         : 6.5rem;
    background-size: cover;
}

.btnsBox {
    margin-top  : 3rem;
    padding-left: 0;
}

.btnsBox>img {
    width        : 6.5rem;
    margin-bottom: 0.24rem;
}

.special_column_title {
    padding-top: 0.3rem;
}

.special_column_title span {
    font-size  : 0.28rem !important;
    font-weight: 500;
}

.special_column_title img {
    margin-right: 0.08rem;
    width       : 0.96rem;
    height      : 0.96rem;
}

.special_column_items div,
.special_column_items1 div,
.special_column_items2 div {
    width        : 0.88rem;
    height       : 0.88rem;
    margin-bottom: 0;
}


.recommend .title h1 {
    font-size  : 0.34rem;
    font-weight: 400;
    color      : rgba(0, 0, 0, 1);
    line-height: 0.3rem;
}

.recommend-content {
    display: none;
}

.m-recommend-content {
    display      : block;
    margin-bottom: 0.48rem;
}

.m-recommend-content div {
    width     : 6.9rem;
    height    : 3.8rem;
    margin    : 0 0.29rem 0.08rem;
    display   : block;
    background: #000;
}

.m-recommend-content .mrc1 {
    background             : url("../img/home/tjjjfa_mbhspzz@2x.png") no-repeat center center;
    -webkit-background-size: contain;
    background-size        : contain;
}

.m-recommend-content .mrc2 {
    background             : url("../img/home/tjjjfa_znyyxc@2x.png") no-repeat center center;
    -webkit-background-size: contain;
    background-size        : contain;
}

.m-recommend-content .mrc3 {
    background             : url("../img/home/tjjjfa_spmb@2x.png") no-repeat center center;
    -webkit-background-size: contain;
    background-size        : contain;
}

.m-recommend-content .mrc4 {
    background             : url("../img/home/tjjjfa_myrltz@2x.png") no-repeat center center;
    -webkit-background-size: contain;
    background-size        : contain;
}


/*client*/

.client {
    width        : 100%;
    height       : 5.6rem;
    background   : rgba(243, 248, 255, 1);
    margin-bottom: 0.48rem;
}

.client .title {
    margin-bottom: 0.4rem;
    line-height  : 1rem;
}

.Public_title .title {
    width: 100%;
}

.client .title h1 {
    font-size  : 0.34rem;
    font-weight: 400;
    color      : rgba(0, 0, 0, 1);
    line-height: 0.3rem;
}

.client-banner,
.con-bg,
.con-bm-bg {
    display: none !important;
}

/*手机端 client*/
.m,
.m_ins {
    width         : 100%;
    margin-right  : auto;
    height        : auto;
    /*padding-left: 0.3rem;*/
    display       : block;
}

.m_ins {
    height: 4.8rem;
}

.leftScroll_container {
    display: flex;
    padding: 0;
    margin : 0 auto;
}

.m_index_left,
.m_intro_leftScroll {
    position: relative;
    width   : 100%;
    overflow: hidden;
}

.m_intro_leftScroll {
    height: 4.8rem;
}

.leftScroll_container {
    position: relative;
    top     : 0;
    right   : 0;
}

.transition {
    transition: all 200ms;
}

.content .triangular {
    display: none;
}

.leftScroll_picBox {
    padding-left: 0.3rem;
    width       : 6.4rem !important;
    height      : 4rem !important;
    float       : none !important;
}

.individual {
    position: relative;
}

.m_index1 {
    background: url("../img/home/bg_guge@2x.png") no-repeat center center;
    width     : 6.4rem !important;
    height    : 4.4rem !important;
}

.m_index2 {
    background             : url("../img/home/bg_zjtx@2x.png") no-repeat center center;
    -webkit-background-size: cover;
    background-size        : cover;
    width                  : 6.4rem !important;
    height                 : 4rem !important;
}

.m_intro1 {
    background             : url("../img/intro/jsaljs_dn@2x.png") no-repeat center center;
    -webkit-background-size: cover;
    background-size        : cover;
    width                  : 6.4rem !important;
    height                 : 4.8rem !important;
}

.m_intro2 {
    background             : url("../img/intro/jsaljs_guge@2x.png") no-repeat center center;
    -webkit-background-size: cover;
    background-size        : cover;
    width                  : 6.4rem !important;
    height                 : 4.8rem !important;
}

.m_intro3 {
    background             : url("../img/intro/jsaljs_zjtx@2x.png") no-repeat center center;
    -webkit-background-size: cover;
    background-size        : cover;
    width                  : 6.4rem !important;
    height                 : 4.8rem !important;
}

.individual h1 {
    font-size     : 0.34rem;
    font-weight   : bold;
    color         : #ffffff;
    letter-spacing: 1px;
    padding       : 0.45rem 0 0 0.4rem;
    margin        : 0;
    text-align    : left;
}

.individual .indiv_hr {
    background: linear-gradient(90deg, rgba(0, 161, 255, 1), rgba(0, 92, 255, 1));
    width     : 0.64rem;
    height    : 0.08rem;
    margin    : 0.2rem 0 0 0.4rem;
}

.m_intro_leftScroll .individual p {
    margin: 0.1rem 0.4rem 0;
}

.individual p {
    margin        : 0.32rem 0.4rem 0;
    font-size     : 0.2rem;
    color         : #ffffff;
    letter-spacing: 1px;
    opacity       : 0.8;
    text-align    : justify;
}


/*footer*/
.footer {
    height: 100%;
}

.footer .top {
    width      : 100% !important;
    display    : flex;
    height     : 100%;
    padding-top: 0;
}

.list-item-left {
    flex        : 1;
    float       : none;
    margin-right: 0;
}

.list-item-content {
    flex        : 1;
    margin-right: 0;
}

.list-item-right {
    display: none;
}

.footer .bottom {
    display: none;
}

.list-item-left .title,
.list-item-content .title,
.list-item-right .title {
    text-align   : center;
    margin-bottom: 0.32rem;
    margin-top   : 0.3rem;
}

.m_fhr {
    display   : block;
    width     : 1px;
    background: rgba(255, 255, 255, 0.1);
    margin    : 0.4rem 0;
}

.list-item-left .item,
.list-item-content .item,
.list-item-right .item .footer-content {
    text-align: center;
}

.list-item-left .item p,
.list-item-content .item p {
    margin-bottom: 0.28rem;
}

.list-item-left .item p:last-child,
.list-item-content .item p:last-child {
    margin-bottom: 0;
}

#toTop {
    display: none !important;
}

/*手机端footer*/
.m_footer {
    display: block;
}

.m_footer_title {
    font-size    : 0.28rem;
    text-align   : center;
    margin-top   : 0.47rem;
    line-height  : 0.3rem;
    padding      : 0;
    margin-bottom: 0.24rem;
    font-weight  : 500;
}

.m_footer .m_footer_list {
    margin      : 0 0.29rem 0.16rem;
    height      : 0.8rem;
    line-height : 0.8rem;
    font-size   : 0.24rem;
    color       : rgba(0, 0, 0, 0.8) !important;
    padding-left: 0.43rem;
    background  : rgba(243, 248, 255, 1);
    border      : 1px solid rgba(243, 248, 255, 1);
}

.m_footer_icon {
    margin : 0.48rem 0.29rem 0.48rem 0.29rem;
    display: flex;
}

.m_footer_icon li {
    list-style-type: none;
    flex           : 1;
    width          : 0.6rem;
    height         : 0.6rem;
    background     : red;
}

.m_footer_icon .m_wx {
    background             : url("../img/home/wxicon@2x.png") no-repeat center center;
    -webkit-background-size: contain;
    background-size        : contain;
}

.m_footer_icon .m_face {
    background             : url("../img/home/Facebookicon@2x.png") no-repeat center center;
    -webkit-background-size: contain;
    background-size        : contain;
}

.m_footer_icon .m_you {
    background             : url("../img/home/YouTubeicon@2x.png") no-repeat center center;
    -webkit-background-size: contain;
    background-size        : contain;
}

.m_footer_icon .m_tw {
    background             : url("../img/home/Twittericon@2x.png") no-repeat center center;
    -webkit-background-size: contain;
    background-size        : contain;
}

.m_footer_com {
    text-align: center;
    font-size : 0.2rem;
    display   : block;
}

.m_footer_bottom {
    margin-top   : 0.41rem;
    text-align   : center;
    margin-bottom: 0.23rem;
    font-size    : 0.2rem;
}

.m_footer_bottom p {
    text-align   : center;
    margin-bottom: 0.17rem;
}

/*intro*/

.intro-banner {
    display: none;
}

.m_intro_banner {
    display                : block;
    width                  : 100%;
    height                 : 3.76rem;
    background             : url("../img/intro/bg_VEspyqjsjs@2x.png") no-repeat center center;
    -webkit-background-size: cover;
    background-size        : cover;
    margin-top             : 0.96rem;
}

.m_intro_banner .content {
    padding-top: 0;
}

.m_intro_banner .content .title {
    font-size  : 0.34rem;
    color      : #ffffff;
    margin-left: 0.46rem;
    margin-top : 0.5rem;
}

.m_intro_banner .content p {
    font-size    : 0.2rem;
    color        : #ffffff;
    margin-bottom: 0.24rem;
    text-align   : justify;
}

.m_intro_banner .content .m_b_t {
    margin-left : 0.47rem;
    margin-right: 2.4rem;
    text-align  : justify;
}

.m_intro_banner .content p:last-child {
    margin-left : 0.47rem;
    margin-right: 0.38rem;
}

.low-img {
    display: none;
}

.m_low_img {
    display      : block;
    margin-bottom: 0.43rem;
}

.m_low_img .title {
    margin-bottom: 0.23rem;
}

.m_low_img h1 {
    text-align: center;
    color     : #000;
    font-size : 0.34rem !important;
}

.m_low_img .title p {
    font-size  : 0.2rem;
    font-weight: 400;
    color      : rgba(0, 0, 0, 0.64);
    line-height: 0.3rem;
    margin     : 0 0.74rem 0 0.54rem;
}

.v-switch {
    display: none;
}

.togglebox {
    width       : 6.9rem;
    display     : block;
    margin      : 0 auto;
    background  : #fff;
    transform   : translateZ(0);
    margin-top  : 0.48rem;
    /*box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);*/
}

.togglebox input[type="checkbox"] {
    position: absolute;
    opacity : 0;
}

.togglebox label {
    box-sizing   : border-box;
    position     : relative;
    display      : flex;
    align-items  : center;
    height       : 1.4rem;
    line-height  : 1.4rem;
    padding      : 0 0.36rem;
    font-size    : 0.25rem;
    font-weight  : 400;
    border       : 1px solid #dde3ed;
    background   : #fff;
    cursor       : pointer;
    border-radius: 0.08rem;
    box-shadow   : 0 0 0.08rem rgba(0, 39, 103, .1);
}

.togglebox label span {
    /* width         : 0.08rem;
    height        : 0.32rem;
    background    : linear-gradient(90deg, rgba(0, 161, 255, 1), rgba(0, 92, 255, 1));
    vertical-align: middle;
    display       : inline-block;
    margin-right  : 0.24rem; */
    display        : block;
    width          : 1.2rem;
    height         : 1.2rem;
    margin-right   : 0.2rem;
    background-size: cover;
}

.togglebox label[for="toggle1"] span {
    background: url("/img/btn_icon_AEhSDKxz_nor.svg") no-repeat center center;
}

.togglebox label[for="toggle2"] span {
    background: url("/img/btn_icon_zyjspzz_nor.svg") no-repeat center center;
}

.togglebox label[for="toggle3"] span {
    background: url("/img/btn_icon_qddSDKnl_nor.svg") no-repeat center center;
}

.togglebox label[for="toggle4"] span {
    background: url("/img/btn_icon_yydAEgj_nor.svg") no-repeat center center;
}

#toggle1:checked~label[for*='1'] span {
    background: url("/img/btn_icon_AEhSDKxz_sel.svg") no-repeat center center;
}

#toggle2:checked~label[for*='2'] span {
    background: url("/img/btn_icon_zyjspzz_sel.svg") no-repeat center center;
}

#toggle3:checked~label[for*='3'] span {
    background: url("/img/btn_icon_qddSDKnl_sel.svg") no-repeat center center;
}

#toggle4:checked~label[for*='4'] span {
    background: url("/img/btn_icon_yydAEgj_sel.svg") no-repeat center center;
}

.togglebox label:after {
    content    : '\f107';
    position   : absolute;
    top        : 0;
    right      : 20px;
    font-size  : 0.4rem;
    font-family: fontawesome;
    transform  : rotate(0deg);
    transition : .3s transform;
}

.togglebox section {
    /*height: 0;*/
    /*opacity: 0;*/
    max-height   : 0;
    transition   : all 0.5s cubic-bezier(0.4, 0, 1, 1);
    overflow     : hidden;
    margin-bottom: 0.2rem;
    box-sizing   : border-box;
    padding      : 0 .4rem;
}



#toggle1:checked~label[for*='1'],
#toggle2:checked~label[for*='2'],
#toggle3:checked~label[for*='3'],
#toggle4:checked~label[for*='4'],
#toggle5:checked~label[for*='5'],
#toggle6:checked~label[for*='6'] {
    color        : rgba(0, 161, 255, 1);
    border-bottom: 1px solid #edf1f8;
}

#toggle1:checked~label[for*='1']:after,
#toggle2:checked~label[for*='2']:after,
#toggle3:checked~label[for*='3']:after,
#toggle4:checked~label[for*='4']:after,
#toggle5:checked~label[for*='5']:after,
#toggle6:checked~label[for*='6']:after {
    color: rgba(0, 161, 255, 1)
}

#toggle1:checked~label[for*='1']:after,
#toggle2:checked~label[for*='2']:after,
#toggle3:checked~label[for*='3']:after,
#toggle4:checked~label[for*='4']:after,
#toggle5:checked~label[for*='5']:after,
#toggle6:checked~label[for*='6']:after {
    transform: rotate(180deg);
}

#toggle1:checked~#content1,
#toggle2:checked~#content2,
#toggle3:checked~#content3,
#toggle4:checked~#content4,
#toggle5:checked~#content5,
#toggle6:checked~#content6 {
    max-height       : 7rem;
    transition       : max-height 0.8s;
    padding-bottom   : 0.4rem;
    /*height         : auto;*/
    /*overflow       : visible;*/
    /*opacity        : 1;*/
    /*height         : 430px;*/
    background       : #f3f8ff;
    /* border-right  : 1px solid #edf1f8;
    border-left      : 1px solid #edf1f8;
    border-bottom    : 1px solid #edf1f8; */
}

/* #content1,
#content2,
#content3,
#content4,
#content5,
#content6 {
    border-right : 1px solid #edf1f8;
    border-left  : 1px solid #edf1f8;
    border-bottom: 1px solid #edf1f8;
} */

.togglebox p {
    margin     : 0.22rem 0;
    padding    : 0 0.24rem;
    font-size  : 0.24rem;
    line-height: 1.5;
}

.togglebox .text_togglebox p {
    margin       : 0;
    padding      : 0;
    margin-bottom: 0.2rem;
}

.m_list {
    padding   : 0 0.24rem;
    transition: all 0.3s;
}

.m_list li {
    list-style-type: none;
    font-size      : 0.2rem;
    display        : flex;
    margin-bottom  : 0.48rem;
    transition     : .3s all;
}

.m_list li .m_photo {
    width       : 1.2rem;
    height      : 1.2rem;
    display     : block;
    /*background: rgba(243, 246, 251, 1);*/
}

.m_list li .m_photo img {
    width : 1.2rem;
    height: 100%;
}

.m_list li .m_r-content {
    margin-left: 0.16rem;
}

.m_list li .m_r-content .m_r-title {
    font-size  : 0.24rem;
    font-weight: 400;
    color      : rgba(0, 161, 255, 1);
}

.m_list li .m_r-content .m_r-b {
    padding    : 0;
    margin     : 0.18rem 0 0 0;
    font-size  : 0.2rem;
    font-weight: 400;
    color      : rgba(0, 0, 0, 1);
    line-height: 0.24rem;
    opacity    : 0.6;
}


.label-cloud {
    margin-top: 0;
    height    : 3.44rem;
}

.label-cloud img {
    width: 100%;
}

.intro-bs {
    height       : 100%;
    margin-bottom: 0.48rem;
}

.intro-bs .title {
    padding-top  : 0;
    margin-bottom: 0.4rem;
}

.intro-bs .title h1 {
    font-size: 0.34rem;
}

.container {
    display: none;
}

/*design*/

.design-banner {
    display: none;
}

.m_design_banner {
    margin-top                : 0.96rem;
    display                   : block;
    width                     : 100%;
    background                : url("../img/design/bg_sjszy@2x.png") no-repeat center center;
    -webkit-background-size   : cover;
    background-size           : cover;
    /* height                 : 3.7rem; */
}

.static-banner {
    display: none;
}

.filter-banner {
    display: none;
}

.m_static_banner {
    display        : block;
    background     : url("/responsive/img/banner_bzmb@2x.png") no-repeat center center;
    background-size: cover;
}

.m_filter_banner {
    display        : block;
    background     : url("/responsive/img/banner_ljmb@2x.png") no-repeat center center;
    background-size: cover;
}

.m_newCamera_banner {
    display        : block;
    background     : url("/responsive/img/banner_sxjmb@2x.png") no-repeat center center;
    background-size: cover;
}


.m_paster_banner {
    display        : block;
    background     : url("/responsive/img/banner_tzmb@2x.png") no-repeat center center;
    background-size: cover;
}

.m_dynamic_banner {
    display        : block;
    background     : url("/responsive/img/banner_dtmb@2x.png") no-repeat center center;
    background-size: cover;
}

.m_videoTemplate_banner {
    display        : block;
    background     : url("/responsive/img/banner_spjj@2x.png") no-repeat center center;
    background-size: cover;
}

.m_static_banner .content .m_b_t {
    margin-left : 0.47rem;
    margin-right: 3.28rem;
    word-spacing: 2px;
}

.m_design_banner .content {
    padding-top: 0;
}

.m_design_banner .content .title {
    font-size  : 0.34rem;
    color      : #ffffff;
    margin-left: 0.46rem;
    margin-top : 0.5rem;
    font-weight: normal;

}

.m_design_banner .content p {
    font-size    : 0.2rem;
    color        : #ffffff;
    margin-bottom: 0.4rem;
    word-spacing : 2px;

}

.m_design_banner .content .m_b_t {
    margin-left : 0.47rem;
    margin-right: 2.4rem;
    word-spacing: 2px;

}

.m_about_banner {
    margin-top                : 0.96rem;
    display                   : block;
    width                     : 100%;
    /* height                 : 3.76rem; */
    background                : url("../img/about/h5_banner_gywm@2x.png") no-repeat center center;
    -webkit-background-size   : cover;
    background-size           : cover;
}

.m_about_banner .content .m_b_t {
    margin-right: 1rem;
}

.design-d-content {
    display: none;
}

.m_d_content {
    display: block;
}

.m_d_content .title {
    margin-bottom: 0.23rem;
}

.m_d_content .title h1 {
    font-size: 0.34rem;

}

.m_d_content .title h1 .fl {
    margin-right: 8px;
}

.m_d_content .title h1 .fr {
    margin-left: 8px;
}

.m_d_header {
    margin-top: 0.23rem;
}

.m_d_header {
    width : 5.9rem;
    margin: 0 auto;
    height: 100%;
}

.m_d_header .m_d_item {
    width        : 2.8rem;
    height       : 2.8rem;
    margin-bottom: 0.3rem;
    background   : #ffffff;
    display      : inline-block;
    box-shadow   : 0px 2px 8px 0px rgba(0, 39, 103, 0.1);
}

.m_d_header .m_d_item img {
    margin: 0.65rem 0 0 0.92rem;
    width : 0.96rem;
    height: 0.96rem;
}

.m_d_header .m_d_item p {
    padding    : 0;
    margin     : 0;
    font-size  : 0.28rem;
    font-weight: 400;
    color      : rgba(1, 161, 255, 1);
    line-height: 0.3rem;
    text-align : center;
}

.m_d_header .m_d_item:nth-child(2),
.m_d_header .m_d_item:nth-child(4) {
    margin-right: 0;
}

.coverage {
    width     : 100%;
    background: rgba(243, 248, 255, 1);
}

.coverage .m_coverage_t {
    padding-top   : 0.37rem;
    text-align    : center;
    padding-bottom: 0.22rem;
}

.coverage .m_coverage_t img {
    width : 0.96rem;
    height: 0.96rem;
}

.coverage .m_coverage_t p {
    font-size  : 0.28rem;
    font-weight: 400;
    color      : rgba(1, 1, 1, 1);
    line-height: 0.3rem;
    margin     : 0;
    padding    : 0;
}

.coverage .m_coverage_c {
    padding: 0 0.3rem 0;
}

.coverage .m_coverage_c li {
    list-style-type: none;
    display        : flex;
}

.coverage .m_coverage_c li .m_fl {
    display        : flex;
    align-items    : center;
    justify-content: center;
    text-align     : center;
}

.coverage .m_coverage_c .m_fl img {
    width      : 0.8rem;
    height     : 0.8rem;
    margin-left: 0.3rem;
}

.coverage .m_coverage_c .m_fr {
    flex: 1;
}

.coverage .m_coverage_c .m_fr span {
    font-size  : 0.24rem;
    font-weight: 400;
    color      : rgba(1, 161, 255, 1);
    margin-left: 0.16rem;
    display    : block;
}

.coverage .m_coverage_c .m_fr p {
    font-size   : 0.2rem;
    font-weight : 400;
    color       : rgba(0, 0, 0, 1);
    line-height : 0.3rem;
    margin-left : 0.16rem;
    margin-right: 0.67rem;
    opacity     : 0.64;
    text-align  : justify;
}

.coverage .m_coverage_c .m_sr {
    margin    : 0.2rem 0 0.4rem;
    height    : 1px;
    background: rgba(230, 236, 244, 1);
}

.c_property {
    width: 100%;
}

.c_property .c_property_t {
    padding-top   : 0.37rem;
    text-align    : center;
    padding-bottom: 0.22rem;
}

.c_property .c_property_t img {
    width : 0.96rem;
    height: 0.96rem;
}

.c_property .c_property_t p {
    font-size  : 0.28rem;
    font-weight: 400;
    color      : rgba(1, 1, 1, 1);
    line-height: 0.3rem;
    margin     : 0;
    padding    : 0;
}

.c_property_c {
    margin-top: 0.23rem;
}

.c_property_c li {
    display: flex;
}

.c_property_c li .cfl {
    width      : 0.8rem;
    height     : 0.8rem;
    margin-left: 0.64rem;
}

.c_property_c li .cfl img {
    width     : 0.8rem;
    height    : 0.8rem;
    display   : block;
    margin-top: 0.16rem;
}

.c_property_c li .cfr {
    margin-left : 0.16rem;
    margin-right: 0.65rem;
}

.c_property_c li .cfr span {
    font-size  : 0.24rem;
    font-weight: 400;
    color      : rgba(0, 0, 0, 1);
    display    : block;
}

.c_property_c li .cfr p {
    font-size   : 0.2rem;
    font-weight : 400;
    color       : rgba(0, 0, 0, 0.6);
    margin-right: 0.67rem;
    line-height : 0.3rem;
    text-align  : justify;
}

.c_property_c li .cfr p a {
    font-size: 0.2rem;
    color    : #007aff;
    opacity  : 0.6;
}

.c_property_c .c_sr {
    margin    : 0.2rem 0.3rem 0.4rem;
    height    : 1px;
    background: rgba(243, 248, 255, 1);
}

.cartoon {
    width         : 100%;
    height        : 6.44rem;
    background    : rgba(243, 248, 255, 1);
    margin-top    : 0.2rem;
    padding-bottom: 0.37rem;
}

.cartoon .cartoon_t {
    padding-top   : 0.1rem;
    text-align    : center;
    padding-bottom: 0.22rem;
}

.cartoon .cartoon_t img {
    width : 0.96rem;
    height: 0.96rem;
}

.cartoon .cartoon_t p {
    font-size  : 0.28rem;
    font-weight: 400;
    color      : rgba(1, 1, 1, 1);
    line-height: 0.3rem;
    margin     : 0;
    padding    : 0;
}

.cartoon .cartoon_t .cartoon_des {
    font-size  : 0.2rem;
    margin     : 0.22rem 0.61rem 0.24rem 0.44rem;
    text-align : justify;
    font-weight: 400;
    color      : rgba(0, 0, 0, 0.6);
    line-height: 0.26rem;
}

.cartoon .cartoon_list {
    margin: 0 0.3rem;

}

.cartoon .cartoon_list li {
    list-style-type: none;
    width          : 1.6rem;
    height         : 1.6rem;
    display        : block;
    float          : left;
    margin-right   : 0.16rem;
    margin-bottom  : 0.16rem;
    background     : #ffffff;
    text-align     : center;
    position       : relative;
}

.cartoon .cartoon_list li:nth-child(4),
.cartoon .cartoon_list li:nth-child(8) {
    margin-right: 0;
}

.cartoon .cartoon_list li span {
    font-size : 0.2rem;
    color     : #000000;
    display   : block;
    text-align: center;
    margin    : 4px 0 0 0;
    padding   : 0;
}

.cartoon .cartoon_list li img {
    width  : 0.88rem;
    height : 0.88rem;
    margin : 0.1rem auto;
    display: block;
}

.c_plugin {
    width: 100%;
}

.c_plugin .c_plugin_t {
    padding-top   : 0.37rem;
    text-align    : center;
    padding-bottom: 0.22rem;
}

.c_plugin .c_plugin_t img {
    width : 0.96rem;
    height: 0.96rem;
}

.c_plugin .c_plugin_t p {
    font-size  : 0.28rem;
    font-weight: 400;
    color      : rgba(1, 1, 1, 1);
    line-height: 0.3rem;
    margin     : 0;
    padding    : 0;
}

.c_plugin .c_plugin_t .m-d-c-t-bs {
    font-size  : 0.24rem;
    color      : #007aff;
    font-weight: 500;
    opacity    : 0.8;
    margin     : 0.24rem 0 0.12rem 0;
    cursor     : pointer;
}

.c_plugin .c_plugin_t .m-d-c-t-bs-b {
    font-size    : 0.2rem;
    color        : #000000;
    opacity      : 0.64;
    font-weight  : 500;
    margin-bottom: 0.24rem;
    margin-top   : 0;
}

.c_plugin .c_table {
    margin: 0 0.3rem;
}

.c_plugin .c_table li {
    list-style-type: none;
    height         : 0.8rem;
    background     : rgba(255, 255, 255, 1);
    border         : 1px solid rgba(221, 227, 235, 1);
    text-align     : center;
    line-height    : 0.35rem;
    font-size      : 0.24rem;
    font-weight    : 400;
    color          : rgba(0, 0, 0, 1);
    opacity        : 0.64;
    display        : flex;
    justify-content: center;
    align-items    : center;
}

.c_plugin .c_table li:nth-of-type(odd) {
    background: rgba(204, 236, 255, 1);
    color     : #007AFF;
}

.c_plugin .c_table li:nth-child(2),
.c_plugin .c_table li:nth-child(3),
.c_plugin .c_table li:nth-child(4),
.c_plugin .c_table li:nth-child(5),
.c_plugin .c_table li:nth-child(6),
.c_plugin .c_table li:nth-child(7),
.c_plugin .c_table li:nth-child(8),
.c_plugin .c_table li:nth-child(9),
.c_plugin .c_table li:nth-child(10),
.c_plugin .c_table li:nth-child(11),
.c_plugin .c_table li:nth-child(12),
.c_plugin .c_table li:nth-child(13),
.c_plugin .c_table li:nth-child(14),
.c_plugin .c_table li:nth-child(15),
.c_plugin .c_table li:nth-child(16) {
    border-top: none;
}

.c_tutorial .title {
    margin-bottom: 0.23rem;
}

.c_tutorial .title h1 {
    font-size  : 0.34rem;
    line-height: 0.3rem;
    color      : #000000;
    display    : inline-block;
    margin     : 0;
}

.c_video {
    margin: 0 0.3rem;
}

.c_video video {
    width : 100%;
    height: 100%;
}

.c_video span {
    display    : block;
    background : linear-gradient(90deg, rgba(0, 161, 255, 1), rgba(0, 92, 255, 1));
    font-size  : 0.2rem;
    font-weight: 500;
    color      : rgba(255, 255, 255, 1);
    text-align : center;
    width      : 1.6rem;
    height     : 0.48rem;
    line-height: 0.48rem;
    margin     : 0 auto 0.3rem;
}

.developer-banner {
    display: none;
}

.m_developer_banner {
    margin-top: 0.96rem;
    display   : block;
    width     : 100%;
    height    : 3.76rem;
}

.hr {
    display: none;
}

.de-wrap {
    display: none;
}

.m_developer_switch {
    display   : block;
    margin-top: -0.48rem;
}

.m_togglebox {
    width       : 6.9rem;
    display     : block;
    margin      : 0 auto;
    background  : #fff;
    transform   : translateZ(0);
    /*box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);*/
}

.m_togglebox input[type="checkbox"] {
    position: absolute;
    opacity : 0;
}

.m_togglebox label {
    position    : relative;
    display     : block;
    height      : 1.28rem;
    line-height : 1.28rem;
    padding     : 0 0.16rem;
    font-size   : 0.28rem;
    font-weight : 400;
    border-left : 1px solid #edf1f8;
    border-top  : 1px solid #edf1f8;
    border-right: 1px solid #edf1f8;
    background  : #fff;
    cursor      : pointer;
}

.m_togglebox label img {
    width         : 0.6rem;
    height        : 0.6rem;
    display       : inline-block;
    margin-right  : 0.23rem;
    vertical-align: middle;
}

.m_togglebox label:after {
    content    : '\f107';
    position   : absolute;
    top        : 0;
    right      : 20px;
    font-size  : 0.4rem;
    font-family: fontawesome;
    transform  : rotate(0deg);
    transition : all 0.3s cubic-bezier(0.4, 0, 1, 1);
}

.m_togglebox section {
    height       : 0;
    transition   : all 0.3s cubic-bezier(0.4, 0, 1, 1);
    overflow     : hidden;
    margin-bottom: 0.2rem;
    background   : rgba(243, 248, 255, 1);
}

#m_developer1:checked~label[for*='1'],
#m_developer2:checked~label[for*='2'],
#m_developer3:checked~label[for*='3'],
#m_developer4:checked~label[for*='4'],
#m_developer5:checked~label[for*='5'],
#m_developer6:checked~label[for*='6'],
#m_developer7:checked~label[for*='7'],
#m_developer8:checked~label[for*='8'] {
    color        : rgba(0, 161, 255, 1);
    border-bottom: 1px solid #edf1f8;
}

#m_developer1:checked~label[for*='1']:after,
#m_developer2:checked~label[for*='2']:after,
#m_developer3:checked~label[for*='3']:after,
#m_developer4:checked~label[for*='4']:after,
#m_developer5:checked~label[for*='5']:after,
#m_developer6:checked~label[for*='6']:after,
#m_developer7:checked~label[for*='7']:after,
#m_developer8:checked~label[for*='8']:after {
    color: rgba(0, 161, 255, 1)
}

#m_developer1:checked~label[for*='1']:after,
#m_developer2:checked~label[for*='2']:after,
#m_developer3:checked~label[for*='3']:after,
#m_developer4:checked~label[for*='4']:after,
#m_developer5:checked~label[for*='5']:after,
#m_developer6:checked~label[for*='6']:after,
#m_developer7:checked~label[for*='7']:after,
#m_developer8:checked~label[for*='8']:after {
    transform: rotate(180deg);
}

#m_developer1:checked~#m_developer_c1,
#m_developer2:checked~#m_developer_c2,
#m_developer3:checked~#m_developer_c3,
#m_developer4:checked~#m_developer_c4,
#m_developer5:checked~#m_developer_c5,
#m_developer6:checked~#m_developer_c6,
#m_developer7:checked~#m_developer_c7,
#m_developer8:checked~#m_developer_c8 {
    /*height: 100%;*/
    height        : 2.65rem;
    padding-bottom: 0.1rem;
    border-right  : 1px solid #edf1f8;
    border-left   : 1px solid #edf1f8;
    border-bottom : 1px solid #edf1f8;
}

#m_developer_c1,
#m_developer_c2,
#m_developer_c3,
#m_developer_c4,
#m_developer_c5,
#m_developer_c6,
#m_developer_c7,
#m_developer_c8 {
    border-right : 1px solid #edf1f8;
    border-left  : 1px solid #edf1f8;
    border-bottom: 1px solid #edf1f8;
}

.m_togglebox section .m_developer_list {
    display  : flex;
    /*padding: 0.35rem 0.3rem 0;*/

}

.m_togglebox section .m_developer_list:first-child {
    margin-top: 0.16rem;
}

.m_developer_list_fl {
    margin-left: 0.4rem;
}

.m_developer_list_fr {
    margin-right: 0;
}

.m_developer_list_fl,
.m_developer_list_c,
.m_developer_list_fr {
    flex       : 1;
    font-size  : 0.24rem;
    font-weight: 400;
    color      : rgba(1, 0, 0, 1);
    align-items: center;
    display    : flex;
}

.m_list_deve_img {
    width         : 0.8rem;
    height        : 0.8rem;
    vertical-align: middle;
    display       : inline-block;
    transition    : all 0.2s;
}

.m_developer_list_c_img {
    background     : url("../img/developer/wd_nor@2x.png") no-repeat center center;
    background-size: contain;
}

.m_developer_list_c_img:hover {
    background     : url("../img/developer/wd_sel@2x.png") no-repeat center center;
    background-size: contain;
}

.m_developer_list_fr_img {
    background     : url("../img/developer/Demo_nor@2x.png") no-repeat center center;
    background-size: contain;
}

.m_developer_list_fr_img:hover {
    background     : url("../img/developer/Demo_sel@2x.png") no-repeat center center;
    background-size: contain;
}

.m_developer_list_c_img:hover #m_developer_c3 {
    border-right : 1px solid #dde3eb;
    border-left  : 1px solid #dde3eb;
    border-bottom: 1px solid #dde3eb;
}

.m_developer_list_fr_img:hover #m_developer_c3 {
    border-right : 1px solid #dde3eb;
    border-left  : 1px solid #dde3eb;
    border-bottom: 1px solid #dde3eb;
}

.m_developer_list_c {
    text-align: center;
}

.m_developer_list_fr {
    text-align: right;
}

.question {
    display: none;
}

.m_question {
    display                : block;
    width                  : 100%;
    height                 : 3.38rem;
    background             : url("http://static.seeshiontech.com/img/developer/kf_xtbg@2x.png") no-repeat center center;
    -webkit-background-size: cover;
    background-size        : cover;
}

.m_question .m_q-title {
    padding    : 0.48rem 0 0.39rem;
    font-size  : 0.34rem;
    font-weight: 400;
    color      : rgba(255, 255, 255, 1);
    line-height: 0.30rem;
    text-align : center;
}

.m_question .m_q_content {
    display: flex;
    padding: 0 1.09rem;
}

.m_question .m_q_content .m_q_list {
    width       : 1.6rem;
    height      : 1.76rem;
    background  : #ffffff;
    margin-right: 0.4rem;
}

.m_question .m_q_content .m_q_list:last-child {
    margin-right: 0;
}

.m_question .m_q_content .m_q_list img {
    width          : 1.08rem;
    height         : 1.08rem;
    background-size: cover;
    margin         : 0.1rem 0.3rem 0.1rem 0.3rem;
    display        : block;
}

.m_question .m_q_content .m_q_list span {
    background   : linear-gradient(90deg, rgba(0, 161, 255, 1), rgba(0, 92, 255, 1));
    width        : 0.24rem;
    height       : 0.08rem;
    display      : block;
    /*margin-top : 0.42rem;*/
    margin-left  : 0.3rem;
    margin-bottom: 0.11rem;
}

.m_question .m_q_content .m_q_list p {
    font-size : 0.2rem;
    color     : #000000;
    padding   : 0;
    margin    : 0;
    text-align: center;
}


.m_question .m_q_content .m_q_fl,
.m_question .m_q_content .m_q_fr {
    width     : 2.8rem;
    height    : 1.24rem;
    flex      : 1;
    position  : relative;
    background: white;
}

.m_question .m_q_content .m_q_fl span,
.m_question .m_q_content .m_q_fr span {
    /*position: absolute;*/
    /*font-size: 0.2rem;*/
    /*color: #000000;*/
    /*top: 35px;*/
    /*right: 0.13rem;*/
}

.m_question .m_q_content .m_q_fl {
    margin-right: 0.8rem;
    display     : flex;
}

.m_question .m_q_content .m_q_fr {
    display: flex;
}

.m_question .m_q_content .m_q_fl .m_q_fl_r {
    flex: 1;
}

.m_question .m_q_content .m_q_fl .m_q_fl_r .m_q_fl_r_t,
.m_question .m_q_content .m_q_fr .m_q_fl_r .m_q_fl_r_t {
    background: linear-gradient(90deg, rgba(0, 161, 255, 1), rgba(0, 92, 255, 1));
    width     : 0.24rem;
    height    : 0.08rem;
    display   : block;
    margin-top: 0.42rem;
}

.m_question .m_q_content .m_q_fl .m_q_fl_r span:last-child,
.m_question .m_q_content .m_q_fr .m_q_fl_r span:last-child {
    font-size : 0.2rem;
    color     : #000000;
    margin-top: 0.13rem;
    display   : block;
}

.m_question .m_q_content .m_q_fl img,
.m_question .m_q_content .m_q_fr img {
    width      : 1.08rem;
    height     : 1.08rem;
    margin-left: 0.25rem;
}

.pc_label_cloud {
    display: none;
}

.m_label_clound {
    display: block;
}

.m_developer_banner {
    display                : block;
    width                  : 100%;
    height                 : 3.76rem;
    background             : url("../img/developer/banner_kfz@2x.png") no-repeat center center;
    -webkit-background-size: cover;
    background-size        : cover;
    margin-top             : 0.96rem;
}

.m_developer_banner .content {
    padding-top: 0;
}

.m_developer_banner .content .title {
    font-size  : 0.34rem;
    color      : #ffffff;
    margin-left: 0.46rem;
    margin-top : 0.5rem;
}

.m_developer_banner .content p {
    font-size    : 0.2rem;
    color        : #ffffff;
    margin-bottom: 0.24rem;
    text-align   : justify;
}

.m_developer_banner .content .m_b_t {
    margin-left : 0.47rem;
    margin-right: 2.4rem;
    text-align  : justify;
}

.m_developer_banner .content p:last-child {
    margin-left : 0.47rem;
    margin-right: 0.38rem;
}

.Public_title .fl {
    width         : 0.6rem;
    height        : 1px;
    display       : inline-block;
    background    : rgba(0, 0, 0, 0.2);
    margin-right  : 0.48rem;
    vertical-align: middle;
}

.Public_title .fr {
    width         : 0.6rem;
    height        : 1px;
    display       : inline-block;
    background    : rgba(0, 0, 0, 0.2);
    margin-left   : 0.48rem;
    vertical-align: middle;
}

.about-banner {
    display: none;
}

.show-item {
    display: none;
}

.m_show_item {
    width  : 100%;
    display: flex;
    height : 3.2rem;
}

.m_show_item li {
    margin-top     : 0.48rem;
    flex           : 1;
    align-items    : center;
    text-align     : center;
    justify-items  : center;
    list-style-type: none;
}

.m_show_item li img {
    width                  : 90%;
    -webkit-background-size: cover;
    background-size        : cover;
}

.m_show_item li span {
    text-align: center;
    font-size : 0.2rem;
    color     : #000000;
    opacity   : 0.8;
    display   : block;
}

.map {
    width        : 100%;
    height       : 4.8rem;
    margin-bottom: 0.48rem;
}

.static-scene {
    display: none;
}

.m_scene {
    display: block;
}

.m_scene .title {
    width     : 100%;
    margin    : 0.48rem 0 0.24rem 0;
    text-align: center;

}

.m_scene .title h1 {
    font-weight: normal;
    font-size  : 0.34rem;
    color      : #000000;
    margin     : 0 0 0.24rem 0;
}

.m_scene .title p {
    font-size  : 0.24rem;
    color      : #000000;
    opacity    : 0.8;
    line-height: 0.4rem;
    margin     : 0 0.65rem;
    padding    : 0;
}

.m_scene .mc_content {
    width     : 100%;
    /*margin  : 0 0.3rem;*/
    text-align: center;
}

.m_scene .mc_content li {
    list-style-type: none;
    width          : 3.3rem;
    height         : 1.84rem;
    position       : relative;
    display        : inline-block;
}

.m_scene .mc_content img {
    width          : 3.3rem;
    height         : 1.84rem;
    /*opacity      : 0.6;*/
    margin-right   : 0.3rem;
    /*margin-bottom: 0.3rem;*/
}

.m_scene .mc_content span {
    position : absolute;
    width    : 100%;
    color    : #ffffff;
    font-size: 0.24rem;
    left     : 50%;
    top      : 65%;
    transform: translate(-50%);

}

.m_scene .mc_content img:nth-of-type(even) {}

.static-process {
    display: none;
}

.m_process {
    display   : block;
    background: #f3f8ff;
    width     : 100%;
    text-align: center;
}

.m_process .title {
    width      : 100%;
    padding-top: 0.2rem;
    text-align : center;
}

.m_process .title h1 {
    font-size  : 0.34rem;
    color      : #000000;
    font-weight: normal;
}

.m_process .title .fl {
    width         : 0.6rem;
    height        : 1px;
    display       : inline-block;
    background    : rgba(0, 0, 0, 0.2);
    margin-right  : 0.48rem;
    vertical-align: middle;
}

.m_process .title .fr {
    width         : 0.6rem;
    height        : 1px;
    display       : inline-block;
    background    : rgba(0, 0, 0, 0.2);
    margin-left   : 0.48rem;
    vertical-align: middle;
}

.m_process img {
    width                  : 5.3rem;
    -webkit-background-size: cover;
    background-size        : cover;
}

.static-core {
    display: none;
}

.m_core {
    display   : block;
    margin-top: 0.48rem;
    text-align: center;
}

.m_core .title {
    width     : 100%;
    text-align: center;
}

.m_core .title h1 {
    font-size  : 0.34rem;
    color      : #000000;
    font-weight: normal;
}

.m_core .title .fl {
    width         : 0.6rem;
    height        : 1px;
    display       : inline-block;
    background    : rgba(0, 0, 0, 0.2);
    margin-right  : 0.48rem;
    vertical-align: middle;
}

.m_core .title .fr {
    width         : 0.6rem;
    height        : 1px;
    display       : inline-block;
    background    : rgba(0, 0, 0, 0.2);
    margin-left   : 0.48rem;
    vertical-align: middle;
}

.m_core .m_core_tab {
    width  : 100%;
    height : 1.56rem;
    display: flex;
}

.m_core .m_tabs {
    flex           : 1;
    text-align     : center;
    width          : 1.56rem;
    height         : 1.56rem;
    display        : block;
    list-style-type: none;
    overflow       : hidden;
    margin-left    : 0.3rem;
}

.m_core .m_tabs:nth-of-type(2),
.m_core .m_tabs:nth-of-type(3) {
    margin-left: 0;
}

.m_core .m_tabs:nth-of-type(3) {
    margin-right: 0.3rem;
}

.m_tabs .m_core_a1 {
    width                  : 1.56rem;
    height                 : 1.56rem;
    display                : inline-block;
    background             : url("../img/static/hxys_mbzz_nor@2x.png") no-repeat center center;
    -webkit-background-size: cover;
    background-size        : cover;
}

.m_tabs .m_core_active1 {
    width                  : 1.56rem;
    height                 : 1.56rem;
    display                : inline-block;
    background             : url("../img/static/hxys_mbzz_sel@2x.png") no-repeat center center;
    -webkit-background-size: cover;
    background-size        : cover;
}

.m_tabs .m_core_a2 {
    width                  : 1.56rem;
    height                 : 1.56rem;
    display                : inline-block;
    background             : url("../img/static/hxys_xrsd_nor@2x.png") no-repeat center center;
    -webkit-background-size: cover;
    background-size        : cover;
}

.m_tabs .m_core_active2 {
    width                  : 1.56rem;
    height                 : 1.56rem;
    display                : inline-block;
    background             : url("../img/static/hxys_xrsd_sel@2x.png") no-repeat center center;
    -webkit-background-size: cover;
    background-size        : cover;
}

.m_tabs .m_core_a3 {
    width                  : 1.56rem;
    height                 : 1.56rem;
    display                : inline-block;
    background             : url("../img/static/hxys_gnqd_nor@2x.png") no-repeat center center;
    -webkit-background-size: cover;
    background-size        : cover;
}

.m_tabs .m_core_active3 {
    width                  : 1.56rem;
    height                 : 1.56rem;
    display                : inline-block;
    background             : url("../img/static/hxys_gnqd_sel@2x.png") no-repeat center center;
    -webkit-background-size: cover;
    background-size        : cover;
}

.m_tab_nav {
    margin-top: 8px;
    width     : 100%;
    height    : 0.04rem;
    display   : flex;
    position  : relative;
}

.m_tab_nav li {
    list-style-type: none;
    width          : 2.3rem;
    height         : 0.04rem;
}

.m_tab_nav .m_tab_active1 {
    background: linear-gradient(90deg, rgba(0, 161, 255, 1), rgba(0, 92, 255, 1));
    position  : absolute;
    top       : 0;
    left      : 0;
    display   : inline-block !important;
}

.m_tab_nav .m_tab_active2 {
    background: linear-gradient(90deg, rgba(0, 161, 255, 1), rgba(0, 92, 255, 1));
    position  : absolute;
    top       : 0;
    left      : 2.3rem;
    display   : inline-block !important;
}

.m_tab_nav .m_tab_active3 {
    background: linear-gradient(90deg, rgba(0, 161, 255, 1), rgba(0, 92, 255, 1));
    position  : absolute;
    top       : 0;
    left      : 4.6rem;
    display   : inline-block !important;
}

.m_tab_nav .m_tab_active1:first-child {
    margin-left: 0.3rem;
}

.m_tab_con {
    /*height: 100%;*/
}

.m_tab_con li {
    width  : 100%;
    display: none;
}

.tab_con1 {
    margin: 0.16rem 0.3rem 0;
    height: 4.66rem !important;
}

.tab_con1>dd {
    width        : 3.32rem;
    height       : 2rem;
    margin-bottom: 0.26rem;
    margin-right : 0.26rem;
}

.tab_con1 .tab_bg h5 {
    padding       : 0.52rem 0.48rem 0 0.47rem;
    font-size     : 0.24rem;
    font-weight   : 400;
    color         : rgba(255, 255, 255, 1);
    line-height   : 0.3rem;
    margin        : 0;
    letter-spacing: 1px;
    text-align    : justify;
}

.tab_con1 .tab_bg1 {
    background: url("../img/static/mbzz01@2x.png") no-repeat center center;
}

.tab_con1 .tab_bg2 {
    background: url("../img/static/mbzz02@2x.png") no-repeat center center;
}

.tab_con1 .tab_bg3 {
    background: url("../img/static/mmzz03@2x.png") no-repeat center center;
}

.tab_con1 .tab_bg4 {
    background: url("../img/static/mbzz04@2x.png") no-repeat center center;
}

.m_tab_con_active {
    display: block !important;
}


.tab_con2 {
    margin  : 0.16rem 0 0 0;
    height  : 5.64rem !important;
    overflow: hidden;
}

.tab_con2 .tl {
    float     : none !important;
    margin    : 0 0.3rem;
    width     : auto;
    height    : 3.88rem;
    position  : relative;
    background: #000;
}

.tab_con2 .tl video {
    width  : 100%;
    height : 3.88rem;
    opacity: 1 !important;
}

.tab_con2 .tl img {
    position: absolute;
    top     : 102px;
    left    : 218px;
    cursor  : pointer;
}

.tab_con2 .tr {
    float     : none !important;
    margin    : 0 0.3rem;
    width     : auto !important;
    height    : 1.86rem !important;
    background: rgb(243, 248, 255);
}

.tab_con2 .tr .tr_word {
    padding: 0.28rem 0.53rem 0 0.45rem;
}

.tab_con2 .tr .tr_word p {
    text-align    : left;
    font-size     : 0.2rem;
    letter-spacing: 2px;
    color         : rgba(0, 0, 0, 0.8);
    margin-top    : 0;
}

.tab_con2 .tr .tr_word p:last-child {
    padding-top  : 0 !important;
    margin-bottom: 0;
}

.tab_con3 {
    height: 4.6rem !important;
}

.tab_con3 .m_table {
    margin-top: 0.16rem;
    width     : 100%;
}

.tab_con3 .m_table .item {
    height: 0.88rem;
    border: 1px solid rgba(0, 161, 255, 0.4);
    margin: 0 0.3rem;
}

.tab_con3 .m_table .item dd:nth-child(1),
.tab_con3 .m_table .item dd:nth-child(2),
.tab_con3 .m_table .item dd:nth-child(3),
.tab_con3 .m_table .item dd:nth-child(4) {
    margin     : 0;
    padding    : 0;
    width      : 100%;
    height     : 0.88rem;
    text-align : center;
    color      : #00A1FF;
    float      : left;
    font-size  : 0.2rem;
    line-height: 0.88rem;
    background : rgba(0, 161, 255, 0.3);
}

.tab_con3 .m_table .item dd:nth-child(1) {
    width: 1.1rem !important;
}

.tab_con3 .m_table .item dd:nth-child(1),
.tab_con3 .m_table .item dd:nth-child(2),
.tab_con3 .m_table .item dd:nth-child(3) {
    width       : 1.44rem;
    border-right: 1px solid rgba(0, 161, 255, 0.2);
}

.tab_con3 .m_table .item dd:nth-child(4) {
    width: 2.8rem;
}

.tab_con3 .m_table .item-list {
    margin: 0 0.3rem;
    height: 0.88rem;
    border: 1px solid rgba(221, 227, 235, 0.8);
}

.tab_con3 .m_table .item-list dd:nth-child(1),
.tab_con3 .m_table .item-list dd:nth-child(2),
.tab_con3 .m_table .item-list dd:nth-child(3),
.tab_con3 .m_table .item-list dd:nth-child(4) {
    margin     : 0;
    padding    : 0;
    width      : 100%;
    height     : 0.88rem;
    text-align : center;
    color      : rgba(0, 0, 0, 0.8);
    font-size  : 0.2rem;
    float      : left;
    line-height: 0.88rem;
}

.tab_con3 .m_table .item-list dd:nth-child(1) {
    width: 1.1rem !important;
}

.tab_con3 .m_table .item-list dd:nth-child(1),
.tab_con3 .m_table .item-list dd:nth-child(2),
.tab_con3 .m_table .item-list dd:nth-child(3) {
    width       : 1.44rem;
    border-right: 1px solid rgba(221, 227, 235, 1);
}

.tab_con3 .m_table .item-list dd:nth-child(4) {
    width      : 2.8rem;
    line-height: 0.4rem !important;
}

.tab_con3 .m_table .item-list {
    border-bottom: none;
}

.tab_con3 .m_table .item-list:first-child {
    border-top: none;
}

.tab_con3 .m_table .item-list:last-child {
    height       : 0.88rem;
    border-bottom: 1px solid rgba(221, 227, 235, 1);
}

.tab_con3 .m_table .item-list:nth-of-type(odd) {
    background: #f3f8ff
}

/*错*/
.wrong {
    font-weight: 500 !important;
    color      : rgba(255, 64, 44, 1) !important;
}

/*对*/
.face {
    font-weight: 500 !important;
    color      : rgba(46, 208, 194, 1) !important;
}

.static-cooperation {
    display: none;
}

.m_static_cooperation {
    display   : block;
    margin-top: 0.48rem;
    text-align: center;
}

.m_static_cooperation .title {
    width     : 100%;
    text-align: center;
}

.m_static_cooperation .title h1 {
    font-size  : 0.34rem;
    color      : #000000;
    font-weight: normal;
}

.m_static_cooperation .title .fl {
    width         : 0.6rem;
    height        : 1px;
    display       : inline-block;
    background    : rgba(0, 0, 0, 0.2);
    margin-right  : 0.48rem;
    vertical-align: middle;
}

.m_static_cooperation .title .fr {
    width         : 0.6rem;
    height        : 1px;
    display       : inline-block;
    background    : rgba(0, 0, 0, 0.2);
    margin-left   : 0.48rem;
    vertical-align: middle;
}

.m_static_cooperation .m_s_c_item {
    margin-top: 0.24rem;
    width     : 100%;
    text-align: center;
}

.m_static_cooperation .m_s_c_item li {
    list-style-type: none;
    width          : 6.9rem;
    height         : 2rem;
    display        : block;
    margin-left    : 0.3rem;
    margin-bottom  : 0.3rem;
    text-align     : left;
}

.m_static_cooperation .m_s_c_item li h1 {
    font-size : 0.28rem;
    color     : #00a1ff;
    padding   : 0.2rem 0 0.24rem 0.4rem;
    margin    : 0;
    text-align: left;
}

.m_static_cooperation .m_s_c_item li p {
    margin    : 0 0 0 0.4rem;
    font-size : 0.24rem;
    color     : #000000;
    opacity   : 0.8;
    text-align: justify;
}

.m_static_cooperation .m_s_c_item .m_year {
    width          : 6.9rem;
    height         : 2rem;
    background     : url("../img/static/hzfs_anff@2x.png") no-repeat center center;
    background-size: cover;
    display        : block;
}

.m_static_cooperation .m_s_c_item .m_year p {
    margin-right: 1.68rem;
}

.m_static_cooperation .m_s_c_item .m_amount {
    width          : 6.9rem;
    height         : 2rem;
    background     : url("../img/static/hzfs_alff@2x.png") no-repeat center center;
    background-size: cover;
    display        : block;
}

.m_static_cooperation .m_s_c_item .m_amount p {
    margin-right: 2.19rem;
}

.m_static_cooperation .m_s_c_item .m_a_y {
    width          : 6.9rem;
    height         : 2rem;
    background     : url("../img/static/hzfs_xalhan@2x.png") no-repeat center center;
    background-size: cover;
    display        : block;
    margin-bottom  : 0;
}

.m_static_cooperation .m_s_c_item .m_a_y p {
    margin-right: 2.59rem;
}

.m_btn {
    margin-top : 0.24rem;
    width      : 1.6rem;
    height     : 0.48rem;
    text-align : center;
    display    : block;
    background : linear-gradient(90deg, rgba(0, 161, 255, 1), rgba(0, 92, 255, 1));
    font-size  : 0.2rem;
    color      : #ffffff;
    line-height: 0.48rem;

}

.static-sdk {
    display: none;
}

.m_sdk {
    display   : block;
    width     : 100%;
    margin-top: 0.48rem;
}

.m_sdk .title {
    width     : 100%;
    text-align: center;
}

.m_sdk .title h1 {
    font-size  : 0.34rem;
    color      : #000000;
    font-weight: normal;
    margin     : 0;
}

.m_sdk .title .fl {
    width         : 0.6rem;
    height        : 1px;
    display       : inline-block;
    background    : rgba(0, 0, 0, 0.2);
    margin-right  : 0.48rem;
    vertical-align: middle;
}

.m_sdk .title .fr {
    width         : 0.6rem;
    height        : 1px;
    display       : inline-block;
    background    : rgba(0, 0, 0, 0.2);
    margin-left   : 0.48rem;
    vertical-align: middle;
}

.m_sdk .m_sdk_list {
    margin-top: 0.4rem;

}

.m_sdk .m_sdk_list li {
    width                  : 6.9rem;
    height                 : 2rem;
    margin-bottom          : 0.2rem;
    display                : block;
    background             : url("../img/static/SDK_SDKjwd@2x.png") no-repeat center center;
    -webkit-background-size: cover;
    background-size        : cover;
    margin-left            : 0.3rem;
}

.m_sdk .m_sdk_list li h1 {
    font-size: 0.28rem;
    color    : #000000;
    padding  : 0.57rem 0 0.2rem 0.3rem;
    margin   : 0;
}

.m_sdk .m_sdk_list li p {
    font-size  : 0.24rem;
    color      : #000000;
    opacity    : 0.8;
    margin-left: 0.3rem;
    padding    : 0;
    margin-top : 0;
}

.m_sdk .m_sdk_list li p span {
    margin-right: 0.48rem;
    display     : inline-block;
}

.m_sdk_video {
    width        : 6.9rem;
    margin-bottom: 0.24rem;
}

.m_sdk_video video {
    width      : 6.9rem;
    height     : 3.88rem;
    margin-left: 0.3rem;
}

.m_b_btn {
    margin-top   : 0;
    margin-bottom: 0.48rem;
}

.m_dynamic_contrast {
    display: none;
}

.m_contrast {
    display                : block;
    width                  : 100%;
    height                 : 7.4rem;
    background             : url("../img/dynamic/bg_vs@2x.png") no-repeat center center;
    -webkit-background-size: contain;
    background-size        : contain;
    position               : relative;
    text-align             : center;
}

.m_contrast .title {
    width      : 100%;
    padding-top: 0.48rem;
    text-align : center;
}

.m_contrast .title h1 {
    font-size  : 0.34rem;
    color      : #000000;
    font-weight: normal;
    margin     : 0;
}

.m_contrast .title .fl {
    width         : 0.6rem;
    height        : 1px;
    display       : inline-block;
    background    : rgba(0, 0, 0, 0.2);
    margin-right  : 0.48rem;
    vertical-align: middle;
}

.m_contrast .title .fr {
    width         : 0.6rem;
    height        : 1px;
    display       : inline-block;
    background    : rgba(0, 0, 0, 0.2);
    margin-left   : 0.48rem;
    vertical-align: middle;
}

.m_contrast img {
    -webkit-background-size: cover;
    background-size        : cover;
    width                  : 6.13rem;
    height                 : 5.05rem;
    margin-top             : 0.4rem;
}

.m_contrast .mst h1 {
    font-size  : 0.2rem;
    color      : #000000;
    bottom     : 0.57rem;
    left       : 1.43rem;
    position   : absolute;
    margin     : 0;
    padding    : 0;
    font-weight: normal;
}

.m_contrast .mst p {
    position : absolute;
    left     : 0.47rem;
    bottom   : 0.25rem;
    font-size: 0.2rem;
    color    : #000000;
    opacity  : 0.8;
    padding  : 0;
    margin   : 0;
}

.m_contrast .mdt h1 {
    font-size  : 0.2rem;
    color      : #000000;
    bottom     : 0.57rem;
    left       : 5.24rem;
    position   : absolute;
    margin     : 0;
    padding    : 0;
    font-weight: normal;
}

.m_contrast .mdt p {
    position : absolute;
    left     : 4.28rem;
    bottom   : 0.25rem;
    font-size: 0.2rem;
    color    : #000000;
    opacity  : 0.8;
    padding  : 0;
    margin   : 0;
}

.dynamic-template {
    display: none;
}

.m_template_make {
    display   : block;
    width     : 100%;
    text-align: center;
}

.m_template_make .title {
    width      : 100%;
    padding-top: 0.48rem;
    text-align : center;
}

.m_template_make .title h1 {
    font-size  : 0.34rem;
    color      : #000000;
    font-weight: normal;
    margin     : 0;
}

.m_template_make .title .fl {
    width         : 0.6rem;
    height        : 1px;
    display       : inline-block;
    background    : rgba(0, 0, 0, 0.2);
    margin-right  : 0.48rem;
    vertical-align: middle;
}

.m_template_make .title .fr {
    width         : 0.6rem;
    height        : 1px;
    display       : inline-block;
    background    : rgba(0, 0, 0, 0.2);
    margin-left   : 0.48rem;
    vertical-align: middle;
}

.m_template_make img {
    margin-top             : 0.4rem;
    width                  : 5.92rem;
    height                 : 1.72rem;
    -webkit-background-size: contain;
    background-size        : contain;
}

.dynamic-application {
    display: none;
}

.m_application_scene {
    display   : block;
    width     : 100%;
    text-align: center;
}

.m_application_scene .title {
    width      : 100%;
    padding-top: 0.48rem;
    text-align : center;
}

.m_application_scene .title h1 {
    font-size  : 0.34rem;
    color      : #000000;
    font-weight: normal;
    margin     : 0;
}

.m_application_scene .title .fl {
    width         : 0.6rem;
    height        : 1px;
    display       : inline-block;
    background    : rgba(0, 0, 0, 0.2);
    margin-right  : 0.48rem;
    vertical-align: middle;
}

.m_application_scene .title .fr {
    width         : 0.6rem;
    height        : 1px;
    display       : inline-block;
    background    : rgba(0, 0, 0, 0.2);
    margin-left   : 0.48rem;
    vertical-align: middle;
}

.m_application_scene .m_app_item {
    margin-top: 0.4rem;
}

.m_application_scene .m_app_item li {
    list-style-type: none;
    width          : 3.3rem;
    height         : 1.84rem;
    /*margin-right : 0.3rem;*/
    margin-bottom  : 0.3rem;
    display        : inline-block;

}

.m_application_scene .m_app_item li h1 {
    font-size   : 0.24rem;
    color       : #ffffff;
    font-weight : normal;
    /*text-align: left;*/
    margin-top  : 1.2rem;
}

.m_application_scene .m_app1 {
    background             : url("../img/dynamic/dtmb_hlbb@2x.png") no-repeat center center;
    -webkit-background-size: cover;
    background-size        : cover;
    /*margin-left          : 0.3rem;*/
}

.m_application_scene .m_app2 {
    background             : url("../img/dynamic/dtmb_dtyj@2x.png") no-repeat center center;
    -webkit-background-size: cover;
    background-size        : cover;
}

.m_application_scene .m_app3 {
    background             : url("../img/dynamic/dtmb_lxxc@2x.png") no-repeat center center;
    -webkit-background-size: cover;
    background-size        : cover;
    /*margin-left          : 0.3rem;*/
    margin-bottom          : 0 !important;
}

.m_application_scene .m_app4 {
    background             : url("../img/dynamic/dtmb_bbxc@2x.png") no-repeat center center;
    -webkit-background-size: cover;
    background-size        : cover;
    margin-bottom          : 0 !important;
}

/*.question .q-content .q-fl, .question .q-content .q-fr {*/
/*width: 2.8rem;*/
/*height: 1.24rem;*/
/*}*/


/*docs*/
.doc-menu {
    display: none;
}

.float_wrap {
    height      : auto;
    width       : auto;
    overflow    : visible;
    opacity     : 1;
    display     : block;
    transform   : translateX(-100%);
    position    : fixed;
    /*background: #fff;*/
    z-index     : 99;
    transition  : transform 0.5s cubic-bezier(0.78, 0.14, 0.15, 0.86), opacity 0.5s cubic-bezier(0.78, 0.14, 0.15, 0.86), box-shadow 0.5s cubic-bezier(0.78, 0.14, 0.15, 0.86), -webkit-transform 0.5s cubic-bezier(0.78, 0.14, 0.15, 0.86), -webkit-box-shadow 0.5s cubic-bezier(0.78, 0.14, 0.15, 0.86);
}

.float_mask {
    background        : #000;
    opacity           : 0;
    width             : 100%;
    height            : 0;
    position          : fixed;
    top               : 0;
    left              : 0;
    -webkit-transition: opacity 0.5s cubic-bezier(0.78, 0.14, 0.15, 0.86), height 0s ease 0.5s;
    transition        : opacity 0.5s cubic-bezier(0.78, 0.14, 0.15, 0.86), height 0s ease 0.5s;
}

.float_content {
    height    : 100%;
    width     : 0;
    background: #fff;
    overflow  : auto;
    z-index   : 1;
    position  : relative;
    padding   : 1rem 0;
    transition: all 0.5s;
    box-shadow: 2px 0 8px rgba(0, 0, 0, 0.15);
}

.float_content_menu {
    width   : 100%;
    overflow: hidden;
}

.float_content_menu .float_content_title {
    width      : 4.68rem;
    font-size  : 0.3rem;
    margin     : 0;
    padding    : 0.1rem 0;
    font-weight: bold;
    text-align : center;
    color      : #333;
}

.float_content_ul {
    width   : 4.68rem;
    /*width : 100%;*/
    padding : 0 0.16rem;
    overflow: hidden;
}

.float_content_ul .ul_h {
    font-size  : 0.28rem;
    line-height: 0.7rem;
    color      : rgba(0, 0, 0, 0.8);
}

.float_content_ul .ul_h svg {
    font-size: 0.16rem;
    width    : 0.16rem;
    height   : 0.16rem;
    position : relative;
    top      : 0;
    left     : -0.4rem;
}

.float_content_ul .li {
    display      : none;
    overflow     : hidden;
    padding-left : 0.16rem;
    padding-right: 0.16rem;
    font-size    : 0.14rem;
    color        : rgba(0, 0, 0, 0.6);
    text-align   : justify;
}

.mark_tips {
    width: 100% !important;
}

.mark_tips .wiki_link {
    flex : none !important;
    width: 100% !important;
}

.float_content_ul .li .li_item {
    width         : 100%;
    min-height    : 0.5rem;
    /* height     : 0.5rem; */
    letter-spacing: 0.01rem;
    margin-top    : 0.04rem;
    margin-bottom : 0.04rem;
    padding       : 0 0.16rem;
    overflow      : hidden;
    font-size     : 0.26rem;
    line-height   : 0.5rem;
    display       : block;
    text-overflow : ellipsis;
    color         : #333;
}

.box_1>.hlist:nth-child(2) {
    padding: 0.3rem 0.4rem;
}

.float_button {
    display                : block;
    position               : absolute;
    top                    : 1.2rem;
    width                  : 0.8rem;
    height                 : 0.8rem;
    cursor                 : pointer;
    z-index                : 99;
    text-align             : center;
    line-height            : 0.8rem;
    font-size              : 0.16rem;
    display                : -ms-flexbox;
    display                : -webkit-box;
    display                : -webkit-flex;
    display                : flex;
    -ms-flex-pack          : center;
    -webkit-box-pack       : center;
    -webkit-justify-content: center;
    justify-content        : center;
    -ms-flex-align         : center;
    -webkit-box-align      : center;
    -webkit-align-items    : center;
    align-items            : center;
    background             : #fff;
    -webkit-box-shadow     : 2px 0 8px rgba(0, 0, 0, 0.15);
    box-shadow             : 2px 0 8px rgba(0, 0, 0, 0.15);
    border-radius          : 0 4px 4px 0;

}

.float_button .float_button_icon {
    width             : 14px;
    height            : 2px;
    background        : #333;
    position          : relative;
    -webkit-transition: background 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86);
    transition        : background 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86);
}

.float_button .float_button_icon:before,
.float_button .float_button_icon:after {
    content           : '';
    display           : block;
    position          : absolute;
    background        : #333;
    width             : 100%;
    height            : 2px;
    -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86);
    transition        : -webkit-transform 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86);
    transition        : transform 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86);
    transition        : transform 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86), -webkit-transform 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86);
}

.float_button .float_button_icon:before {
    top: -5px !important;
}

.float_button .float_button_icon:after {
    top: 5px !important;
}

.float_button .float_button_icon_open {
    background: transparent;
}

.float_button .float_button_icon_open:before {
    -webkit-transform: translateY(5px) rotate(45deg);
    -ms-transform    : translateY(5px) rotate(45deg);
    transform        : translateY(5px) rotate(45deg);
}

.float_button .float_button_icon_open:after {
    -webkit-transform: translateY(-5px) rotate(-45deg);
    -ms-transform    : translateY(-5px) rotate(-45deg);
    transform        : translateY(-5px) rotate(-45deg);
}

.doc-content {
    width  : auto;
    float  : none;
    padding: 0 16px;
}

.doc-content .doc-content-title {
    margin-top   : 1.68rem;
    margin-bottom: 0.2rem;
    color        : #0d1a26;
    font-weight  : 500;
    font-size    : 30px;
    font-family  : Avenir, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', 'Helvetica Neue', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', sans-serif;
    line-height  : 38px;
}

.doc-content .update-time {
    font-size: 0.24rem;
}

.doc-container p {
    line-height: 0.5rem;
}

.content_index {
    width   : auto;
    padding : 1rem 0.5rem;
    overflow: hidden;
    float   : none;
}

.box_1>.hlist:nth-child(2) {
    padding: 0.2rem;
}

@keyframes rcDrawerFadeIn {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 0.3;
    }
}

/*filter*/
.filter_product {
    display: none;
}

.m_filter_product {
    display: block;
}

.m_filter_product .title {
    margin-bottom: 0.2rem;
}

.m_filter_product .title h1 {
    font-size: 0.34rem;
}

.m_filter_product_content {
    height: 3.4rem;
    width : 6.08rem;
    margin: 0 auto;
}

.filter_product_content_item {
    width       : 1.5rem;
    height      : 2.3rem;
    margin-right: 0.66rem;
}

.filter_product_content_item:nth-child(2) {
    width: 1.75rem;
}

.filter_product_content_item:last-child {
    margin-right: 0;
}

.filter_product_content_item img {
    width  : 1.24rem;
    height : 1.24rem;
    margin : 0 auto;
    display: flex;
}

.filter_product_content_item span {
    display       : block;
    text-align    : center;
    margin        : 0 !important;
    font-size     : 0.24rem;
    color         : #000000;
    font-weight   : bold;
    letter-spacing: 0.01rem;
}

.filter_product_content_item p {
    margin        : 0;
    padding       : 0;
    font-size     : 0.2rem;
    line-height   : 0.4rem;
    color         : #000000;
    opacity       : 0.64;
    letter-spacing: 0.01rem;
}

.advantage_comparison {
    display: none;
}

.m_advantage_comparison {
    display        : block;
    height         : 6rem;
    background     : url("../img/filter/bg_ysdbh5@2x.png") no-repeat center center;
    background-size: cover;
}

.m_advantage_comparison .title {
    margin-bottom: 0.2rem;
}

.m_advantage_comparison .title h1 {
    font-size: 0.34rem;
}

.m_advantage_comparison .advantage_comparison_content {
    display  : flex;
    width    : 100%;
    height   : auto !important;
    margin   : 0.24rem auto 0;
    position : relative;
    /*padding: 0 0.6rem 0 0.55rem;*/
}

.m_advantage_comparison .advantage_comparison_content .acci_fl {
    width      : 2.46rem;
    height     : 1.2rem;
    float      : none;
    flex       : 1;
    margin-left: 0.55rem;
}

.m_advantage_comparison .advantage_comparison_content .acci_fr {
    width         : 2.46rem;
    height        : 1.2rem;
    float         : none;
    flex          : 1;
    /*margin-right: 0.6rem;*/
}

.advantage_comparison_content_item_left_a,
.advantage_comparison_content_item_left_b,
.advantage_comparison_content_item_left_c,
.advantage_comparison_content_item_right_a,
.advantage_comparison_content_item_right_b,
.advantage_comparison_content_item_right_c {
    width      : 2.46rem;
    height     : 1.2rem;
    display    : flex;
    align-items: center;
    font-size  : 0.2rem;
    color      : #ffffff;
}

.advantage_comparison_content_item_left_a span,
.advantage_comparison_content_item_left_b span,
.advantage_comparison_content_item_left_c span,
.advantage_comparison_content_item_right_a span,
.advantage_comparison_content_item_right_b span,
.advantage_comparison_content_item_right_c span {
    margin-left: 0.27rem;
}

.advantage_comparison_content_item_left_a {
    margin-bottom  : 0.2rem;
    background     : url('../img/filter/h5tu_ha@2x.png') no-repeat center center;
    background-size: cover;
}

.advantage_comparison_content_item_left_b {
    margin-bottom  : 0.2rem;
    background     : url('../img/filter/h5tu_hb@2x.png') no-repeat center center;
    background-size: cover;
}

.advantage_comparison_content_item_left_c {
    background     : url('../img/filter/h5tu_hc@2x.png') no-repeat center center;
    background-size: cover;
}

.advantage_comparison_content_item_right_a {
    margin-bottom  : 0.2rem;
    background     : url('../img/filter/h5tu_ca@2x.png') no-repeat center center;
    background-size: cover;
}

.advantage_comparison_content_item_right_b {
    margin-bottom  : 0.2rem;
    background     : url('../img/filter/h5tu_cb@2x.png') no-repeat center center;
    background-size: cover;
}

.advantage_comparison_content_item_right_c {
    background     : url('../img/filter/h5tu_cc@2x.png') no-repeat center center;
    background-size: cover;
}

.use_scene {
    display: none;
}

.m_use_scene {
    display: block;
}

.m_use_scene .title {
    margin-bottom: 0.2rem;
}

.m_use_scene .title h1 {
    font-size: 0.34rem;
}

.m_user_scene_content {
    height    : 5.34rem;
    background: rgba(46, 134, 174, 0.2);
}

.m_user_scene_content_item {
    height         : 5.34rem;
    background     : url("../img/filter/sycj_01h5@2x.png") no-repeat center center;
    background-size: cover;
    position       : relative;
}

.m_user_scene_content_item span {
    position      : absolute;
    font-size     : 0.24rem;
    font-weight   : bold;
    vertical-align: middle;
    display       : flex;
    align-items   : center;
    justify-items : center;
    top           : 2.58rem;
    right         : 1.06rem;
}

.m_user_scene_content_2 {
    height    : 5.34rem;
    background: rgba(172, 198, 211, 0.8);
}

.m_user_scene_content_item_2 {
    height         : 5.34rem;
    background     : url("../img/filter/sycj_02h5@2x.png") no-repeat center center;
    background-size: cover;
    position       : relative;
}

.m_user_scene_content_item_2 span {
    position      : absolute;
    font-size     : 0.24rem;
    font-weight   : bold;
    vertical-align: middle;
    display       : flex;
    align-items   : center;
    justify-items : center;
    top           : 2.34rem;
    left          : 1.48rem;
}

.m_user_scene_content_item_2 span:last-child {
    top : 2.8rem;
    left: 1.28rem;
}

.m_user_scene_content_3 {
    height    : 5.62rem;
    background: rgba(192, 214, 206, 0.9);
}

.m_user_scene_content_item_3 {
    height         : 5.62rem;
    background     : url("../img/filter/sycj_03h5@2x.png") no-repeat center center;
    background-size: cover;
    position       : relative;
}

.m_user_scene_content_item_3 span {
    position      : absolute;
    font-size     : 0.24rem;
    font-weight   : bold;
    vertical-align: middle;
    display       : flex;
    align-items   : center;
    justify-items : center;
    top           : 2.34rem;
    right         : 1.50rem;
}

.m_user_scene_content_item_3 span:last-child {
    top  : 2.8rem;
    right: 1.4rem;
}

.filter_tools {
    display: none;
}

.m_filter_tools {
    display        : block;
    height         : 4.44rem;
    background     : url("../img/filter/bg_ljzzgj@2x.png") no-repeat center center;
    background-size: cover;
    position       : relative;
    /*background   : #000000;*/
}

.m_filter_tools .word {
    text-align: center;
}

.m_filter_tools .word span {
    color  : #ffffff;
    display: block;
}

.m_filter_tools .word span:first-child {
    font-size  : 0.3rem;
    padding-top: 1.34rem;
    font-weight: bold;
}

.m_filter_tools .word .ms {
    font-size  : 0.24rem;
    padding-top: 0.2rem;
}

.m_filter_tools .word img {
    width  : 0.64rem;
    height : 0.64rem;
    display: block;
    margin : 0.24rem auto 0;
    cursor : pointer;
}

.m_filter_tools video {
    height    : 4.44rem;
    width     : 100%;
    position  : absolute;
    opacity   : 0;
    transition: all 0.3s;
    z-index   : -999;
}


.new_banner {
    display: none;
}

.new_tab {
    display: none;
}

.tab-content {
    display: none;
}

.new_client {
    display: none;
}

.about_new_link {
    color          : rgb(0, 161, 255);
    display        : block;
    font-size      : 0.2rem;
    text-decoration: underline;
    text-align     : center;
    margin-bottom  : 0.32rem;
}

.Cross-platform-capability {
    margin: 0.48rem 0 0.24rem;
}

.Cross-platform-capability .title {
    margin-bottom: 0.24rem;
    font-size    : 0.32rem;
    color        : #333;
}

.Cross-platform-capability .des {
    font-size    : 0.25rem;
    margin       : 0;
    margin-bottom: 0.24rem;
}

.platformList li {
    align-items : center;
    margin-right: 0.12rem;
    font-size   : 0.2rem;
}

.platformList li i {
    width        : 0.96rem;
    height       : 0.96rem;
    margin-bottom: 0.12rem;
}

.m_home_banner {
    display        : block;
    background     : url("/responsive/img/home/banner_index@2x.png") no-repeat center center;
    background-size: cover;
    overflow       : hidden;
}

.m_banner_title {
    margin-top     : 0.42rem;
    font-size      : 0.34rem;
    text-align     : center;
    color          : #fff;
    display        : flex;
    flex-direction : column;
    justify-content: space-between;
    height         : 1rem;
    margin-bottom  : 1.2rem;
}

.m_banner_title p {
    margin: 0;
}

.m_downloadBtn {
    width        : 2.5rem;
    height       : 0.64rem;
    font-size    : 0.24rem;
    border-radius: 0.08rem;
    margin       : 0 auto !important;
}

.m_downloadBtn img {
    margin-right  : 0.08rem;
    width         : 0.28rem;
    vertical-align: -0.04rem;
}

.m_phone {
    display: block;
}

.pc {
    display: none;
}

.m_btn1 {
    margin: 0 !important;

}

.m_btn1:first-child {
    margin-right: 0.48rem !important;
}

.superiority_core_item {
    width          : 6.9rem;
    height         : 4.5rem;
    margin         : 0 auto 0.2rem;
    background-size: cover;
    display        : flex;
    flex-direction : column;
    align-items    : center;
    justify-content: center;
    transition     : all .3s;
}

.superiority_core_item:nth-child(1) {
    background: url("/responsive/img/cpysbg_01nor@2x.png") no-repeat no-repeat center;
}

.superiority_core_item:nth-child(1):hover {
    background: url("/responsive/img/cpysbg_01sel@2x.png") no-repeat no-repeat center;
}

.superiority_core_item:nth-child(2) {
    background: url("/responsive/img/cpysbg_02nor@2x.png") no-repeat no-repeat center;
}

.superiority_core_item:nth-child(2):hover {
    background: url("/responsive/img/cpysbg_02sel@2x.png") no-repeat no-repeat center;
}

.superiority_core_item:nth-child(3) {
    background   : url("/responsive/img/cpysbg_03nor@2x.png") no-repeat no-repeat center;
    margin-bottom: 0.48rem;
}

.superiority_core_item:nth-child(3):hover {
    background   : url("/responsive/img/cpysbg_03sel@2x.png") no-repeat no-repeat center;
    margin-bottom: 0.48rem;
}

.m_case {
    box-sizing     : border-box;
    display        : flex;
    flex-direction : column;
    padding        : 0.6rem 0.4rem 0.34rem;
    width          : 6.9rem;
    height         : auto;
    margin         : 0 auto 0.24rem;
    background     : url("/responsive/img/cpysbg_02nor@2x.png") no-repeat no-repeat center;
    transition     : all .3s;
    background-size: cover;
}

.m_case:hover {
    background: url("/responsive/img/cpysbg_02sel@2x.png") no-repeat no-repeat center;
}

.m_case>h4 {
    font-size    : 0.34rem;
    color        : #fff;
    margin-top   : 0;
    margin-bottom: 0.3rem;
}

.m_case>span {
    width        : 0.64rem;
    height       : 0.08rem;
    background   : linear-gradient(to right, #00a1ff, #005cff);
    margin-bottom: 0.3rem;
}

.m_case>p {
    font-size    : 0.2rem;
    color        : rgba(255, 255, 255, .8);
    margin-top   : 0;
    margin-bottom: 0.3rem;
}

.icon_m {
    display       : flex;
    flex-direction: column;
    align-items   : center;
    float         : left;
    font-size     : 0.2rem;
    color         : rgba(255, 255, 255, .8);
    margin-right  : 0.32rem;
}

.advertising_footer {
    height         : 4rem;
    background     : url("/responsive/img/bg_qddsp@2x.png") no-repeat no-repeat center;
    background-size: cover;
    text-align     : center;
}

.m_footer_btn>a,
.m_footer_btn {
    display        : flex;
    justify-content: center;
    align-items    : center;
    width          : 2.4rem;
    height         : 0.64rem;
    background     : linear-gradient(90deg, rgba(0, 161, 255, 1), rgba(0, 92, 255, 1));
    border-radius  : 4px;
    font-size      : 0.24rem;
    color          : #ffffff;
}

.new_title {
    margin-top   : 0.48rem;
    margin-bottom: 0.24rem;
    font-size    : 0.34rem;
    color        : #333333;
}

.contentTitle {
    font-size: 0.28rem;
    height   : 1rem;
    margin   : 0;
}

.contentTitle img {
    width: 0.64rem;
}

.pathwayContent {
    height: auto;
}

.ContentBox {
    width: 6.9rem;
}

.ContentItems {
    margin-right : 0;
    margin-bottom: 0.24rem;
    padding      : 0.48rem 0.36rem 0.48rem 0.24rem;
    align-items  : center;
    box-shadow   : 0 0 0.16rem rgba(0, 39, 103, 0.16);
}

.ContentItems:hover {
    transform: none;
}

.ContentItemsImg {
    width       : 1.6rem;
    height      : 2.04rem;
    margin-right: 0.16rem;
}

.desContent_des {
    font-size: 0.14rem;
}

.desContent {
    display        : flex;
    flex-direction : column;
    justify-content: center;
}

.desContent_Title {
    margin       : 0;
    margin-bottom: 0.2rem;
    font-size    : 0.24rem;
    font-weight  : 600;
}

.effectsContent {
    padding: 0;
}

.effectsContent>.des {
    font-size: 0.24rem;
    width    : 6.1rem;
    margin   : 0 auto 0.32rem;
}

.pathwayContent .des {
    font-size    : 0.24rem;
    margin-bottom: 0.3rem;
    width        : 6.1rem;
    margin       : 0 auto 0.32rem;
}

.language {
    font-size      : 0.28rem;
    color          : #00a1ff;
    position       : absolute;
    top            : 0;
    height         : 0.96rem;
    display        : flex;
    justify-content: center;
    align-items    : center;
    right          : 1rem;
    width          : 1.4rem;
}

.select_box_language {
    position        : absolute;
    color           : #ffffff;
    top             : 0.96rem;
    left            : 50%;
    transform       : translateX(-50%);
    width           : 2.4rem;
    background-color: rgb(12, 17, 65);
}

.select_box_language>div {
    line-height: 0.96rem;
    text-align : center;
}

.select_box_language>.active {
    color: #00a1ff;
}