.header-top{ width:100%; background: rgba(255,255,255,0.63); transition:all .8s; width:100%; position: fixed; left:0; top:0; z-index:20;}
.header-top .logo{ padding:.1rem 0; text-align: center;}
.header-top .logo img{ max-width:112px;}
.header-top .txt{ font-size:.12rem; font-family:'HarmonyOSLight'; letter-spacing:.02rem;}
.header-top nav{ margin-left:.5rem;}
.header-top nav li{ margin:0 .2rem; font-weight:bold;}
.header-top nav li a{ transition:all .5s;}
.header-top nav li dl{ display:none;}
.header-top nav li a:hover{ color:#0075FF;}
.header-top .use-top a{ width:1.25rem; text-align: center; line-height:2.8; font-weight:500; border-radius: 12px;}
.header-top .use-top .but{ margin-right:.28rem; color:#0075FF; border: 1px solid #0075FF;}
.header-top .use-top .dow{ color:#FFFFFF; background: linear-gradient(217deg, #383bff 0%, #0075FF 100%);}
.header-top .m-menu{ cursor:pointer; display:none; width:30px; height:30px; border-radius:50%; position: relative; z-index:12;}
.header-top .m-menu.active .box i{ background:#000;}
.header-top .m-menu.active .box i:nth-of-type(1){ transform: rotate(45deg) translate(6px,6px);}
.header-top .m-menu.active .box i:nth-of-type(2){ opacity: 0; }
.header-top .m-menu.active .box i:nth-of-type(3){ transform: rotate(-45deg) translate(5px,-5px);}
.header-top .m-menu .box{ position: absolute; left:50%; top:50%; transform: translate(-50%,-50%); font-size:0; width:30px;}
.header-top .m-menu .box i{ -webkit-transition: all .4s ease-out; transition: all .4s ease-out; display:inline-block; height:2px; background:#fff; margin:3px 2.5px; border-radius:5px;}
.header-top .m-menu .box i:nth-of-type(1),
.header-top .m-menu .box i:nth-of-type(3) {width:25px;}
.header-top .m-menu .box i:nth-of-type(2) {width:25px;}
.header-top.active{ background:#fff; box-shadow:0 0 10px rgba(0,0,0,.1);}
.header_hie{ min-height:.71rem;}
.index-top .header_hie{ display:none;}

.header-top .After-login{ position: relative;}
.header-top .After-login .iono{ cursor: pointer;}
.header-top .After-login .iono .pic{ margin-right:.1rem; width:.26rem; height:.26rem; border-radius:100%; overflow: hidden;}
.header-top .After-login .iono .pic img{display: block;}
.header-top .After-login .iono .txt{ margin-right:.1rem; font-size:.14rem; font-family:'HarmonyOSMedium';}
.header-top .After-login .iono::after{ width:.1rem; height:.1rem; content:''; display: block; background:url(../../yibazhan/images/arrow-icon7.png) center no-repeat; background-size:contain; transform: rotate(-90deg);}
.header-top .After-login .dow-list{ display:none; padding-top:.2rem; position: absolute; top:100%; left:50%; width:100%; text-align: center; min-width:1.3rem; transform:translateX(-50%);}
.header-top .After-login .dow-list .back-color{ padding:.15rem; background:#fff; border-radius:10px; overflow: hidden; box-shadow:0 10px 20px 0 rgba(0,117,255,0.33);}
.header-top .After-login .dow-list a{ display:flex; align-items:center; justify-content:center;}
.header-top .After-login .dow-list .item{ padding:.1rem 0;}
.header-top .After-login .dow-list .item i{ margin-right:.1rem; display:block; width:.15rem; height:.15rem; background-size:contain; background-repeat: no-repeat;}
.header-top .After-login .dow-list .icon1 i{ background-image:url(../../yibazhan/images/use-icon3.png);}
.header-top .After-login .dow-list .icon2 i{ background-image:url(../../yibazhan/images/use-icon4.png);}
.header-top .After-login .dow-list .icon3 i{ background-image:url(../../yibazhan/images/use-icon5.png);}
.header-top .After-login .dow-list .item:hover a{ color:#0075FF;}


@media (max-width:1024px){
    .header-top nav{ margin-left:.3rem;}
    .header-top nav li{ margin:0 .1rem;}
    .header-top .use-top a{ line-height:2.5; width:1.1rem;}
    .header-top .logo img{ max-width:1.15rem;}

}

@media (max-width:768px){
    .header-top .use-top a{ font-size:.14rem; line-height:2.8; width:1.4rem;}
    .header-top .use-top .but{ margin-right:.2rem;}
    .header-top nav li{ font-size:.2rem;}
    .header-top .txt{letter-spacing:0;}
}
@media (max-width:640px){
    .header-top .logo{padding:.2rem 0;}
    .header-top .logo img{ max-width:1.6rem;}
    .header-top .use-top a{ z-index:10; position: relative; line-height:2.3; font-size:.22rem; border-radius:.12rem;}
    .header-top .m-menu{ display: block; margin-left:.2rem;}
    .header-top .m-menu .box i{ background:#0075FF;}
    .header-top .m-menu.active .box i{ background:#0075FF;}
    .header-top nav{ position: fixed; top:0; right:-110%; width:50%; background:#fff; padding-top:.85rem; transition: all .5s; z-index:11;}
    .header-top nav .ul{ display:block; height:calc(100vh - .85rem); overflow:auto;}
    .header-top nav li{ padding:.2rem; padding-right:.4rem; margin:0; border-bottom:solid 1px #eee; position: relative;}
    .header-top nav li.leve::after{ content:''; display:block; width:.1rem; height:.15rem; background:url(../../yibazhan/images/arrow-icon2.png) no-repeat center; background-size:contain; position: absolute; right:.2rem; top:.3rem; transition: all .5s;}
    .header-top nav li.leve.active::after{ transform: rotate(90deg);}
    .header-top nav li a{ padding:0; display: block; color:#000; font-size:.26rem;}
    .header-top nav li dl{ padding:.1rem 0;}
    .header-top nav li dl dd{ padding:.05rem 0;}
    .header-top nav li dl dd a{ font-size:.24rem;}
    .header-top nav.active{ right:0;}
   // .header-top.active nav{ right:-110%;}
}


/* banner */
.banner{ position: relative;}
.banner .swiper-pagination{ bottom:.8rem;}
.banner .swiper-pagination-bullet{ border-radius:.8rem; overflow: hidden; transition:all .5s;}
.banner .swiper-pagination-bullet-active{ width:.4rem;}
.banner .banner-txt{ position:absolute; left:0; top:50%; width:100%; transform:translateY(-50%);}
.banner .banner-txt .title{ font-size:.6rem;}
/*
.banner .banner-txt .wz{ font-weight: 400; font-family:'HarmonyOSRegular'; font-size:.18rem; color:#A2A5AB;}
*/
.banner .banner-txt .wz{ font-weight: 400; font-family:'HarmonyOSRegular'; font-size:.18rem; }
.banner .banner-txt .but{ margin-top:.4rem; position:relative;}
.banner .banner-txt .but a{ display: block; color:#FFFFFF; width:1.68rem; text-align: center; line-height:3.8; border-radius: .12rem; background-image: linear-gradient(217deg, #383bff 0%, #0075FF 100%); overflow: hidden; transition: all .5s;}
.banner .banner-txt .but a:hover{ background:#fff; color:#383bff; box-shadow:0 0 15px rgba(0,0,0,0.1);}
.banner .img_pc{ display:block;}
.banner .img_pc img{ width:100%;}
.banner .img_web{ display:none;}
.banner .color01{ color: #FFFFFF!important;}
.banner .text-center{ text-align: center;}
.banner .text-center{ text-transform: uppercase;}
@media (max-width:1024px){
    .banner .banner-txt .title{ font-size:.45rem;}
    .banner .banner-txt .but{ margin-top:.2rem;}
    .banner .banner-txt .but a{ line-height:2.5; width:2rem;}
    .banner .img_pc{ display:none;}
    .banner .img_web{ display:block;}
    .banner .img_web img{ width:100%;}
}

/* 内页banner */
.Inside-ban .banner-txt .title{ font-size:.5rem;}
.Inside-ban .banner-txt2 .title{ font-weight:bold;}
.Inside-ban .banner-txt .wz{ margin-top:.1rem; font-family:'HarmonyOSRegular';}
.Inside-ban .banner-txt .wz2{ color:#808286;}
@media (max-width:1024px){
    .Inside-ban .banner-txt2 .wz,
    .banner .banner-txt2{ color:#fff;}
}



/* 首页 */
.home-back{ background:linear-gradient(360deg, #F6E1FD 0%, #EEF4FD 52%, rgba(239,244,253,0) 75%, rgba(240,244,253,0) 100%);}
.index-title{ width:100%; text-align: center; font-size:.38rem;}
.index-one{ transform:translateY(-.7rem); position: relative; z-index:5;}
.index-one .auto-inner{ box-shadow: 0px 20px 75px 0px rgba(226,233,242,0.51);}
.index-one .tab-nav{ width:2.8rem;}
.index-one .tab-nav .item{ cursor:pointer; background-color:#EFF8FF; min-height:1rem; padding:.5rem .4rem; background-position: right bottom; background-repeat:no-repeat; position: relative; border:solid 1px #DFE7F6; border-bottom:none;}
.index-one .tab-nav .item:first-child{ border-radius:20px 0 0 0; overflow: hidden;}
.index-one .tab-nav .item .itw{ font-size:.2rem;}
.index-one .tab-nav .item .back{ max-width:35%; position: absolute; bottom:0; right:0;}
.index-one .tab-nav .item .back img{ max-height:.65rem;}
.index-one .tab-nav .item:last-child{ border-bottom:solid 1px #DFE7F6; border-radius:0 0 0 20px; overflow: hidden;}
.index-one .tab-nav .item.active{ background: linear-gradient(217deg, #383bff 0%, #0075FF 100%); box-shadow: 0px 20px 40px 0px rgba(0,117,255,0.33);  color:#FFFFFF;}
.index-one .tab-con{ background: rgba(255,255,255,1); width:calc(100% - 2.8rem); padding:.1rem .35rem .1rem .5rem; border-radius:0 20px 20px 0; overflow: hidden;}
.index-one .con-box{ height:100%; display:none;}
.index-one .con-box .animat{ width:100%;}
.index-one .con-box .text-wz .oi{ margin-bottom:.3rem;}
.index-one .con-box .text-wz .oi .icon{ margin-right:.1rem; max-width:.25rem;}
.index-one .con-box .text-wz .oi .txt .wz{ font-size:.18rem;}
.index-one .con-box .text-wz .oi .txt .wenan{ min-height:.4rem; font-weight: 400; font-family:'HarmonyOSRegular'; font-size:.14rem; color: #A2A5AB;}
.index-one .con-box .text-wz .but a{ font-size:.14rem; display:none; text-align:center; width:1.9rem; line-height:3; background: linear-gradient(180deg, #FBFBFB 0%, #FAFCFD 100%);box-shadow: 0px 8px 38px 0px #DCE0E6, 0px -5px 16px 0px rgba(255,255,255,0.5);border-radius: 8px;border: 4px solid #FFFFFF; color:#0075FF; transition: all .5s;}
.index-one .con-box .text-wz .but a span{ background:url(../../yibazhan/images/arrow-icon.png) right center no-repeat; padding-right:.25rem;}
.index-one .con-box .text-wz .but a:hover{ border-color:#acd2ff; color:#fff; background: linear-gradient(217deg, #383bff 0%, #0075FF 100%);}
.index-one .con-box .text-wz{ width:calc(100% - 3.7rem);}
.index-one .con-box .pic{ overflow: hidden; border-radius:25px; max-width:3.67rem;}
.index-one .con-box.active{ display:flex;}
.index-one .con-box.active .animat{ -webkit-animation-duration: 1s;animation-duration: 1s;-webkit-animation-fill-mode: both;animation-fill-mode: both;-webkit-animation-name:animat;animation-name:animat;}
.index-two .Tab-con{ padding:1.1rem 0; background:url(../../yibazhan/images/index-back1.png) no-repeat; background-size:cover;}
.index-two .Tab-con .box_con{ display:none;}
.index-two .box_con .pic{ margin-top:.5rem; padding:0 .6rem; width:5.15rem;}
.index-two .box_con .text-con{ padding-left:.7rem; width:calc(100% - 5.2rem);}
.index-two .box_con .text-con .tit{ font-size:.2rem;}
.index-two .box_con .text-con .introd{ max-width:6.2rem; margin:.1rem 0 .35rem; font-family:'HarmonyOSRegular'; font-size:.14rem; color:#A2A5AB;}
.index-two .box_con .text-con .backfff{ background:#fff; border-radius:20px;  overflow: hidden;  font-size:.14rem; }
.index-two .box_con .text-con .backfff li .ol{ margin-bottom:.1rem; position: relative; font-size:.14rem; display:flex; align-items:flex-start;}
.index-two .box_con .text-con .backfff li .ol:last-child{ margin-bottom:0;}
.index-two .box_con .text-con .backfff li .ol .txt_ol{ position: relative; z-index:5; width:calc(100% - .2rem);}
.index-two .box_con .text-con .backfff li .ol::before{margin-top:.2em;margin-right:.1rem; width:.17rem; height:.17rem; content:''; display:block; background:url(../../yibazhan/images/mark.png) no-repeat center; background-size:contain; position: relative; z-index:5;}
.index-two .box_con .text-con h5{ font-size:.14rem; margin:0;margin-bottom:5px;}
.index-two .box_con .text-con h3{ margin:0; margin-bottom:.1rem; font-size:.16rem;}
.index-two .box_con .text-con p{ margin:0;}
.index-two .box_con .text-con .ulstyle li{ position: relative; margin-bottom:.23rem; font-size:.14rem; display:flex; align-items:flex-start; max-width:6.75rem; padding:.15rem .3rem; padding-right:1.9rem; background-color:#fff; border-radius:20px; overflow: hidden; background-position:center right; background-size:cover;}
.index-two .box_con .text-con .ulstyle li .back{ text-align: right; position:absolute; top:0; left:0; width:100%; height:100%; z-index:2;}
.index-two .box_con .text-con .ulstyle li .back img{ height:100%; object-fit: cover;}
.index-two .box_con .text-con .ulstyle li::before{margin-top:.2em;margin-right:.1rem; width:.17rem; height:.17rem; content:''; display:block; background:url(../../yibazhan/images/mark.png) no-repeat center; background-size:contain; position: relative; z-index:5;}
.index-two .box_con .text-con .ulstyle li .wenz{ position: relative; z-index:5; width:calc(100% - .2rem);}
.index-two .box_con .text-con .ulstyle li:last-child{ margin-bottom:0;}
.index-two .nav-list{ width:100%; margin-top:.65rem;}
.index-two .nav-list .item{ cursor:pointer; min-width:16.666%; text-align: center; padding:.2rem 0; border-radius: 12px 12px 0px 0px; background: #FAFBFC;}
.index-two .nav-list .item .txt{ font-size:.2rem;}
.index-two .nav-list .item .icon{ margin-right:.1rem; max-width:.25rem;}
.index-two .nav-list .item.active{ color:#fff; background: linear-gradient(217deg, #383bff 0%, #0075FF 100%); box-shadow: 0px 20px 40px 0px rgba(0,117,255,0.33);}
.index-two .Tab-con .box_con.active{ display:block;}



.index-three{ padding:1.35rem 0 1.35rem; position: relative;}
.index-three::after{ background:url(../../yibazhan/images/home-back.png) no-repeat center bottom; background-size:contain; content:''; display:block; width:100%; height:100%; position: absolute; left:0; bottom:0; z-index:1;}
.index-three .auto-inner{ position: relative; z-index:5;}
.index-three .Abut{ margin-top:.05rem; text-align:center; font-size:.14rem;}
.index-three .Abut a{ color: #0075FF;}
.index-three .Abut a::after{ color: #0075FF; margin-left:.1rem; font-size:.12rem; font-weight:bold; content:'next';font-family: swiper-icons; text-transform: none!important; letter-spacing: 0; font-variant: initial; line-height: 1;}
.index-three .switch-box{ position: relative; margin-top:.55rem; padding:0 .8rem; z-index:5;}
.index-three .switch-box .swiper{ padding:.3rem .2rem 0;}
.index-three .switch-box .swiper .swiper-slide{ height:auto;}
.index-three .switch-box .item{ height:100%; background: #ffff; border-radius: 20px; overflow: hidden;}
.index-three .switch-box .item .title{ margin-top:.2rem; padding:0 .1rem 0 .2rem;}
.index-three .switch-box .item .title .dse{ display:grid;}
.index-three .switch-box .item .title .icon{ max-width:1rem;}
.index-three .switch-box .item .title .icon img{ max-height:.4rem; max-width:.95rem;}
.index-three .switch-box .item .pic span{ background-size:cover; display: block; padding-bottom:54.33333%;}
.index-three .switch-box .item .en-txt{ font-size:.28rem;}
.index-three .switch-box .item .wz{ font-family:'HarmonyOSLight'; font-size:.14rem; font-weight:400; color: #A2A5AB;}
.index-three .switch-box .item .introd{ padding:.3rem .2rem .4rem;}
.index-three .switch-box .item .introd .comma{ height:.55rem; font-size:.5rem; color: #A2A5AB;}
.index-three .switch-box .item .introd .owl{ font-size:.14rem;}
.index-three .switch-box .swiper .swiper-slide .item{ border-radius: 20px; transition: all .5s;}
.index-three .switch-box .swiper .swiper-slide:hover .item{ cursor: pointer; transform:translateY(-.3rem); box-shadow: 0px .2rem .2rem 0px rgba(192,198,214,0.46);}
.index-three .switch-box .swiper-but{ margin-top:.6rem; padding-right:1rem;}
.index-three .switch-box .swiper-but .swiper-button-next,
.index-three .switch-box .swiper-but .swiper-button-prev{ margin:0 .15rem; background:#fff; opacity:1; top:0; left:0; right:0; width:.54rem; height:.54rem; position:relative; border-radius:100%; overflow: hidden;}
.index-three .switch-box .swiper-but .swiper-button-next:after,
.index-three .switch-box .swiper-but .swiper-button-prev:after{ font-size:.2rem; color:#000; font-weight:bold;}
.index-three .index-honor{ margin-top:.95rem; position: relative; z-index:5;}
.index-three .index-honor .ul_list{ margin-top:.95rem;}
.index-three .index-honor ul{ width:100%; display:flex; align-items:center; flex-wrap:wrap; justify-content:center;}
.index-three .index-honor li{ cursor: pointer; margin-bottom:2%; background:#fff; padding:.05rem; width:12.5%; margin-right:2%; border-radius:12px; overflow: hidden; box-shadow: 0px 0px 54px 0px rgba(192,198,214,0.23); transition: all .5s;}
.index-three .index-honor li:nth-child(7n){ margin-right:0;}
.index-three .index-honor li .pic{ width:100%; padding-bottom:47.06%; background-size:contain; background-position:center; background-repeat: no-repeat;}
.index-three .index-honor li:hover{ box-shadow:0px 0px 50px 0px rgba(0,117,255,0.1); transform:translateY(-.05rem);}
.index-four{ color:#fff; padding:.8rem 0; background:url(../../yibazhan/images/index-four.png) no-repeat center; background-size:cover;}
.index-four .But{ margin-top:.3rem; border-radius:12px; overflow: hidden;}
.index-four .But a{ display:block; background:#fff; border:solid 2px #ffff; padding:0 .5rem; line-height:3; color: #0075FF; font-size:.16rem; transition: all .5s;}
.index-four .But a:hover{ background:#0075FF; border:solid 2px #0075FF; color:#fff;}
/* 动画 */
@-webkit-keyframes animat {
    0% {
        opacity: 0;
        -webkit-transform: translateX(20px);
        transform: translateX(20px);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}
@keyframes animat {
    0% {
        opacity: 0;
        -webkit-transform: translateX(20px);
        -ms-transform: translateX(20px);
        transform: translateX(20px);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
    }
}
@media (max-width:1024px){
    .index-one{ transform:translateY(-.3rem);}
    .index-one .tab-nav{ width:2rem;}
    .index-one .tab-nav .item{ min-height:1.5rem; padding:.3rem .4rem;}
    .index-one .tab-nav .item .back{ max-width:40%;}
    .index-one .tab-con{ width:calc(100% - 2rem);}
    .index-one .con-box .text-wz{ width:calc(100% - 3rem);}
    .index-one .con-box .text-wz .oi{ margin-bottom:.2rem;}
    .index-one .con-box .text-wz .oi .txt .wenan{ min-height:0;}
    .index-one .con-box .pic{ max-width:2.5rem;}
}

@media (max-width:1024px){
    .index-title{ font-size:.28rem;}
    .index-two .nav-list{ margin-top:.3rem;}
    .index-two .nav-list .item .txt{ font-size:.18rem;}
    .index-two .box_con .pic{ margin-top:0; width:4rem; padding:0 .3rem;}
    .index-two .box_con .text-con{ padding-left:0; width:calc(100% - 4rem);}
    .index-two .Tab-con{ padding:.6rem 0;}
    .index-two .Tab-con .box_con .auto-inner{ align-items:stretch;}
    .index-three .switch-box .item .introd{ padding:.1rem .2rem .4rem;}
    .index-three .switch-box .item .introd .comma{ height:.4rem; font-size:.45rem;}
}
@media (max-width:768px){
    .index-three .switch-box{ padding-left:.5rem;}
    .index-three .switch-box .swiper-but{ padding-right:.5rem;}
}

@media (max-width:640px){
    .index-title{ font-size:.34rem;}
    .index-one .tab-con{ padding:.4rem .2rem; width:100%;}
    .index-one .tab-nav{ width:100%; display:flex; flex-wrap:wrap;}
    .index-one .tab-nav .item{ width:25%; border-radius:0; padding:.3rem .2rem; border-right:none;}
    .index-one .tab-nav .item .itw{ font-size:.26rem;}
    .index-one .tab-nav .item.active{ box-shadow:0px 10px 40px 0px rgba(0, 117, 255, .33);}
    .index-one .tab-nav .item:last-child{ border-radius:0 20px 0 0; border-right:solid 1px #DFE7F6;}
    .index-one .con-box .animat{ align-items:flex-start;}
    .index-one .con-box .text-wz .oi .txt .wz{ font-size:.28rem;}
    .index-one .con-box .text-wz .oi .txt .wenan{ font-size:.24rem;}
    .index-one .con-box .text-wz .oi .icon{ max-width:.3rem;}
    .index-one .con-box .text-wz .but a span{ padding-right:.35rem;}
    .index-one .con-box .pic{ max-width:2.8rem; border-radius:.2rem;}
    .index-two .box_con .text-con .backfff li::before,
    .index-two .box_con .text-con .ulstyle li::before{margin-top: 0.5em;}
    .index-two .nav-list{ justify-content:flex-start;}
    .index-two .nav-list .item{ width:50%;}
    .index-two .nav-list .item .txt{ font-size:.24rem;}
    .index-two .nav-list .item .icon{ max-width:.3rem;}
    .index-two .box_con .text-con{ width:100%;}
    .index-two .box_con .text-con .tit{ font-size:.3rem;}
    .index-two .box_con .text-con .introd,
    .index-two .box_con .text-con li{ font-size:.24rem;}
    .index-two .box_con .text-con li::before{ width:.25rem; height:.25rem; background-size:cover; border-radius:100%;}
    .index-three .index-honor li{ border-radius:.12rem;}
    .index-three .switch-box .item .introd .owl{ font-size:.24rem;}
    .index-three .switch-box .item .wz{ font-size:.24rem;}
    .index-three .switch-box .item .title .icon{ max-width:.8rem;}
    .index-four .But a{ font-size:.24rem;}
}


/* 底部 */
.footer{ background:#000;}
.footer .footer-icon{ margin-right:.6rem; max-width:1.1rem;}
.footer .auto-inner{ width:100%;}
.footer .footer-one{ padding:.85rem 0 .7rem;}
.footer .footer-nav{ width:calc(100% - 1.7rem);}
.footer .footer-nav dt{ margin-bottom:.2rem; font-size:.2rem; font-weight:400; color: #F4F4F6; font-family:'HarmonyOSLight';}
.footer .footer-nav dd a{ line-height:2; font-size:.14rem; color: #A4A6AA;}
.footer .footer-nav dd a:hover{ color:#fff;}
.footer .copyright{ color:#5F6063; font-size:.14rem; padding:.3rem 0; border-top:solid 1px rgba(151,151,151,.3);}
.footer .copyright a{ color:#5F6063;}
.footer .copyri-wz{ margin-right:.25rem;}
@media (max-width:640px){
    .footer .auto-inner{ justify-content:center;}
    .footer .footer-icon{ max-width:2rem;}
    .footer .footer-icon{ margin-right:0;}
    .footer .footer-one{ padding:.6rem 0;}
    .footer .footer-nav{ display:none; margin-top:.3rem; width:100%; justify-content:flex-start;}
    .footer .footer-nav dl{ margin-bottom:.3rem; width:33%;}
    .footer .footer-nav dt{ font-size:.26rem;}
    .footer .footer-nav dd a{ font-size:.24rem;}
    .footer .auto-inner{ flex-wrap:wrap; text-align: center;}
    .footer .copyright{ font-size:.24rem;}
    .footer .copyri-wz{ width:100%; margin-right:0;}
}




/* 登录 */
.logoIn-box{ position: relative; height:100vh; background-size:cover; background-repeat: no-repeat; background-position:top center;}
.logoIn-box .box-center{ width:100%; padding-bottom:.6rem;}
.logoIn-box .logo{ margin-bottom:1rem;}
.logoIn-box .logo img{ max-width:1.3rem;}
.logoIn-box .logoIn-form{ padding:.6rem .6rem .4rem;background: rgba(255,255,255,0.8);box-shadow: 0px 20px 75px 0px rgba(226,233,242,0.51);border-radius: 20px;border: 1px solid #FFFFFF;}
.logoIn-box .tit{ font-size:.24rem; text-align: center;}
.logoIn-box .form-shell{ width:4.15rem; margin-top:.4rem;}
.logoIn-box .form-shell .input{ position: relative; padding:0 .15rem; margin-bottom:.25rem; border-radius:.07rem; border: 1px solid #DFDFDF; background: #FBFCFF;}
.logoIn-box .form-shell .input .txt{ background:none; width:100%; padding-left:.3rem; font-family:'HarmonyOSRegular'; line-height:4; font-size:.14rem; border:none;}
.logoIn-box .form-shell .input .icon{ margin-right:.13rem; display: block; width:.17rem; height:.24rem; background-size:contain; background-repeat: no-repeat; background-position:center; position: absolute; left:.15rem;}
.logoIn-box .form-shell .Tel .icon{ background-image:url(../../yibazhan/images/logoIn-icon1.png);}
.logoIn-box .form-shell .code .icon{ background-image:url(../../yibazhan/images/logoIn-icon2.png);}
.logoIn-box .form-shell .code .wz{ cursor: pointer; font-size:.14rem; color:#0075FF; line-height: 4;}
.logoIn-box .form-shell .code .txt{ width:calc(100% - 1rem);}
.logoIn-box .form-shell .tishi{ margin-top:.7rem; color:#A2A5AB; font-size:.14rem;}
.logoIn-box .form-shell .tishi a{ color: #0075FF;}
.logoIn-box .form-shell .tishi .check{ margin-right:.05rem; display:block; position: relative;}
.logoIn-box .form-shell .tishi input{ position: relative; display:block; cursor:pointer; width:17px; height:17px;}
.logoIn-box .form-shell .tishi input::before{ content:''; width:100%; height:100%; position: absolute; left:0; top:0; border:solid 1px #A2A5AB; border-radius:100%;}
.logoIn-box .form-shell .tishi input[type='checkbox']:after{position: absolute; top:0; left:0; width:17px; height:17px; content:' '; display:block; border-radius:100%; border:border; box-sizing:border-box;}
.logoIn-box .form-shell .tishi input[type='checkbox']:checked:after{ border:none; background:url(../../yibazhan/images/mark.png);}
.logoIn-box .form-shell .Submit{ font-size:.16rem; cursor: pointer; line-height:3.5; color:#ffffff; text-align:center; margin-top:.2rem; background: linear-gradient(217deg, #383bff 0%, #0075FF 100%); border-radius: 7px; border: 1px solid #0075FF;}
.logoIn-box .form-shell .Register{ cursor: pointer; font-size:.14rem; color: #A2A5AB; margin-top:.7rem; text-align: center;}

@media (max-width:1024px){
    .logoIn-box .logo{ margin-bottom:.3rem;}
    .logoIn-box .logo img{ max-width:1.2rem;}
    .logoIn-box .logoIn-form{ padding:.3rem; box-shadow:0px 20px 75px 0px rgb(226 233 242 / 51%);}
    .logoIn-box .box-center{ padding-bottom:0;}
    .logoIn-box .form-shell{ width:3.5rem;}
    .logoIn-box .form-shell .input .txt{ line-height:3.5;}
    .logoIn-box .form-shell .Register{ margin-top:.3rem;}
    .logoIn-box .form-shell .tishi{ margin-top:.3rem;}
}
@media (max-width:768px){
    .logoIn-box .form-shell .Submit{ line-height:3;}
}
@media (max-width:640px){
    .logoIn-box .tit{ font-size:.36rem;}
    .logoIn-box .logoIn-form{ padding:.5rem .3rem;}
    .logoIn-box .logoIn-form,
    .logoIn-box .form-shell{ width:100%;}
    .logoIn-box .form-shell .input{ margin-bottom:.35rem;}
    .logoIn-box .form-shell .input .txt{ line-height:3.3; font-size:.26rem; padding-left:.4rem;}
    .logoIn-box .form-shell .input .icon{ width:.24rem; height:.36rem;}
    .logoIn-box .form-shell .code .txt{ width:calc(100% - 1.5rem);}
    .logoIn-box .form-shell .code .wz,
    .logoIn-box .form-shell .tishi,
    .logoIn-box .form-shell .Submit{ font-size:.24rem;}
    .logoIn-box .form-shell .Submit{ font-size:.28rem; line-height:3;}
    .logoIn-box .form-shell .Register{ font-size:.24rem;}
    .logoIn-box .logo img{ max-width:1.7rem;}
}



/* 正文 */
.main-box{ min-height:30vh;}





/* 产品服务 */
.pro-back{ padding:1.4rem 0 2.4rem; min-height:40vh; width:100%; height:100%; background-position:top center; background-repeat:no-repeat;}
.pro-main .Tiel_box{ color:#fff; width:100%; text-align: center;}
.pro-main .Tiel_box .Tie_le{ font-size:.6rem;}
.pro-main .Tiel_box .introd{ letter-spacing:.2rem; font-size:.18rem; font-family:'HarmonyOSLight';}
.pro-main .list{ margin-top:1.4rem;}
.pro-main .list .item{ width:30%; margin-right:4.95%; background:#fff; border-radius:.2rem; overflow: hidden; box-shadow: 0px 20px 75px 0px rgba(226,233,242,0.8); transition: all .5s;}
.pro-main .list .item .pic{ padding:.3rem 0; display:flex; justify-content:center; align-items:flex-end; background:#ecf1f8; height:2.9rem; text-align: center; position: relative; overflow: hidden;}
.pro-main .list .item .pic img{ position: relative; z-index:10; max-height:100%;}
.pro-main .list .item .pic::after,
.pro-main .list .item .pic::before{ content:''; display: block; position: absolute; width:2.7rem; height:2.7rem; border-radius:100%; overflow: hidden; background:#f2f7ff;}
.pro-main .list .item .pic::before{ top:-50%; left:70%;}
.pro-main .list .item .pic::after{ bottom:-45%; right:80%;}
.pro-main .list .item .text{ padding:.3rem .25rem;}
.pro-main .list .item .text .tit{ margin-bottom:.1rem; font-size:.2rem;}
.pro-main .list .item .text .wz{ min-height:3.4em; line-height:1.7; font-size:.16rem; color: #808286;}
.pro-main .list .item .text .but{ font-size:.14rem; margin-top:.45rem;}
.pro-main .list .item .text .but a{ transition: all .5s; text-align:center; line-height:3.2; width:45%; display:block;}
.pro-main .list .item .text .but .more{ color: #0075FF; background: linear-gradient(180deg, #FBFBFB 0%, #FAFCFD 100%); border-radius:.08rem; border: 1px solid #0075FF;}
.pro-main .list .item .text .but .siyo{ color: #FFFFFF; background: linear-gradient(217deg, #383bff 0%, #0075FF 100%); border-radius: .08rem;}
.pro-main .list .item .text .but a:hover{ box-shadow: 0px 0 .2rem 0px rgba(0,117,255,.2);}
.pro-main .list .item:nth-child(3n){ margin-right:0;}
.pro-main .list .item:hover{ transform:translateY(-2%);}

@media (max-width:768px){
    .pro-main .list{ margin-top:1rem;}
    .pro-main .list .item{ margin-right:2%; width:32%;}
    .pro-main .list .item .pic img{ max-width:50%;}
}

@media (max-width:640px){
    .pro-main .list{ margin-top:1rem;}
    .pro-main .list .item{ margin-bottom:3%; margin-right:3%; width:48.5%;}
    .pro-main .list .item .pic{ height:2rem;}
    .pro-main .list .item .pic img{ max-width:50%;}
    .pro-main .list .item:nth-child(2n){ margin-right:0;}
    .pro-main .list .item .text .wz{ min-height:4.5em;}
    .pro-main .list .item .text .but{ margin-top:.3rem;}
    .pro-main .list .item .text .tit{ font-size:.24rem;}
}





/* 云应用 */
.Cloud-one{ padding:.85rem 0 1.35rem;}
.Cloud-one .Title{  font-size:.38rem; text-align: center;}
.Cloud-one .Tab-box{ padding:.4rem 0; background: rgba(255,255,255,0.63); box-shadow: 0px 20px 75px 0px rgba(226,233,242,0.51); border-radius: 20px;}
.Cloud-one .Tab-menu{ width:3.2rem;}
.Cloud-one .Tab-menu dl{ margin-bottom:.1rem;}
.Cloud-one .Tab-menu dt{ font-size:.22rem; padding:.05rem .35rem; padding-right:0; position: relative; padding-left:.7rem;}
.Cloud-one .Tab-menu dt .icon{ position: absolute; left:.35rem; display: block; width:.23rem;}
.Cloud-one .Tab-menu dt .icon img{ display: block;}
.Cloud-one .Tab-menu dd{ cursor:pointer; font-size:.16rem; display:block; padding:.13rem .35rem; padding-right:0; padding-left:.7rem;}
.Cloud-one .Tab-menu dd.active{ color: #0075FF; background:url(../../yibazhan/images/Cloud-menu1.png) no-repeat center; background-size:cover;}
.Cloud-one .Tab-box .Tab-con{ padding:.2rem; margin-right:.35rem; width:calc(100% - 3.9rem); background: #F4F5F9; border-radius: 20px;}
.Cloud-one .Tab-box .box_con .text{ max-width:80%; margin:0 auto; color: #808286; font-size:.14rem; line-height:1.8; margin-top:.5rem; text-align: center;}
.Cloud-one .Tab-menu dl:last-child{ margin-bottom:0;}
.Cloud-one .But{ margin-top:.35rem; cursor:pointer; color:#FFFFFF; line-height:3.3; text-align:center; width:1.9rem; margin-left:.35rem; background: linear-gradient(217deg, #383bff 0%, #0075FF 100%); box-shadow:0px 8px 38px 0px #DCE0E6, 0px -5px 16px 0px rgba(255,255,255,0.5); border-radius: 8px;}
.Cloud-one .But span{ display:inline-block; background:url(../../yibazhan/images/arrow-icon3.png) right center no-repeat; padding-right:.25rem;}
.Cloud-one .Abut{ display:flex; justify-content:center; align-items:center; margin-top:.05rem; text-align:center; font-size:.14rem; margin-bottom:.55rem; }
.Cloud-one .Abut .Aniu{ color: #0075FF;}
.Cloud-one .Abut .Aniu::after{ color: #0075FF; margin-left:.1rem; font-size:.12rem; font-weight:bold; content:'next'; font-family:swiper-icons; text-transform: none!important; letter-spacing:0; font-variant:initial; line-height:1;}

.Cloud-Advantage{ padding:.8rem 0 1.15rem; background: #F4F5F9;}
.Cloud-Advantage .list{ margin-top:.5rem;}
.Cloud-Advantage .title{ font-size:.38rem; text-align: center;}
.Cloud-Advantage .item{text-align:center; padding:.4rem .65rem; width:30%; background:#FFFFFF; border-radius:.2rem; margin-right:5%; margin-bottom:5%;}
.Cloud-Advantage .item .icon img{ max-width:.66rem;}
.Cloud-Advantage .item:nth-child(3n){ margin-right:0;}
.Cloud-Advantage .item .tit{ margin-top:.3rem; font-size:.2rem;}
.Cloud-Advantage .item .introd{ margin-top:.2rem; font-size:.14rem; color: #808286;}

.Cloud-Scenario{ padding-top:1rem; position:relative; background: linear-gradient(180deg, #FFFFFF 0%, #F5F7FF 100%); padding-bottom:2rem;}
.Cloud-Scenario::after{ position: absolute; bottom:0; content:''; display:block; width:100%; height:2.5rem; background: linear-gradient(181deg, rgba(245,247,255,0.2) 0%, rgba(245,247,255,0.26) 6%, rgba(196,203,250,0.53) 50%, rgba(171,192,255,.8) 100%);}
.Cloud-Scenario .auto-inner{ position: relative; z-index:5;}
.Cloud-Scenario .title{ margin-bottom:.6rem; font-size:.38rem; text-align: center;}
.Cloud-Scenario .item{ margin-bottom:.75rem;}
.Cloud-Scenario .item .pic{width:47.585%; position: relative; border-radius:.2rem; overflow: hidden;}
.Cloud-Scenario .item .pic .tuimg{ display: block; padding-bottom:79.84777%; background-repeat: no-repeat; background-position:center; background-size:cover;}
.Cloud-Scenario .item .pic .mizw{ font-size:.24rem; width:100%; padding:.22rem .4rem; position: absolute; bottom:0; left:0; z-index:5;}
.Cloud-Scenario .item .pic .mizw span{ color:#FFFFFF; z-index:10; position: relative;}
.Cloud-Scenario .item .pic .mizw::after{content:''; display:block; position:absolute; bottom:0; left:0; width:100%; height:100%; background:#A2A5AB;}
.Cloud-Scenario .item .deta{ padding-left:.6rem; width:calc(100% - 48%);}
.Cloud-Scenario .item .deta .tit{ font-size:.18rem;}
.Cloud-Scenario .item .deta .tit1{ font-size:.24rem;}
.Cloud-Scenario .item .deta .introd{ line-height:2; margin:.1rem 0 0; font-family:'HarmonyOSRegular'; font-size:.14rem; color:#808286;}
.Cloud-Scenario .item .deta .text{ margin-bottom:.4rem;}
.Cloud-Scenario .item .deta li{ position: relative; margin-bottom:.15rem; line-height:1.5;}
.Cloud-Scenario .item .deta li .iot{ position: relative; padding-left:.25rem; font-size:.15rem; font-family:'HarmonyOSRegular';}
.Cloud-Scenario .item .deta li .iot::before{ position: absolute; top:.03rem; left:0; content:''; display: block; width:.17rem; height:.17rem; background: url(../../yibazhan/images/mark.png); background-size:contain;}
.Cloud-Scenario .item .deta li .wz{ padding-left:.25rem;}
.Cloud-Scenario .item:last-child{ margin-bottom:0;}
.Cloud-Scenario .item .deta .text:last-child{ margin-bottom:0;}
.Cloud-Scenario .item .deta li:last-child{ margin-bottom:0;}
.Cloud-Scenario .item:nth-child(2n){ direction:rtl;}
.Cloud-Scenario .item:nth-child(2n) .deta{ padding-left:0; padding-right:.6rem; direction:rtl;}
.Cloud-Scenario .item:nth-child(2n) .text{ direction:ltr;}
.Cloud-Scenario .item:nth-child(2n) .pic .mizw{ direction: ltr;}

@media (max-width:768px){
    .Cloud-one .But{ font-size:.16rem; line-height:3;}
    .Cloud-Advantage .item{ padding:.3rem .2rem; width:31%; margin-right:3.4%; margin-bottom:3.4%;}
    .Cloud-Advantage .item .tit{ margin-top:.15rem;}
    .Cloud-Advantage .item .introd{ margin-top:.15rem;}
    .Cloud-Advantage .item .icon img{ max-width:.5rem;}
    .Cloud-Scenario .item .pic{ width:100%;}
    .Cloud-Scenario .item .deta{ width:100%; padding:.3rem 0;}
    .Cloud-Scenario2 .item .pic{ width:50%;}
    .Cloud-Scenario2 .item .deta{ width:50%;}
    .Cloud-Scenario2 .item .deta li .iot::before{ background-repeat: no-repeat;}
}

@media (max-width:640px){
    .Cloud-one .But{ line-height:2.8;}
    .Cloud-one .But span{ padding-right:.3rem;}
    .Cloud-one .Tab-box .Tab-con{ width:100%; margin-top:.3rem; padding:.4rem;}
    .Cloud-one .Tab-menu{ display:flex; align-items:flex-end; flex-wrap:wrap; width:100%;}
    .Cloud-one .Tab-menu dl{ min-width:48%;}
    .Cloud-one .Tab-menu dd{ font-size:.24rem;}
    .Cloud-one .Tab-menu dd span{ display: block;}
    .Cloud-one .Tab-menu dt{ font-size:.28rem;}
    .Cloud-one .Tab-box .Tab-con{ border-radius:10px;}
    .Cloud-Advantage .item:nth-child(3n),
    .Cloud-Advantage .item{ padding:.3rem .2rem; width:49%; margin-right:2%; margin-bottom:2%;}
    .Cloud-Advantage .item:nth-child(2n){ margin-right:0;}
    .Cloud-Advantage .item .tit{ font-size:.28rem;}
    .Cloud-Advantage .item .introd{ font-size:.24rem;}
    .Cloud-Advantage .item .icon img{ max-height:.4rem;}
    .Cloud-Scenario .title{ margin-bottom:.5rem;}
    .Cloud-Scenario .item .deta .tit{ font-size:.26rem;}
    .Cloud-Scenario .item .deta .introd{ font-size:.22rem;}
    .Cloud-Scenario .item .deta li .iot{ font-size:.24rem;}
    .Cloud-Scenario .item .deta li .iot::before{ top:.07rem;}
    .Cloud-Scenario .item .deta .tit1{ font-size:.28rem;}
}

/* 云桌面 */
.Cloud-desktop{ padding:.8rem 0 1.8rem; background: #F4F5F9;}
.Cloud-desktop .list{ padding:1.5rem 0 0;}
.Cloud-desktop .title{ font-size:.38rem; text-align: center;}
.Cloud-desktop .item{ cursor:pointer; position: relative; padding:.8rem .4rem; width:calc(100% / 4); background:#FFFFFF; border-right:solid 1px #F4F5F9;}
.Cloud-desktop .item .icon{ position: relative; z-index:5; transition:all .5s;}
.Cloud-desktop .item .icon img{ display:block; max-width:.25rem;}
.Cloud-desktop .item .icon .oie{ position: absolute; top:0; left:0; opacity:0;}
.Cloud-desktop .item:nth-child(3n){ margin-right:0;}
.Cloud-desktop .item .tit{ margin-top:.2rem; font-size:.2rem; position: relative; z-index:5; transition:all .5s;}
.Cloud-desktop .item .introd{ position: relative; z-index:5; margin-top:.2rem; font-size:.16rem; color: #808286; font-family:'HarmonyOSLight';  transition:all .5s;}
.Cloud-desktop .item::after{ content:''; display: block; position: absolute; top:-.68rem; left:0; width:100%; height:calc(100% + 1.36rem); background:url(../../yibazhan/images/desktop-back.png) no-repeat center bottom; background-size:cover; border-radius:.25rem; overflow: hidden; opacity:0; z-index:1; box-shadow:0 0 15px rgba(0,0,0,0.2); transition:all .5s;}
.Cloud-desktop .item:hover .icon .mor{ opacity:0;}
.Cloud-desktop .item:hover .icon .oie{ opacity:1;}
.Cloud-desktop .item:hover .tit,
.Cloud-desktop .item:hover .introd{ color:#FFFFFF;}
.Cloud-desktop .item:hover .icon,
.Cloud-desktop .item:hover .tit,
.Cloud-desktop .item:hover .introd{transform:translateY(-.7rem);}
.Cloud-desktop .item:hover::after{ opacity:1; transform:translateY(-.1rem);}
.Cloud-Video{ padding:.8rem 0 1.2rem;}
.Cloud-Video .video_Box{ width:100%;}
.Cloud-Video .title{ margin-bottom:.4rem; font-size:.38rem; text-align: center;}
.Cloud-Video .video_con{ width:100%; position: relative;}
.Cloud-Video .video_con video{ width:100%;}
.Cloud-Video .Video_but{ cursor: pointer; position: absolute; left:50%; top:50%; width:.56rem; height:.56rem; background-image:url(../../yibazhan/images/video-bug.png); transform: translate(-50%,-50%); z-index:10; background-size:contain;}
.Cloud-Scenario.back-img{ background:url(../../yibazhan/images/back-img.png) no-repeat center top; background-size:cover;}
.Cloud-Scenario.back-img::after{ display:none;}
.Cloud-Scenario2 .item{ background:#ffffff; border-radius:.2rem; overflow: hidden;}
.Cloud-Scenario2 .item .pic{ width:50%; border-radius:0;}
.Cloud-Scenario2 .item .pic .tuimg{ height:100%; display: block; padding-bottom:0;}
.Cloud-Scenario2 .item .deta{ width:50%; justify-content:flex-start; padding:.2rem .4rem; min-height:3.2rem;}
.Cloud-Scenario2 .item:nth-child(2n) .deta{ padding:.2rem .4rem; justify-content:flex-end; }

.Cooperation-Case{ margin-top:1.3rem;}
.Cooperation-Case .list{ justify-content:center;}
.Cooperation-Case .list .item{ width:27.6%; margin-right:4%; margin-bottom:.1rem; transition: all .5s;}
.Cooperation-Case .list .item:nth-child(3n){ margin-right:0;}
.Cooperation-Case .list .item .pic{ position: relative; width:100%;}
.Cooperation-Case .list .item .pic::after{ content:''; display:block; position: absolute; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.2); z-index:1;}
.Cooperation-Case .list .item .pic img{ width:100%;}
.Cooperation-Case .list .item .pic .logo{ position: absolute; top:50%; width:100%; text-align: center; transform:translateY(-50%); z-index:5;}
.Cooperation-Case .list .item .pic .logo img{ max-width:80%; width:auto;}
.Cooperation-Case .list .item .text{ padding:.25rem;}
.Cooperation-Case .list .item .Aoiu{ margin:.1rem 0 .2rem;}
.Cooperation-Case .list .item .tit{ font-size:.28rem;}
.Cooperation-Case .list .item .Aoiu span{ font-size:.13rem; display:inline-block; vertical-align:middle; padding:0 .1rem; line-height:2.3; background:#E8EFFF; color:#0075FF; border-radius:5px; overflow: hidden;}
.Cooperation-Case .list .item .introd{ color:#808286; font-family:'HarmonyOSMedium'; line-height:1.8; font-size:.14rem;}
.Cooperation-Case .list .item:hover{ transform:translateY(-.1rem); box-shadow: 0px 0 .2rem 0px rgba(0,117,255,.2);}
.Cloud_Application .index-two .Tab-nav{ background:#F4F5F9;}

@media (max-width:768px){
    .Cooperation-Case .list .item{ width:31%; margin-right:3%;}
}

@media (max-width:640px){
    .Cloud-desktop .item{ width:100%; margin-bottom:.2rem; border-radius:.3rem;}
    .Cloud-desktop .item .icon img{ max-width:.4rem;}
    .Cloud-desktop .item .tit{ font-size:.28rem;}
    .Cloud-desktop .item .introd{ font-size:.24rem;}
    .Cloud-desktop .item::after{ display:none; top:0; overflow: hidden; height:100%;}
    .Cloud-desktop .item:hover::after{ transform:translateY(0);}
    .Cloud-desktop .item:hover{ background:url(../../yibazhan/images/desktop-back.png) no-repeat center bottom; background-size:cover;}
    .Cooperation-Case .list .item{ width:100%; margin-right:0; margin-bottom:5%; border-radius:20px;}
    .Cooperation-Case .list .item .tit{ font-size:.3rem;}
    .Cooperation-Case .list .item .introd{ font-size:.24rem;}
    .Cloud-Scenario2 .item{ margin-bottom:.5rem;}
    .Cloud-Scenario2 .item .deta{ width:100%;}
    .Cloud-Scenario2 .item .pic{ width:100%;}
    .Cloud-Scenario2 .item .pic .tuimg{ padding-bottom:50%; display: block;}
    .Cloud-Scenario2 .item:nth-child(2n) .deta{ padding:.2rem;}
}



/* 硬件终端  */
.Hardware-box{ background: #F4F5F9;}
.family-box{ padding:1rem 0;}
.family-box .title{ margin-bottom:.6rem; text-align: center; font-size:.38rem;}
.family-box .item{ cursor: pointer; position: relative; height:4.05rem; width:22.8%; margin-right:2%; text-align: center; padding:.5rem .05rem .35rem; background:#FFFFFF; box-shadow: 0px 0 .1rem 0px rgba(0,0,0,.1); border-radius:.2rem; overflow: hidden; transition: all .5s;}
.family-box .item:last-child{ margin-right:0;}
.family-box .item .serial{ margin:.08rem 0 .15rem; font-size:.14rem; color:#808286;}
.family-box .item .but{ font-size:.12rem; color:#0075FF;}
.family-box .item .but span{ background:url(../../yibazhan/images/arrow-icon.png) no-repeat center right; padding-right:.2rem;}
.family-box .item .ito-box{ height:100%;}
.family-box .item .ito-box .oiu{ width:100%;}
.family-box .item .ito-box .pic{ max-height:1.93rem; width:100%; display:flex; justify-content:center; align-items:flex-end;}
.family-box .item .ito-box .tit{ font-size:.18rem;}
.family-box .item .family-con{ color:#ffffff; text-align:left; display:none;}
.family-box .item .family-con::after{ content:''; display: block; position: absolute; left:0; width:100%; height:100%; background: linear-gradient(270deg, rgba(113,0,255,.5) 5%, #0075FF 100%); box-shadow: 0px 20px 75px 0px rgba(226,233,242,0.51);}
.family-box .item .family-con .Juz{ width:100%;position: relative; z-index: 5;}
.family-box .item .family-con .Juz .but{ margin-top:.2rem;}
.family-box .item .family-con .Juz .but a{ background:#fff; color:#0075FF; display: inline-block; vertical-align: middle; padding: 0.1rem 0.2rem; border-radius: 5px;}
.family-box .item .family-con .oit{ margin-bottom:.1rem; width:100%; font-size:.24rem; position: relative; z-index:5;}
.family-box .item .family-con .introd{ min-height:1rem; width:100%; margin-bottom:.1rem; font-size:.16rem; position: relative; z-index:5;}
.family-box .item .family-con .Specif{ font-family:'HarmonyOSLight'; line-height:1.8; width:100%; font-size:.14rem; position: relative; z-index:5;}
.family-box .item.active{ width:50%;}
.family-box .item.active .family-con{ background-color:#fff; padding:.3rem; z-index:10; display:flex; align-items: center; flex-wrap:wrap; position: absolute; top:0; left:0; width:100%; height:100%;}
.family-box .item.active .back-img{position:absolute; top:0; left:0; width:100%; height:100%; background-repeat:no-repeat; background-position:90% 90%;}

.Hardware-two{ overflow: hidden;}
.Hardware-two .tit{ text-align:center; font-size:.38rem;}
.Hardware-two .tit_tis{ margin-bottom:.4rem; text-align:center; font-size:.16rem; color: #808286;}
.Hardware-two .Hardware-dse{ margin-bottom:.3rem; position: relative;}
.Hardware-two .Hardware-dse .Aniu{ position:absolute; bottom:.5rem; left:50%; transform:translateX(-50%); font-size:.14rem;}
.Hardware-two .Hardware-dse .Aniu a{ width:1.8rem; text-align: center; line-height:3.5; display:flex; align-items: center; justify-content:center; color:#FFFFFF; border-radius:8px; border: 1px solid #FFFFFF; transition: all .5s;}
.Hardware-two .Hardware-dse .Aniu a::after{ margin-left:.1rem; content:''; width:.14rem; height:.1rem; background:url(../../yibazhan/images/arrow-icon3.png) center right no-repeat; transition: all .5s;}
.Hardware-two .Hardware-dse .Aniu:hover a{ color:#0075FF; border-color: #0075FF;}
.Hardware-two .Hardware-dse .Aniu:hover a::after{ background:url(../../yibazhan/images/arrow-icon.png) center right no-repeat;}
.Hardware-two .list .oit{ margin-bottom:.29rem;}
.Hardware-two .list .column{ -webkit-column-count:2; -moz-column-count:2; column-count:2; -webkit-column-gap:.29rem; -moz-column-gap:.29rem; column-gap:.29rem;}

.Hardware-three{ padding:1.25rem 0 .8rem;}
.Hardware-three .tit{ padding-bottom:.6rem; text-align:center; font-size:.38rem;}
.Hardware-three .pic-box{ background:#FFFFFF; padding:.25rem; border-radius:.2rem; overflow: hidden;}
.Hardware-three .pic-box img{ display: block;}

@media (max-width:1024px){
    .family-box .item{ height:3.5rem;}
}

@media (max-width:768px){
    .family-box .item{ padding-bottom:.15rem;}
}
@media (max-width:640px){
    .family-box .list{ flex-wrap:wrap;}
    .family-box .item.active,
    .family-box .item{ margin-bottom:2%; padding:0; height:auto; width:49%; margin-right:2%;}
    .family-box .item:nth-child(2n){ margin-right:0;}
    .family-box .item .ito-box{ display:none;}
    .family-box .item.active .family-con,
    .family-box .item .family-con{ height:100%; z-index:10; padding:.2rem; display: block; position: relative;}
    .family-box .item .family-con::after{ top:0; background:rgba(0,0,0,0.5);}
    .family-box .item .family-con .oit{ font-size:.26rem;}
    .family-box .item .family-con .introd{ font-size:.24rem;}
    .family-box .item .family-con .Specif{ font-size:.2rem;}
    .family-box .item .back-img,
    .family-box .item.active .back-img{ position:absolute; top:0; left:0; width:100%; height:100%; background-repeat:no-repeat; background-position:90% 90%;}
    .family-box .item.active .family-con::after{ background: linear-gradient(270deg, rgba(113,0,255,.5) 5%, #0075FF 100%);}
}






/* 帮助中心 */
.help-back{ padding:1.4rem 0 2.4rem; min-height:40vh; width:100%; height:100%; background-size: 100%; background-position:top center; background-repeat:no-repeat;}
.help-main .Tiel_box{ width:100%; text-align: center;}
.help-main .Tiel_box .Tie_le{ font-size:.6rem;}
.help-main .Tiel_box .introd{ font-size:.18rem; font-family:'HarmonyOSRegular'; color:#A2A5AB; text-transform:uppercase;}
.help-main .list{ margin-top:1.4rem;}
.help-main .list .item{ width:29.1%; margin-right:6.35%; background:#fff; border-radius:.2rem; overflow: hidden; box-shadow: 0px 20px 75px 0px rgba(226,233,242,0.8); transition: all .5s;}
.help-main .list .item a{ padding:.25rem; display:block;}
.help-main .list .item .pic{ border-radius:.2rem; overflow: hidden; display:flex; justify-content:center; align-items:flex-end; text-align: center; position: relative; overflow: hidden;}
.help-main .list .item .pic img{ position: relative; z-index:10; max-height:100%;}
.help-main .list .item .text{ padding-top:.2rem;}
.help-main .list .item .text .tit{ font-size:.2rem; position: relative; padding-right:.35rem;}
.help-main .list .item .text .tit::after{ position: absolute; right:0; top:50%; transform:translateY(-50%); width:.25rem; height:.25rem; text-align:center; display:flex; align-items:center; justify-content:center; content:'next'; font-family: swiper-icons; text-transform:none!important; letter-spacing:0; font-variant: initial; line-height:1; font-weight:600; background: #F5F8FF; border-radius:100%; overflow: hidden; font-size:12px; transition: all .5s;}
.help-main .list .item .text .aiu{ margin-bottom:.1rem;}
.help-main .list .item .text .aiu span{ display:inline-block; padding:.05rem .1rem; font-size:.13rem; color:#0075FF; background: #E8EFFF; border-radius: 5px;}
.help-main .list .item:nth-child(3n){ margin-right:0;}
.help-main .list .item:hover{ transform:translateY(-8%);}
.help-main .list .item:hover .text .tit::after{ background-color: #0075FF; color:#FFFFFF;}

@media (max-width:768px){
    .help-main .list{ margin-top:1rem;}
    .help-main .list .item{ margin-right:2%; width:32%;}
}
@media (max-width:640px){
    .help-main .list{ margin-top:1rem;}
    .help-main .list .item{ margin-bottom:3%; margin-right:3%; width:48.5%;}
    .help-main .list .item:nth-child(2n){ margin-right:0;}
    .help-main .list .item .text .tit{ font-size:.24rem;}
}

/* 帮助中心详情 */
.Help-shell{}
.Help-shell .HelpLeft{ line-height:3.5; font-family:'HarmonyOSRegular'; font-size:.16rem; padding:0 .3rem; border-top:1px solid rgba(61,61,61,.1); border-bottom:1px solid rgba(61,61,61,.1);}
.Help-shell .TabList{ display:flex; align-items:center;}
.Help-shell .TabList a{ cursor:pointer; display: block; margin-right:.3rem;}
.Help-shell .TabList a:hover,
.Help-shell .TabList a.on{ color:#0075FF;}
.Help-shell .HeadRight{ line-height:2.3;}
.Help-shell .HeadRight .input{ width:4rem; margin-right:.3rem; padding:0 .15rem; background:#f4f5f7; border:none;}
.Help-shell .HeadRight .input input{ width:calc(100% - .21rem); font-size:.14rem; line-height:2.5; background:none; border:none;}
.Help-shell .HeadRight .input i{ cursor: pointer; width:.3rem; height:.3rem; display: block; background-image:url(../../yibazhan/images/search-icon1.png); background-size:.2rem; background-position:center; background-repeat:no-repeat;}

.Help-info .Help-menu-box{ width:3rem; padding:0 .3rem; background-color: #f4f7fa; max-height: 100vh;}
.Help-info .Help-menu-box .menu-search{ margin:5px 0 15px; width:100%; margin-right:.3rem; border-bottom:1px solid #ff6a00;}
.Help-info .Help-menu-box .menu-search input{ padding:0 .1rem; font-family:'HarmonyOSRegular'; font-size:.14rem; width:calc(100% - .21rem); line-height:2.5; background:none; border:none;}
.Help-info .Help-menu-box .menu-search i{ cursor: pointer; width:.2rem; height:.2rem; display: block; background-image:url(../../yibazhan/images/search-icon1.png); background-size:.15rem; background-position:center; background-repeat:no-repeat;}
.Help-info .Help-menu{ padding:.2rem 0;}
.Help-info .Help-menu a{ display: block;}

.Help-info .m-mulu{ cursor:pointer; width:30px; height:30px; border-radius:50%; position: relative; z-index:10;}
.Help-info .m-mulu.active .box i{ background:#000;}
.Help-info .m-mulu.active .box i:nth-of-type(1){ transform: rotate(45deg) translate(6px,6px);}
.Help-info .m-mulu.active .box i:nth-of-type(2){ opacity: 0; }
.Help-info .m-mulu.active .box i:nth-of-type(3){ transform: rotate(-45deg) translate(5px,-5px);}
.Help-info .m-mulu .box{ position: absolute; left:50%; top:50%; transform: translate(-50%,-50%); font-size:0; width:25px;}
.Help-info .m-mulu .box i{ -webkit-transition: all .4s ease-out; transition: all .4s ease-out; display:inline-block; height:2px; background:#979797; margin:2px 2px; border-radius:5px;}
.Help-info .m-mulu .box i:nth-of-type(1),
.Help-info .m-mulu .box i:nth-of-type(3) {width:20px;}
.Help-info .m-mulu .box i:nth-of-type(2) {width:20px;}
.Help-info .menuContent{ max-height:72vh; overflow: hidden;}
.Help-info .menuContent .ul li{ line-height:2; font-size:.14rem;}
.Help-info .menuContent .ul li>a{ position: relative;}
.Help-info .menuContent .ul li.leve>a i{ position: absolute; top:50%; left:0; transform:translateY(-50%); display:block; width:.08rem; height:.08rem; background-image:url(../../yibazhan/images/arrow-icon2.png); background-size:contain; background-repeat:no-repeat;}
.Help-info .menuContent .ul li a span{ display:block; padding:.05rem .1rem; padding-left:.15rem; padding-right:0;}
.Help-info .menuContent .ul li.active>a span,
.Help-info .menuContent .ul li:hover>a span{ color:#0075FF; display:block;}
.Help-info .menuContent .ul .ul{ display:none;}
.Help-info .mCSB_scrollTools .mCSB_draggerRail{ background:#FFFFFF;}
.Help-info .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.Help-info .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.Help-info .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.Help-info .mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{ width:2px; background:rgba(0,0,0,.8);}
.Help-info .Help-info-con{ padding:.4rem; padding-top:.25rem; width:calc(100% - 3rem);}
.Help-info .Help-info-con .BreadCrumb a{ font-size:.14rem; color:#0075FF;}
.Help-info .Help-info-con .BreadCrumb em{ margin:0 .05rem; font-style:normal; font-family:'宋体'; font-weight:600; color:#0075FF;}
.Help-info .Help-info-con .introd{ padding:.3rem 0 0;}
.Help-info .Help-info-con .introd h1{ font-weight:500; font-size:.36rem; margin:0;}
.Help-info .Help-info-con .introd .iconfont{ margin-left:.1rem; display: block; width:.15rem; height:.15rem; background-image:url(../../yibazhan/images/arrow-icon2.png); background-size:contain; background-repeat: no-repeat;}
.Help-info .Help-info-con .introd .text{ margin:.1rem 0 .3rem;}
.Help-info .Help-info-con .introd .Aiut a{ padding:.05rem .1rem; font-size:.12rem; margin-right:.15rem; display:inline-block; border:solid 1px #0075FF;}
.Help-info .Help-info-con .introd .Aiut a.on{ background:#0075FF; color: #FFFFFF;}
.Help-info .Help-info-con .introd .Aiut a:hover{ background:none; color: #0075FF; border-color:#0075FF;}


/* 场景案例 */
.SceneCase-box .Tiel_box{ width:100%; text-align: center;}
.SceneCase-box .Tiel_box .Tie_le{ font-size:.38rem;}
.SceneCase-one{ padding:.9rem 0 1.5rem;}
.SceneCase-one .TabCon-box .ito-box{ margin-top:.3rem; padding:.25rem; background: rgba(255,255,255,0.63); box-shadow: 0px 20px 75px 0px rgba(226,233,242,0.51);border-radius: 20px; display:none;}
.SceneCase-one .TabCon-box .ito-box.active{ display:flex;}
.SceneCase-one .TabCon-box .me_iu{ width:2rem; line-height:4;}
.SceneCase-one .TabCon-box .me_iu .oit{ font-size:.18rem; cursor: pointer; padding:0 .15rem; margin-bottom:.2rem; background:#F4F5F9; border-radius:12px;}
.SceneCase-one .TabCon-box .me_iu .oit:last-child{ margin-bottom:0;}
.SceneCase-one .TabCon-box .me_iu .oit.active{ color: #FFFFFF; background:url(../../yibazhan/images/me_iu.png) no-repeat center; background-size: cover;}
.SceneCase-one .Tab-box .tab-menu{ margin-top:.5rem; border-bottom:solid 1px rgba(151,151,151,.1);  display:none;}
.SceneCase-one .Tab-box .tab-menu .item{ cursor:pointer; position: relative; min-width:2rem; margin:0 .2rem; text-align: center; padding:.2rem 0;}
.SceneCase-one .Tab-box .tab-menu .item img{ max-width:.31rem;}
.SceneCase-one .Tab-box .tab-menu .item span{ font-size:.24rem; margin-left:.1rem;}
.SceneCase-one .Tab-box .tab-menu .item::after{ opacity:0; position: absolute; bottom:0; content:''; display: block; width:100%; height:.03rem;background: linear-gradient(217deg, #383bff 0%, #0075FF 100%); border-radius: 2px;}
.SceneCase-one .Tab-box .tab-menu .item.active::after{ opacity:1;}
.SceneCase-one .Tab-box .tab-menu .item.active span{ color:#0075FF;}
.SceneCase-one .TabCon-box .Details{ width:calc(100% - 2rem); padding-left:.4rem;}
.SceneCase-one .TabCon-box .Details .pic{ padding:.1rem; width:6.5rem; display:flex; align-items:center; justify-content:center; background:#F4F5F9; border-radius:.2rem;}
.SceneCase-one .TabCon-box .Details .iwl{ padding-left:.4rem; width:calc(100% - 6.5rem);}
.SceneCase-one .TabCon-box .Details .iwl .ito{ padding-left:.25rem; background:url(../../yibazhan/images/dot.png) no-repeat left center; background-size:.18rem;}
.SceneCase-one .TabCon-box .Details .iwl li{ margin-bottom:.3rem;}
.SceneCase-one .TabCon-box .Details .iwl .deta{ line-height:1.7; padding-left:.25rem; font-size:.14rem; color:#A2A5AB; font-family:'HarmonyOSRegular';}
.SceneCase-one .TabCon-box .Details .iwl p{ margin:.05rem 0;}
.SceneCase-one .TabCon-box .Details .shell-ke{ display:none;}
.SceneCase-one .TabCon-box .Details .shell-ke.active{ display:flex;}

.SceneCase-back{ background: url(../../yibazhan/images/SceneCase-back.png) no-repeat top center; padding:1.15rem 0 2.27rem; background-size:cover;}
.SceneCase-two .introd{ font-size:.14rem; color:#A2A5AB;font-family:'HarmonyOSRegular';}
.SceneCase-two .list{ margin-top:.6rem;}
.SceneCase-two .list .max-wid{ max-width:1200px;}
.SceneCase-two .list .item{ width:30.667%; margin-right:4%; margin-bottom:.2rem; transition: all .5s;background: #FFFFFF; box-shadow: 0px 24px 75px 0px rgba(192,198,214,0.3); border-radius:.2rem; overflow: hidden;}
.SceneCase-two .list .item:nth-child(3n){ margin-right:0;}
.SceneCase-two .list .item .pic{ position: relative; width:100%;}
.SceneCase-two .list .item .pic .tu_img{display:block;padding-bottom: 67%;background-size: cover;background-position: center;background-repeat: no-repeat;}
.SceneCase-two .list .item .pic::after{ background:rgba(0,0,0,0.4); position: absolute; top:0; left:0; content:''; display: block; width:100%; height:100%; z-index:3;}
.SceneCase-two .list .item .pic img{ width:100%;}
.SceneCase-two .list .item .pic .logo{ position: absolute; top:50%; width:100%; text-align: center; transform:translateY(-50%); z-index:5;}
.SceneCase-two .list .item .pic .logo img{ max-width:80%; width:auto;}
.SceneCase-two .list .item .text{ padding:.25rem;}
.SceneCase-two .list .item .Aoiu{ margin:.1rem 0 .2rem;}
.SceneCase-two .list .item .tit{ font-size:.28rem;}
.SceneCase-two .list .item .Aoiu span{ font-size:.13rem; display:inline-block; vertical-align:middle; padding:0 .1rem; line-height:2.3; background:#E8EFFF; color:#0075FF; border-radius:5px; overflow: hidden;}
.SceneCase-two .list .item .introd{ color:#1B1E25; font-family:'HarmonyOSMedium'; line-height:1.8; font-size:.14rem;}
.SceneCase-two .list .item:hover{ transform:translateY(-10px); box-shadow:0px 0 .2rem 0px rgba(0,117,255,.2);}
.SceneCase-three{ padding-top:1.6rem;}
.SceneCase-three .list{ margin-top:.55rem;}
.SceneCase-three .list .item{ margin-bottom:.35rem; width:23%; margin-right:2.6666%; background:#FFFFFF; padding:.2rem .2rem .3rem;box-shadow: 0px 20px 75px 0px rgba(226,233,242,0.7); border-radius:.2rem; transition: all .5s;}
.SceneCase-three .list .item .pic{ margin-bottom:.1rem;}
.SceneCase-three .list .item:nth-child(4n){ margin-right:0;}
.SceneCase-three .list .item .Abut span{ font-size:.13rem; display:inline-block; vertical-align:middle; padding:0 .1rem; line-height:2.3; background:#E8EFFF; color:#0075FF; border-radius:5px; overflow: hidden;}
.SceneCase-three .list .item .txt{ font-size:.14rem; line-height:2;}
.SceneCase-three .list .item:hover{ transform:translateY(-10px); box-shadow:0px 0 .2rem 0px rgba(0,117,255,.2);}


@media (max-width:1024px){
    .SceneCase-one .TabCon-box .Details .pic{ width:100%;}
    .SceneCase-one .TabCon-box .Details .iwl{ padding:.2rem; width:100%;}
    .SceneCase-one .TabCon-box .Details .iwl li{ margin-bottom:.15rem;}
}

@media (max-width:768px){
    .SceneCase-two .list .item{ width:31%; margin-right:3%;}
    .SceneCase-three .list .item:nth-child(4n),
    .SceneCase-three .list .item{ width:32%; margin-right:2%;}
    .SceneCase-three .list .item:nth-child(3n){ margin-right:0;}
}

@media (max-width:640px){
    .SceneCase-one .TabCon-box .Details{ padding:.2rem 0 0; width:100%;}
    .SceneCase-one .TabCon-box .Details .iwl{ padding:.3rem 0 0;}
    .SceneCase-one .TabCon-box .me_iu{ width:100%; display:flex;justify-content: flex-start;flex-wrap: wrap;}
    .SceneCase-one .TabCon-box .me_iu .oit{ font-size:.24rem; line-height:3.2; width:48%; margin:1%;}
    .SceneCase-one .TabCon-box .Details .iwl .ito{ font-size:.28rem;}
    .SceneCase-one .TabCon-box .Details .iwl .deta{ font-size:.24rem;}
    .SceneCase-one .Tab-box .tab-menu .item span{ font-size:.28rem;}
    .SceneCase-two .list .item{ width:100%; margin-right:0; margin-bottom:5%;}
    .SceneCase-two .list .item .introd{ font-size:.24rem;}
    .SceneCase-three .list .item:nth-child(4n),
    .SceneCase-three .list .item:nth-child(3n),
    .SceneCase-three .list .item{ width:49%; margin-right:2%;}
    .SceneCase-three .list .item:nth-child(2n){ margin-right:0;}
}



/* 定价 */
.pricing-back{background-color:#F4F5F9; padding:1.4rem 0; min-height:40vh; width:100%; height:100%; background-size: cover; background-position:top center; background-repeat:no-repeat;}
.pricing-main .Tiel_box{ color: #FFFFFF; width:100%; text-align: center;}
.pricing-main .Tiel_box .Tie_le{ font-size:.6rem;}
.pricing-main .Tiel_box .introd{ letter-spacing:.2rem; font-size:.18rem; font-family:'HarmonyOSLight';}
.pricing-main .list{ margin-top:1.4rem;}
.pricing-main .list .item{ width:48%; margin-right:4%; background:#FFFFFF; transition: all .5s; padding:.75rem .45rem; border-radius:.2rem; position: relative; overflow: hidden; box-shadow: 0px 20px 75px 0px rgba(226,233,242,0.51);}
.pricing-main .list .item:nth-child(2n){ margin-right:0;}
.pricing-main .list .item .tit{ font-size:.32rem;}
.pricing-main .list .item .obli{ line-height:2; width:1.5rem; text-align: center; color: #FFFFFF; font-size:.14rem; background: linear-gradient(217deg, #383bff 0%, #0075FF 100%); position: absolute; top:.2rem; right:-.4rem; transform:rotate(45deg);}
.pricing-main .list .item .text{ padding:.45rem 0;}
.pricing-main .list .item .text .tishi{ font-size:.24rem;}
.pricing-main .list .item .text .introd{ font-size:.14rem; color:#A2A5AB;font-family:'HarmonyOSRegular';}
.pricing-main .list .item .but{ text-align: center; line-height:3.5; color: #FFFFFF; background: linear-gradient(217deg, #383bff 0%, #0075FF 100%); border-radius:.1rem; margin-bottom:.5rem;}
.pricing-main .list .item dt{ margin-bottom:.15rem; font-size:.16rem;}
.pricing-main .list .item dd{ background:url(../../yibazhan/images/mark.png) no-repeat center left; padding:.1rem 0; padding-left:.3rem; font-size:.14rem; color: #1B1E25; background-size:.17rem;}
.pricing-main .contrast{ margin:.8rem 0; text-align: center;}
.pricing-main .contrast a{ line-height:3.5; width:2rem; text-align: center; font-size:.14rem; display:inline-block; border-radius:8px; border: 1px solid #0075FF; color: #0075FF; position: relative; overflow: hidden; cursor:pointer;}
.pricing-main .contrast a span{ position: relative; z-index:5; padding-right:.25rem; transition:all .5s;}
.pricing-main .contrast a span::after{ background-image:url(../../yibazhan/images/arrow-icon4.png); width:.24rem; height:.24rem; content:''; display: block; position: absolute; top:-.02rem; right:0; transition:all .5s; transform:rotate(-90deg);}
.pricing-main .contrast a::after{ position: absolute; left:50%; top:0; width:0; content:''; display:block; height:100%; transition:all .5s; background: linear-gradient(217deg, #383bff 0%, #0075FF 100%); transform:translateX(-50%);}
.pricing-main .contrast a:hover{ color:#fff;}
.pricing-main .contrast a:hover::after{ width:100%;}
.pricing-main .contrast a:hover span::after{ background-image:url(../../yibazhan/images/arrow-icon5.png);}
.pricing-main .contrast a.active span::after{ transform:rotate(0);}


.pricing-table{ border-radius:.2rem; overflow: hidden; display:none;}
.pricing-table.active{ display:block;}
.pricing-table table{ width:100%; text-align: center;}
.pricing-table table th{ vertical-align:top; font-size:.22rem; font-weight:500; padding:.4rem; width:33.3333%; background: #e0eaff; font-family:'HarmonyOSMedium'; border-right:solid 4px #f4f5f9;}
.pricing-table table tr{ position: relative; background:#fff;}
.pricing-table table tr th:first-child{ text-align:left;}
.pricing-table table tr td{ font-size:.14rem; padding:.25rem 0; border-right:solid 4px #f4f5f9;}
.pricing-table table tr td:first-child{ padding-left:.4rem; text-align:left;}
.pricing-table table tr td:last-child,
.pricing-table table tr th:last-child{ border-right:none;}
.pricing-table table tr .but{ margin-top:.1rem;}
.pricing-table table tr .but a{ font-size:.14rem; display:inline-block; vertical-align:middle; padding:0 .2rem; line-height:2.3; color:#0075FF; border-radius:8px; border:1px solid #0075FF; overflow: hidden; font-family:'HarmonyOSMedium';}
.pricing-table table tr:hover{ z-index:5; box-shadow: 0px 0 .2rem 0px rgba(226,233,242,0.8);}
.pricing-table table tr .icon img{ max-width:.24rem;}
@media (max-width:768px){
    .pricing-main .list{ margin-top:1rem;}
}
@media (max-width:640px){
    .pricing-main .list{ margin-top:1rem;}
}

.pricing-list{ margin-top:.4rem;}
.pricing-list .item{background:#fff;padding:.2rem;width: 20%;border-right: solid 1px #ccc; transition: all .5s;}
.pricing-list .item:nth-child(5n){ border-right:none;}
.pricing-list .item .tit_cl{ font-size:.24rem; color:#333; min-height:1.5em;}
.pricing-list .item .tit_ol{ font-size:.24rem; color:#333; min-height:1.5em;}
.pricing-list .item .des{margin:.2rem 0;line-height:1.5;font-size: 0.14rem;}
.pricing-list .item .des p{ margin:0;}
.pricing-list .item .Jiage .aol{ font-size:.14rem; min-height:1.5em;}
.pricing-list .item .Jiage .aol span{ font-size:.2rem;}
.pricing-list .item .Jiage .tis{ font-size:.12rem; min-height:1.5em;}
.pricing-list .item .but{ margin-top:.3rem;}
.pricing-list .item .but .aniu{ padding:.1rem .2rem; display:flex; justify-content:space-between; align-items:center; width:100%; background:#0075ff; color:#fff; font-size:.16rem; border-radius:5px;overflow: hidden;}
.pricing-list .item .but .xizl{ margin-top:.1rem; font-size:.14rem;}
.pricing-tishi{ width:100%; margin-top:.3rem; text-align: center; line-height:1.8; font-size:.14rem; color:#1b1e25;}

.pricing-list .item:hover{ background:#0075ff; color:#fff;}
.pricing-list .item:hover .tit_cl{ color:#fff;}
.pricing-list .item:hover .tit_ol{ color:#fff;}
.pricing-list .item:hover .but .aniu{ background:#0065da;}
@media (max-width:640px){
.pricing-list .item{ width:50%; margin-bottom:.3rem;}
.pricing-list .item:nth-child(2n){ border-right:none;}
.pricing-list .item:nth-child(5n){ border-right:none;}
}




/* 下载 */
.download-one{ padding:.85rem 0 0; background:url(../../yibazhan/images/download-back.png); background-size:contain; background-repeat:no-repeat; background-position:top center;}
.download-one .Tiel_box{ margin-bottom:.8rem;}
.download-one .Tiel_box .Tie_le{ text-align: center; font-size:.38rem;}
.download-one .list .item{ font-size:.22rem; margin-bottom:2.666%; padding:.6rem .2rem .2rem;  text-align: center; border-radius:.2rem; position: relative; overflow: hidden; transition: all .5s; cursor: pointer; background:#fff;}
.download-one .list{justify-content: center;}
.download-one .list .witd1{ width:23%; margin-right:2.666%;}
.download-one .list .witd1:nth-child(3n){ margin-right:0;}
.download-one .list .witd2{ padding:.9rem .2rem; width:31.53888%; margin-right:2.666%; background-size:cover; border-radius:.2rem;}
.download-one .list .witd2::after{ position: absolute; top:0; right:0; background-image:url(../../yibazhan/images/Angle.png); content:''; display: block; width:.87rem; height:.87rem; background-position:center; background-size:cover;}
.download-one .list .witd2:last-child{ margin-right:0;}
.download-one .list .item .Morn{ transition: all .5s;}
.download-one .list .item .icon img{ max-width:.8rem!important; transition:all .5s;}
.download-one .list .item .text{ margin-top:.5rem;}
.download-one .list .item .Morn .text{ padding-top:.2rem;}
.download-one .list .item .tit{ font-size:.22rem; color:#000;}
.download-one .list .item .introd{ font-size:.14rem; color:#A2A5AB;}
.download-one .list .item .Morn .introd{ font-size:.14rem; color:#A2A5AB; opacity:0; transition:all .5s;}
.download-one .list .item .Holw{ position: absolute; left:0; top:0; width:100%; height:100%; display:flex; align-items:center; justify-content:center; opacity:0; transition:all .5s;}
.download-one .list .item .Holw img{ max-width:1.5rem;}
.download-one .list .witd1 .Holw{ padding-top:.6rem; display: block;}
.download-one .list .witd1 .Holw .Juz{ width:100%; display:block;}
.download-one .list .witd2 .Holw .Juz{ border-radius:8px; overflow: hidden;}

.download-one .list .item:hover{ background:rgba(255,255,255,0.41);box-shadow: 0px 20px 75px 0px rgba(226,233,242,0.51); border-radius: 20px;}
.download-one .list .item:hover .introd{ opacity:1;}
.download-one .list .item:hover .Morn{ opacity:0;}
.download-one .list .item:hover .Holw{ opacity:1;}

.download-two{ padding:0 0 1.1rem; background: #FFFFFF;}
.download-two .Tiel_box{ margin-bottom:.8rem;}
.download-two .Tiel_box .Tie_le{ text-align: center; font-size:.38rem;}
.download-two .item{ position: relative; padding:.5rem; width:43%; margin-right:5%; box-shadow: 0px 0 15px rgba(123,157,243,0.3); border-radius:.2rem; overflow: hidden;}
.download-two .item .back{ position: absolute; left:0; top:0; width:100%; height:100%; background-size:cover;}
.download-two .item .icon{ margin-right:.35rem; position: relative; z-index:5;}
.download-two .item .icon img{ max-width:1.06rem;}
.download-two .item .text{ font-size:.26rem; position: relative; z-index:5;}
.download-two .item:nth-child(2n){ margin-right:0;}
.download-two .Aniu{ font-size:.14rem; text-align: center;}
.download-two .Aniu a{ color:#0075FF; text-align: center;}
@media (max-width:1024px){
    .download-one{ background-size:cover;}
}
@media (max-width:768px){
    .download-one .list .item .Morn{ font-size:.18rem;}
    .download-two .item .icon img,
    .download-one .list .item .Morn img{ max-width:.9rem;}
}
@media (max-width:640px){
    .download-one .list .witd1{ width:49%; margin-right:2%;}
    .download-one .list .witd1:nth-child(2n){ margin-right:0;}
    .download-one .list .witd2{ width:100%;}
    .download-two .item{ width:100%; margin-right:0; margin-bottom:.3rem;}
    .download-two .Aniu{ font-size:.24rem;}
}





/* 社区列表 */
.community-box{ padding:.35rem 0 .7rem; background:#F5F8FF;}
.community-box .auto-inner1{ direction:rtl;}
.community-box .back-color1{ background:#fff;background: rgba(255,255,255,0.63); box-shadow: 0px 20px 75px 0px rgba(226,233,242,0.51); border-radius: 20px;}
.community-box .direc-l{ direction:ltr; width:calc(100% - 3.7rem);}
.community-one{ padding:0 .2rem; width:100%; border-bottom:solid 1px rgba(97,97,97,.1);}
.community-one .search-ri{ padding:.1rem 0;}
.community-one .input{ min-width:2rem; border-radius:5px; border: 1px solid #E6E6E6; overflow: hidden; margin-right:.1rem;}
.community-one .input input{ height:.36rem; width:calc(100% - .3rem); padding:.1rem; padding-right:0; font-family:'HarmonyOSRegular'; font-size:.12rem; border:none; display: block;}
.community-one .input .aiu{ cursor: pointer; width:.25rem; background-image:url(../../yibazhan/images/search-icon.png); background-position:center; background-repeat: no-repeat;}
.community-one .input input::-webkit-input-placeholder{ color:#A2A5AB;}
.community-one .input input::-moz-input-placeholder{ color:#A2A5AB;}
.community-one .input input::-ms-input-placeholder{ color:#A2A5AB;}
.community-one .post .but{ height:.36rem; cursor:pointer; padding:0 .25rem; font-size:.14rem; color:#fff; background: linear-gradient(217deg, #383bff 0%, #0075FF 100%); border-radius:5px; display:flex; justify-content:center; align-items:center;}
.community-one .item{ margin-right:.35rem; position: relative;}
.community-one .item::after{ position: absolute; bottom:0; left:0; width:100%; opacity:0; content:''; display: block; height:.02rem; background:#0075FF; border-radius:2px; overflow: hidden;}
.community-one .item a{ padding:.17rem 0; display:block;}
.community-one .item a:hover,
.community-one .item.active a{ color:#0075FF;}
.community-one .item:hover::after,
.community-one .item.active::after{ opacity:1;}
.community-one .item:last-child{ margin-right:0;}
.community-two{ width:100%;}
.community-list{ padding:.2rem .2rem 0;}
.community-list .item{ padding:.2rem 0; border-bottom:solid 1px rgba(97,97,97,.1);}
.community-list .item .introd{ margin-top:.12rem;}
.community-list .item .introd .txt{ width:100%; font-family:'HarmonyOSRegular'; font-size:.14rem; color:#A2A5AB;}
.community-list .item .pic{ font-size:0; width:calc(100% - 6.7rem);}
.community-list .item .pic span{ display:inline-block; border-radius:10px; overflow: hidden;}
.community-list .item .pic img{ display: block; max-width:1.55rem;}
.community-list .item .use-deta{ margin-top:.12rem; font-family:'HarmonyOSRegular'; font-size:.14rem; color:#A2A5AB;}
.community-list .item .use-deta .use-icon{ margin-right:.1rem; width:.3rem; border-radius:100%; overflow: hidden;}
.community-list .item .use-deta .name{ margin-right:.3rem;}
.community-list .item .use-deta .tiem-one{ margin-right:.3rem;}
.community-list .item .use-deta .other .icon{ cursor:pointer; margin-right:.2rem;}
.community-list .item .use-deta .other .icon:last-child{ margin-right:0;}
.community-list .item .use-deta .other .icon i{ display: block; width:.24rem; height:.24rem; background-size:contain;}
.community-list .item .use-deta .other .record{ background-image:url(../../yibazhan/images/use-deta1.png);}
.community-list .item .use-deta .other .discuss{ background-image:url(../../yibazhan/images/use-deta2.png);}
.community-list .item .use-deta .other .give{ background-image:url(../../yibazhan/images/use-deta3.png);}
.community-list .item .use-deta .other .collect{ background-image:url(../../yibazhan/images/use-deta4.png);}
.community-list .item .use-deta .other .on .give{ background-image:url(../../yibazhan/images/use-deta5.png);}
.community-list .item .use-deta .other .on .collect{ background-image:url(../../yibazhan/images/use-deta6.png);}
.community-box .direc-r{ direction:ltr; padding:.15rem; width:3.5rem;}
.community-box .direc-r .use-txt{ font-size:.18rem; padding:.15rem 0 .2rem; text-align: center; width:100%;}
.community-box .direc-r .oit{ padding:.45rem 0 .3rem;}
.community-box .direc-r .use-icon{ width:.91rem; height:.91rem; border-radius:100%; overflow: hidden;}
.community-box .direc-r .use-shell{ font-size:.13rem; width:100%;}
.community-box .direc-r .use-shell .icon{ position: relative; margin:0 .2rem; text-align:center;}
.community-box .direc-r .use-shell .icon .iwl{ position: absolute; top:0; right:0; display:block; min-width:.18rem; padding:0 .03rem; overflow: hidden; background:#FF6767; font-size:.11rem; color:#fff; border-radius:.1rem; transform:translateX(50%);}
.community-box .direc-r .use-shell .wz{ padding:.1rem 0; color: #808286;}


@media (max-width:1300px){
    .community-list .item .pic{ width:calc(100% - 9.6rem);}
    .community-box{ font-size:.2rem;}
    .community-one .post .but,
    .community-one .input input,
    .community-list .item .use-deta,
    .community-list .item .introd .txt{ font-size:.18rem;}
    .community-list .item .use-deta .use-icon{ width:.4rem;}
}

@media (max-width:1024px){
    .community-box{ font-size:.18rem;}
    .community-list .item .pic{ width:calc(100% - 9.6rem);}
    .community-one .post .but,
    .community-one .input input,
    .community-list .item .use-deta,
    .community-list .item .introd .txt{ font-size:.16rem;}
    .community-list .item .use-deta .use-icon{ width:.4rem;}
}

@media (max-width:1024px){
    .community-one{ padding:0; flex-wrap:wrap; border-bottom:none;}
    .community-box .nav-tab{ padding:0 .2rem; width:100%; border-bottom:solid 1px rgba(97,97,97,.1);}
    .community-one .search-ri{ justify-content:space-between; width:100%; padding:.2rem .2rem 0; }
    .community-one .input{ width:calc(100% - 1rem);}
    .community-list .item .introd .txt,
    .community-list .item .pic{ margin-bottom:.1rem; width:100%;}
    .community-list .item .introd a{ flex-wrap:wrap;}
    .community-one .post .but,
    .community-one .input input,
    .community-list .item .use-deta,
    .community-list .item .introd .txt{ font-size:.14rem;}
    .community-list .item .use-deta{ flex-wrap:wrap; font-size:.12rem;}
    .community-list .item .use-deta .xinxi{ margin-bottom:.1rem;}
}

@media (max-width:768px){
    .community-list .item .use-deta .xinxi{ margin-bottom:.05rem; flex-wrap:wrap;}
    .community-list .item .use-deta .use-icon{ margin-right:.1rem; width:.5rem; display:flex; align-items:center; border-radius:inherit;}
    .community-list .item .use-deta .use-icon span{ display:block; border-radius:100%; overflow: hidden;}
    .community-list .item .use-deta .name{ margin:0; width:60%;}
    .community-list .item .use-deta .tiem-one,
    .community-list .item .use-deta .tiem-two{ margin:0; margin-top:.1rem; min-width:40%;}
}


@media (max-width:640px){
    .community-box{ font-size:.28rem;}
    .community-box .auto-inner1{ flex-wrap:wrap; direction: ltr;}
    .community-box .direc-l{ width:100%;}
    .community-box .direc-r{ width:100%; margin-bottom:.2rem;}
    .community-box .direc-r .oit{ width:100%;}
    .community-box .direc-r .use-txt{ font-size:.26rem;}
    .community-box .direc-r .use-shell .wz{ font-size:.24rem;}
    .community-one .input{ width:calc(100% - 1.5rem);}
    .community-one .search-ri{ align-items:initial;}
    .community-one .search-ri .post{ height:100%; display:flex;}
    .community-one .input input{ line-height:2; height:auto;}
}







/* 分页 */
.Page{ padding:.3rem 0 .5rem; text-align: center; font-size: 0; color: #333;}
.Page em{ font-size: 0; font-style: normal;}
.Page a{ line-height:35px; cursor: pointer; display: inline-block; vertical-align: middle; font-size:.14rem; padding: 0 .15rem; border: solid 1px #eeeeee; color: #333;}
.Page em{ font-size:0; margin:0 5px;}
.Page em a{ width:37px; padding:0 5px; margin:0 5px; text-align: center;}
.Page a.on,
.Page a:hover{ color:#0075FF; background: #D5E8FD; border-radius:5px; border-color:#0075FF;}
.Page .ola,
.Page .Jump,
.Page .record { display: inline-block;vertical-align: middle;}
.Page .record{ display:none; color:#999999; line-height:37px;}
.Page .Jump { line-height:35px;}
.Page .ola {padding: 0 10px;}
.Page a.first,
.Page a.last{ margin:0 .1rem; padding:0 .2rem; display:none;}
.Page .Prev,
.Page .next{ width:37px; font-size:0; position: relative; border-radius:5px;}
.Page .Prev::after,
.Page .next::after{ position: absolute; left:0; top:0; width:100%; height:100%; content:''; display:block; background:url(../../yibazhan/images/arrow-icon7.png); background-size:.07rem; background-repeat:no-repeat; background-position:center;}
.Page .next::after{ transform: rotate(180deg);}
.Page .inwxs{ display: block; font-size:.14rem;}
.Page .JumpTo{ margin:0 .1rem; font-size:.14rem; color: #808286;}
.Page .JumpTo input.txt{ margin:0 .1rem; text-align:center; width:35px; height:35px; border-radius: 5px; border: 1px solid #D7D7D7;}
@media(max-width:1200px) {
    .Page a {padding: 0 5px;}
    .Page input.txt {margin: 0 5px;}
    .Page input.but {margin-left: 5px;}
    .Page em a{width: 30px;}
}
@media(max-width:1024px) {
    .Page .record {display: none;}
    .Page .inwxs{ display: block;}
    .Page .ola{padding-left: 0;}
}
@media(max-width:640px) {
    .Page a {padding: 0 10px;}
    .Page em a { padding: 0; margin: 0 1px; width:35px;}
    .Page .ola { padding: 0; max-width: 100%;}
    .Page .Jump { margin-top: 10px;}
    .Page .last,
    .Page .first,
    .Page .inwxs{display: none;}
}





/* 加载更多 */
.load-box{ padding:.45rem 0; width:100%;}
.load-box .But{ cursor: pointer; color: #0075FF; width:1.3rem; text-align: center; line-height:3; font-size:.13rem; border-radius: 8px; border: 1px solid #0075FF;}
.load-box .But i{ width:.24rem; height:.24rem; display: block; background-image:url(../../yibazhan/images/load-icon1.png); background-size:contain; -webkit-animation:rotate 1s linear infinite; animation:rotate 1s linear infinite;}
@-webkit-keyframes rotate{
    0%{
        -webkit-transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
    }
}
@keyframes rotate{
    0%{
        -webkit-transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
    }
}


/* 无影Ready */
.Ready_box{ padding:.9rem 0;}
.Ready_box .Tiel_box{ margin-bottom:.6rem; width:100%; text-align: center;}
.Ready_box .Tiel_box .Tie_le{ font-size:.38rem;}
.Ready_box .Tiel_box .introd{ color:#808286;}
.Ready_shell{ padding:.3rem .2rem; background:#F4F5F9; border-radius:5px; margin-bottom:.2rem;}
.Ready_shell select,
.Ready_shell input,
.Ready_shell{ font-size:.14rem; color: #A2A5AB;}
.Ready_shell .select-dow{ position: relative; width:18%; margin-right:2%;}
.Ready_shell .select-dow::after{ position: absolute; right:.1rem; top:50%; width:.25rem; height:.25rem; content:''; display: block; background:url(../../yibazhan/images/arrow-icon8.png) center no-repeat; transform:rotate(180deg) translateY(48%); opacity:.6; background-size:.12rem;}
.Ready_shell .select-dow select{ width:100%; background:#fff; padding-left:.15rem; line-height:3; border-radius:5px; border: 1px solid #E6E6E6;}
.Ready_search{ position: relative; padding-left:.4rem; padding-right:.1rem; width:22%;background:#FFF; border-radius: 5px; border: 1px solid #E6E6E6; overflow: hidden; margin-right:2%;}
.Ready_search::before{ position:absolute; left:.1rem; top:50%; content:''; display:block; width:.2rem; height:.2rem; background:url(../../yibazhan/images/search-icon1.png) no-repeat; background-size:cover; opacity:.6; transform:translateY(-50%);}
.Ready_search input{ line-height:3; height:100%; width:100%; border:none; background:#fff;}
.Ready_shell .but{ cursor:pointer; width:11%; text-align:center; color:#fff; display:flex; align-items:center; justify-content:center; background: linear-gradient(217deg, #383bff 0%, #0075FF 100%); border-radius: 5px;}

.Ready_list{ margin-bottom:.3rem;}
.Ready_list table{ width:100%; text-align:center; border-radius:.15rem; overflow: hidden;}
.Ready_list table th{ color:#808286; background:#EFF1F9; padding:.15rem 0; font-size:.16rem; font-weight:500;}
.Ready_list table td{ background:#F4F5F9; padding:.22rem 0;}
.Ready_list table th:first-child,
.Ready_list table td:first-child{ max-width:1.8rem; padding-left:.35rem; text-align:left;}
.Ready_list table th:last-child,
.Ready_list table td:last-child{ padding-right:.2rem; text-align:center;}
.Ready_list table tr:nth-child(2n) td{ background:#fff;}
@media(max-width:1024px) {
    .Ready_list table td{ font-size:.15rem;}
}
@media(max-width:768px){
    .Ready_shell .select-dow{ width:20%; margin-right:1%;}
    .Ready_shell select,
    .Ready_shell input,
    .Ready_shell{ font-size:.14rem;}
    .Ready_list{ overflow:scroll;}
    .Ready_list table{ width:11rem;}
}
@media(max-width:640px) {
    .Ready_shell .select-dow{ width:100%; margin-bottom:.2rem;}
    .Ready_search{ width:calc(100% - 2rem); line-height:3; padding-left:.5rem; margin-right:.2rem;}
    .Ready_search::before{ top:0.16rem; width:.3rem; height:.3rem;}
    .Ready_shell .select-dow::after{ background-size:.16rem;}
    .Ready_shell .but{ width:1.8rem;}
}


/* 视频列表 */
.Video_Demo{ padding:1.4rem 0 .4rem; min-height:40vh; width:100%; height:100%; background-position:top center; background-repeat:no-repeat;}
.Video_Demo .Tiel_box{ color:#1B1E25; width:100%; text-align: center;}
.Video_Demo .Tiel_box .Tie_le{ font-size:.38rem;}
.Video_Demo .Tiel_box .introd{ color:#808286; font-size:.18rem; font-family:'HarmonyOSLight';}
.Video_Demo_menu{ margin-top:.45rem;}
.Video_Demo_menu .inter{ opacity:0; position: absolute; top:50%; left:50%; transform:translate(-50%,-50%); transition:all .5s;}
.Video_Demo_menu .item{ padding:.1rem .2rem; margin:0 .2rem; transition:all .5s; border-radius:50px; overflow: hidden;}
.Video_Demo_menu .item .txt{ margin-left:.1rem;}
.Video_Demo_menu .item:hover,
.Video_Demo_menu .item.active{ background: linear-gradient(217deg, #383bff 0%, #0075FF 100%);}
.Video_Demo_menu .item:hover .inter,
.Video_Demo_menu .item.active .inter{ opacity:1;}
.Video_Demo_menu .item:hover img,
.Video_Demo_menu .item.active img{ opacity:0;}
.Video_Demo_menu .item:hover .txt,
.Video_Demo_menu .item.active .txt{color:#fff;}

.Video_Demo_list{ margin-top:.45rem;}
.Video_Demo_list .item{ cursor:pointer; margin-bottom:.6rem; width:27.7777%; margin-right:8.3%; border-radius:5px; overflow: hidden; transition:all .5s;}
.Video_Demo_list .item .txt{ padding:.2rem 0; transition:all .5s;}
.Video_Demo_list .item .txt .tiem{ font-size:.14rem; color:#A2A5AB; font-family:'HarmonyOSLight';}
.Video_Demo_list .item .icon{ width:.74rem; height:.74rem; background-image:url(../../yibazhan/images/video.png); position: absolute; left:50%; top:50%; transform: translate(-50%,-50%); background-size:cover;}
.Video_Demo_list .item:nth-child(3n){ margin-right:0;}
.Video_Demo_list .item:hover .txt{ padding:.2rem;}
.Video_Demo_list .item:hover{box-shadow:0 0 .2rem rgba(0,0,0,.1);}

@media(max-width:1024px) {
    .Video_Demo_list .item{ margin-bottom:.3rem; width:31%; margin-right:3.5%;}
}
@media(max-width:640px) {
    .Video_Demo{ padding:1rem 0;}
    .Video_Demo_menu .item{ margin:0 .05rem;;}
    .Video_Demo_menu .inter{ max-width:.24rem;}
    .Video_Demo_menu .item .txt{ margin-left:0;}
    .Video_Demo_list .item:nth-child(3n),
    .Video_Demo_list .item{ width:48%; margin-right:4%;}
    .Video_Demo_list .item:nth-child(2n){ margin-right:0;}
    .Video_Demo_list .item .icon{ width:1rem; height:1rem;}
}


/* 悬浮侧栏 */
.suspension_box{ position: fixed; right:.5rem; top:40%; z-index:10;background: rgba(255,255,255,0.63); box-shadow: 0px 20px 75px 0px rgba(226,233,242,0.51); border-radius:40px; border: 1px solid #EFEFEF; padding:.1rem .05rem; display: none;}
.suspension_box .item{ cursor: pointer; padding:.15rem 0; border-bottom:solid 1px rgba(151,151,151,.2);}
.suspension_box .item:last-child{ border-bottom:none;}
.suspension_box .item .txt{ font-size:.12rem;}
.suspension_box .item .inter{ opacity:0; position: absolute; top:50%; left:50%; transform:translate(-50%,-50%); transition:all .5s;}
.suspension_box .item .Tio{ display:none; position: absolute; padding-right:.1rem; top:50%; right:100%; transform:translateY(-50%);}
.suspension_box .item .back{ width:max-content; background: #FFFFFF; padding:.15rem .2rem; box-shadow:0px 20px 40px 0px rgba(212,215,219,0.51); border: 1px solid #F3F3F4; border-radius:10px; overflow: hidden;}
.suspension_box .item .Tio .tit{ font-size:.14rem; color:#A2A5AB;}
.suspension_box .item .Tio .tel{ font-size:.16rem; color:#1B1E25;}
.suspension_box .item:hover{ color:#0075FF;}
.suspension_box .item:hover img{ opacity:0;}
.suspension_box .item:hover .inter{ opacity:1;}
.suspension_box .item:hover .Tio{ display:block;}

@media(max-width:640px) {
    .suspension_box{ display:none; right:.1rem;}
}