@media (max-width:1024px) {

    /**
* 参考：http://www.zhangxinxu.com/wordpress/?p=758
* 参考：http://g.alicdn.com/msui/sm/0.6.2/css/sm.css
* 参考：https://github.com/necolas/normalize.css/blob/master/normalize.css
* 参考：https://ant.design/
* 由于设计稿的尺寸在重构的时候要除以2，
* 因此这个样式表用50px为基准（刚好凑成除以100，方便计算）
* 1rem == 50 px;
* Email:qiaodaima@qq.com
* https://github.com/qiaodaima
*/
    *,
    *:before,
    *:after {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        -webkit-tap-highlight-color: transparent;
    }

    body {
        position: relative;
        margin: 0;
    }

    p,
    h1,
    h2,
    h3,
    h4,
    h5,
    h6 {
        margin: 0;
        font-weight: normal;
    }

    pre {
        margin: 0;
    }

    i,
    em,
    dfn,
    cite,
    address {
        font-style: normal;
    }

    input,
    button,
    select,
    option,
    textarea {
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        margin: 0;
        padding: 0;
        vertical-align: middle;
        outline: none;
        color: inherit;
        font: inherit;
    }

    /* 分割线 */
    legend,
    fieldset,
    blockquote {
        margin: 0;
        padding: 0;
    }

    dl,
    dd {
        margin: 0;
    }

    ol,
    ul {
        margin: 0;
        padding: 0;
        list-style: none;
    }

    table {
        border-collapse: collapse;
        border-spacing: 0;
        display: contents;
    }

    th,
    td {
        padding: 0;
        font-weight: normal;
    }

    a {
        text-decoration: none;
        color: inherit;
        outline: none;
    }

    img {
        max-width: 100%;
        max-height: 100%;
        border: none;
        vertical-align: top;
        width: 100%;
    }

    hr {
        margin: 0;
    }

    /*# sourceMappingURL=map/resetMobile.css.map */
    /*html {*/
    /*    font-size: 100px !important;*/
    /*}*/

    body,
    html {
        margin: 0;
        padding: 0;
        position: relative;
        width: 100vw;
    }

    a,
    a:hover,
    a:active,
    a:visited,
    a:link,
    a:focus {
        -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
        -webkit-tap-highlight-color: transparent;
        outline: none;
        background: none;
        text-decoration: none;
    }

    .pc_swiper,
    .homepage_swiper_shell,
    .footer_slidercode,
    .rice-product-wrap,
    .rice_show,
    #race_pc,
    .pc_ricetel,
    #wrapper,
    .address-aboutsus-wrap-pc,
    .downloads-banner,
    .onlineCourse-banner,
    #banner,
    .pc_pinpai,
    .about-us-swiper,
    .softDownload-btn,
    .left-support-langage-pc,
    .pc-brief-introduction,
    .baidu-map-wrap {
        display: none !important;
    }

    .app_swiper>.swiper-wrapper {
        width: 100vw !important;
    }
    #header{
        background-color:#000;
    }
    .footer_wrap_app {
        padding: .2rem 0 .16rem 0;
        width: 80%;
        margin: auto;
    }
    .header-line {
        padding: 13px 0;
    }
    .header {
        margin: 0 20px;
    }
    .topbar, .hk_buy a span {
        display: none;
    }
    .app_header {
        position: fixed;
        z-index: 99;
        top: 0;
        left: 0;
    }
    .header-logo img {
        height: 22px;
        width: auto;
    }

    .btn-menu {
        display: block;
    }
    .customer{
        column-gap: 5px;
        justify-content: space-between;
        align-items: flex-start;
        right: 55px;
        visibility: visible;
        opacity: 1;
        transition: all .3s;
    }
    .customer.hide{
        visibility: hidden;
        opacity: 0;
    }
    .btn-menu, .customer {
        position: absolute;
        top: 0;
        width: 25px;
        height: 25px;
    }
    .btn-menu{
        right: -7px;
    }
    .btn-menu span {
        position: absolute;
        top: 50%;
        left: 50%;
        width: 20px;
        height: 2px;
        background-color: #f98800;
        margin-left: -10px;
        transition: all .5s ease-in-out;
        margin-top: -1px;
        border-radius: 2px;
    }
    .customer a svg{
        color: #f98800;
    }
    .btn-menu span:nth-of-type(1) {
        margin-top: -7px;
    }
    .btn-menu span:nth-of-type(3) {
        margin-top: 5px;
    }
    .menu-open .btn-menu span:nth-of-type(3) {
        margin-top: -1px;
        transform: rotate(-45deg);
    }
    .menu-open .btn-menu span:nth-of-type(2) {
        opacity: 0;
    }

    .menu-open .btn-menu span:nth-of-type(1) {
        margin-top: -1px;
        transform: rotate(45deg);
    }
    .PC-homepage {
        padding-top: 50px;
    }
    .header .column span, .header .column a {
        font-size: 20px;
        color: #fff;
        line-height: 60px;
        font-weight: 400;
    }
    .header .column-nav {
        box-sizing: border-box;
        position: fixed;
        top: 48px;
        right: 0;
        bottom: 120px;
        left: 0;
        display: block;
        background-color: #1b1b1b;
        margin-left: 0;
        overflow-y: scroll;
        transform: translate3d(0, -150%, 0);
        visibility: hidden;
        transition: all .3s;
        opacity: 0;
    }
    .menu-open .header .column-nav {
        transform: translate3d(0, 0, 0);
        visibility: visible;
        opacity: 1;
    }
    .hover-drawer{
        padding: 0 20px;
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
    }
    .hover-drawer .icon-next{
        display: inline-block;
        padding: 5px 10px;
    }
    .hover-drawer .icon-next .icon{
        width: 20px;
        height: auto;
    }
    .app-header-home {
        display: flex;
        justify-content: space-between;
        width: 100vw;
        height: 50px;
        padding: 4px 20px;
        border-bottom: 1px solid #dad9d9;
        box-shadow: 0 1px 2px #c1c1c1;
        background-color: #fff;
        align-items: center;
    }

    .drawer-header {
        z-index: 300;
        position: fixed;
        top: 48px;
        right: 0;
        bottom: 120px;
        left: 0;
        height: inherit !important;
        overflow-y: scroll;
        transform: translate3d(100%, 0, 0);
        visibility: hidden;
        opacity: 0;
        background-color: #1b1b1b;
        transition: all .3s;
    }
    .drawer-header .wrap{
        padding: 20px;
    }
    .product-top-module > ul{
        display: flex;
        flex-wrap: wrap;
        gap: 30px 10px;
    }
    .drawer-header.show {
        transform: translate3d(0, 0, 0);
        visibility: visible;
        opacity: 1;
    }
    .drawer-header .product-box{
        display: none;
    }
    .product-top-module .col-md3 > li {
        width: calc((100% - 10px) / 2);
        display: inline-block;
    }
    .menu_app {
        display: flex;
        height: 100%;
        width: 0.2rem;
        justify-content: center;
        flex: 0 0 33.3%;
    }

    .menu_app svg {
        width: 24px;
        height: 24px;
        align-self: center;
    }

    .spiderPi_action {
        padding: .24rem 0 !important;
    }
    .app_logo {
        max-width: 38%;
    }
    .related_products{
        display: flex;
        gap: 25px;
        flex-direction: column;
        padding: 0 25px;
    }
    .app_logo a {
        width: 100%;
    }

    .app_logo a img {
        height: 100%;
    }
    .mo-ptb-50 {
        padding-top: 50px;
        padding-bottom: 50px;
    }
    .mo-pt-30 {
        padding-top: 30px;
    }
    .eng {
        height: 100%;
        display: flex;
        font-size: .18rem;
        flex: 0 0 33.3%;
        justify-content: center;
    }

    .homepage-readmorenews {
        display: flex;
        justify-content: space-between;
        position: absolute;
        top: 0;
        right: 2em;
        width: .8rem;
    }

    .homepage-readmorenews svg {
        width: 1em;
        height: 1em;
    }

    .eng a {
        font-size: .20rem;
        align-self: center;
        color: #ff9900;
    }

    .spiderboot-soft-downloads {
        padding: 0 !important;
    }

    .select_correspond ul li img {
        max-width: 100% !important;
    }

    .search {
        height: 100%;
        display: flex;
        flex: 0 0 33.3%;
        justify-content: center;
    }
    .back{
        position: absolute;
        top: 0;
        width: 25px;
        height: 25px;
        right: 25px;
        visibility: hidden;
        opacity: 0;
        transition: all .3s;
    }
    .back.show {
        visibility: visible;
        opacity: 1;
    }
    .oneImg{
        margin: 40px 0 0 0;
    }
    .mo-fz-12{
        font-size: 12px;
    }
    .mo-fz-14{
        font-size: 14px;
    }
    .mo-fz-16{
        font-size: 16px;
    }
    .mo-fz-18{
        font-size: 18px;
    }
    .mo-fz-20{
        font-size: 20px;
    }
    .mo-fz-22{
        font-size: 22px;
    }
    .mo-fz-24{
        font-size: 24px;
    }
    .mo-fz-26{
        font-size: 26px;
    }
    .mo-fz-28{
        font-size: 28px;
    }
    .mo-fz-30{
        font-size: 30px;
    }
    .mo-fz-38{
        font-size: 38px;
    }
    .mo-fz-40{
        font-size: 40px;
    }
    .mo-fz-44{
        font-size: 44px;
    }
    .mo-fz-46{
        font-size: 46px;
    }
    .mo-mt-10{
        margin-top: 10px;
    }
    .mo-mt-25{
        margin-top: 25px;
    }
    .mo-mb-10{
        margin-bottom: 10px;
    }
    .mo-mb-20{
        margin-bottom: 20px;
    }
    .mo-pb-30{
        padding-bottom: 30px;
    }
    .product-list-header li:nth-child(5) a {
        font-size: .13rem !important;
    }

    .product-list-header li a:hover {
        color: #FFA500 !important;
    }

    .search svg {
        width: 24px;
        height: 24px;
        align-self: center;
    }
    .header-right {
        position: fixed;
        right: 0;
        bottom: 0;
        left: 0;
        top: auto;
        height: 120px;
        background-color: #fafafa;
        padding: 20px 15px;
        visibility: hidden;
        opacity: 0;
        transition: all .3s;
    }
    .menu-open .header-right {
        visibility: visible;
        opacity: 1;
        transition-delay: .3s;
    }
    .header-right::before {
        content: "";
        position: absolute;
        top: 0;
        right: 0;
        left: 0;
        height: 1px;
        background-color: #e8e8e8;
    }
    .header-right .hk_tel{
        font-size: 14px;
        column-gap: 15px;
        height: 100%;
        flex-wrap: wrap;
        align-content: space-around;
    }
    .indextitle_wrap h1 {
        font-weight: 900;
    }

    .indextitle_wrap>.en_index {
        font-size: .14rem;
        text-align: center;
        margin-bottom: .2rem;
    }

    .homepage-app-grid>ul {
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
        padding: .06rem .1rem;
        max-width: 96vw;
        margin: auto;
    }

    .homepage-app-grid>ul>li {
        flex: 0 0 48%;
        margin-bottom: .16rem;
    }

    .homepage-app-grid>ul>li>a>img {
        display: block;
        width: 100%;
        border-radius: .1rem;
    }

    .index_cardwrap {
        padding: .06rem .1rem;
    }

    .index_cardwrap img {
        border-radius: .1rem;
    }

    .card_collectionindex .card_item_homepage {
        position: relative;
        flex: 0 0 49%;
        background-color: #fff;
        border-radius: .1rem;
    }

    #footer {
        background-color: #161616;
    }

    #footer .icon_wrap {
        padding: .2rem 0 .3rem 0;
        width: 80%;
        margin: auto;
    }
    .footer_slider{
        border-bottom: 2px solid #232323;
        padding-bottom: 10px;
    }
    .footer_wrap h5{
        position: relative;
        font-size: 14px;
        color: #fff;
        font-weight: 600;
        padding-top: 10px;
    }
    .footer_slider h5:after{
        --un-icon:url("data:image/svg+xml;utf8,<svg viewBox='0 0 512 512' margin-top='-3px' display='inline-block' vertical-align='middle' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg'><path fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='32' d='M256 112v288m144-144H112'/></svg>") no-repeat;
        background-color: currentColor;
        content: "";
        height: 24px;
        mask: var(--un-icon) no-repeat;
        mask-size: 100% 100%;
        -webkit-mask: var(--un-icon) no-repeat;
        -webkit-mask-size: 100% 100%;
        position: absolute;
        right: 0;
        transition: all .3s;
        width: 24px;
    }
    .footer_slider ul{
        display: none;
    }
    .footer_wrap ul li a {
        font-size: 12px;
        color: #9fa3a6;
        text-align: left;
        line-height: 35px;
    }
    .footer_slider h5.footul_show:after{
        transform: rotate(-135deg);
    }
    .tel_icon img {
        width: 26px !important;
        height: 26px !important;
        align-self: center;
    }
    .footer-tablist{
        color: #fff;
        width: 80%;
        margin: 0 auto;
    }

    .header-search-icon {
        position: absolute;
        top: 60%;
        left: .08rem;
        width: .24rem;
        height: .24rem;
        transform: translateY(-50%);
    }

    .homepage-placeholder img {
        width: 100%;
    }

    .closeDropdown {
        display: none;
    }

    .app-footer-copyright {
        font-size: .14rem;
        padding: .04rem 0;
        text-align: center;
        color: #fff;
    }

    .app-block {
        display: block !important;
    }

    .app-header-searchProduct {
        display: none;
        height: .68rem;
        width: 100vw;
    }

    .back-header {
        display: flex;
        align-self: center;
    }

    .back-header svg {
        width: .22rem !important;
        height: .22rem !important;
        align-self: center;
    }

    .inside {
        background: #fff;
        width: 96%;
        margin: auto;
        padding: .1rem;
        border-radius: .1rem;
    }

    .listtitle {
        font-size: .16rem !important;
        font-weight: 800;
        font-family: Cabin, sans-serif;
        text-align: center;
        margin-bottom: 0;
    }

    .listtitle {
        font-size: .14rem !important;
        font-family: Cabin, sans-serif;
        text-align: left;
        margin-bottom: 0;
        color: #333;
        padding: .1rem 0;
        padding-left: .1rem;
        font-weight: normal !important;
    }

    .listitem {
        flex-shrink: 0;
        background: #F6F8F7;
        color: #000;
        text-align: center;
        margin: .04rem 0;
        font-size: .16rem;
        padding: .06rem 0rem;
        border-radius: .3rem;
        flex: 0 0 49%;
    }

    #learn strong {
        font-size: .18rem;
        font-weight: bold;
        margin: .08rem 0;
        display: inline-block;
    }

    #learn a[href] strong {
        font-size: .16rem !important;
        color: #017BFD !important;
    }

    .listitem>a {
        font-family: Cabin, sans-serif;
        font-size: 0.13rem;
        font-stretch: normal;
        letter-spacing: 0rem;
        color: #333 !important;
    }

    .search-input {
        position: relative;
        align-self: center;
        flex: 0 0 60%;
    }

    .search-input input[type="text"] {
        padding: .05rem;
        outline: none;
        font-size: .16rem;
        color: #333;
        border: 1px solid #aeaeae;
        border-radius: .06rem;
        width: 100%;
        padding-left: .3rem;
    }

    .header-rotate {
        transition: all .3s linear;
        transform: rotate(-90deg);
    }

    .search-btn {
        align-self: center;
    }

    .search-btn button {
        outline: none;
        border: none;
        font-size: .16rem;
        padding: .05rem .2rem;
        color: #fff;
        background-color: orange;
        border-radius: .06rem;
    }

    .searchlist {
        width: 100%;
        background: #e3e3e3;
        padding: .1rem 0;
    }

    .listwrap {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        background: #fff;
        margin: auto;
        width: 100%;
        border-radius: .1rem;
    }

    .popup-wechat {
        display: none;
        position: absolute;
        bottom: 33px;
        right: 210px;
        width: 144px;
        height: 160px;
    }

    /* .applicable-products {
        display: block !important;
    } */
    .popup {
        display: none;
        position: absolute;
        bottom: 33px;
        right: 210px;
        width: 144px;
        height: 160px;
    }

    .triangle {
        position: absolute;
        background: #ffffff;
        -ms-box-shadow: 4px 4px 8px rgba(0, 0, 0, .1);
        -o-box-shadow: 4px 4px 8px rgba(0, 0, 0, .1);
        box-shadow: 4px 4px 8px rgba(0, 0, 0, .1);
        z-index: 8;
        width: 11px;
        height: 11px;
        bottom: 25px;
        right: 16px;
        transform: translateY(50%) rotate(45deg);
    }

    /* 产品中心的手机样式 */
    #hiwonder-productCenter {
        display: none;
    }

    .downloads-item {
        border-radius: .05rem;
        border-width: 1px;
    }

    #hiwonder-productCenter-app {
        padding-top: .69rem;
    }

    .product-app-list {
        display: flex;
        flex-wrap: wrap;
    }

    .product-app-list li {
        flex: 0 0 25%;
        height: .6rem;
        display: flex;
        flex-direction: column;
        justify-content: center;
        background-color: #434343;
        border-right: 1px solid white;
        border-bottom: 1px solid white;
    }

    .product-app-list li:nth-child(5),
    .product-app-list li:nth-child(9) {
        border-right: none;
    }

    .product-app-list li:nth-child(6),
    .product-app-list li:nth-child(7),
    .product-app-list li:nth-child(8),
    .product-app-list li:nth-child(9) {
        flex: 0 0 25%;
    }

    .product-app-list li:last-child {
        margin-right: 0;
    }

    .product-app-list li p {
        color: #fff;
        align-self: center;
    }

    .productCenter-item-app {
        padding: .2rem .1rem .2rem .1rem;
    }

    .productCenter-item-app h3 {
        font-size: 24px !important;
        padding: 0 0 .2rem 0 !important;
        text-align: center;
        color: #000;
        font-weight: bold;
    }

    .product-app-list li img {
        align-self: center;
        width: .26rem;
        padding-bottom: .04rem;
    }

    .font {
        display: block;
        font-size: 7px !important;
        width: 100%;
        text-align: center;
    }

    .font-app {
        display: block;
        font-size: 10px !important;
        width: 100%;
        text-align: center;
    }

    .product-app-listWrap select {
        padding: .06rem .3rem .06rem .1rem;
        border-radius: 4px;
        margin-bottom: .3rem;
        font-size: .16rem;
        background: url('../image/app-down-arrow.svg') no-repeat scroll right center transparent;
    }

    #robot {
        position: relative;
    }

    .icon-down-app {
        display: block;
        width: 0;
        height: 0;
        border: 10px solid transparent;
        border-left-color: orange;
        position: absolute;
    }

    .AI_title-en {
        font-size: .16rem !important;
    }

    .product-app-listWrap ul {
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
    }

    .product-app-listWrap ul li {
        flex: 0 0 48.4%;
        margin-bottom: .3rem;
        box-shadow: 0 0 2px #aca5a5;
        border-radius: 0.02rem;
        min-height: 1.7rem;
    }

    .product-app-listWrap ul li a {
        display: block;
        width: 100%;
        border-radius: 0.1rem;
    }

    .product-app-listWrap ul li a img {
        width: 100%;
        border-radius: 0.1rem;
        min-height: 1.4rem;
    }

    .product-app-listWrap ul li a p {
        text-align: center;
        font-size: .12rem;
        color: #333;
        padding: .1rem 0;
    }

    .product-app-listWrap {
        display: none;
        min-height: 5rem;
    }

    .product-selected {
        background-color: #ff9900 !important;
    }

    .product-active {
        color: #FFA500 !important;
    }

    .general-accessories-app {
        flex-wrap: nowrap !important;
        width: 100%;
        box-shadow: 0 2px 3px #888888;
        overflow-x: auto;
        white-space: nowrap;
        overflow-y: hidden;
    }

    /* .product-app-listWrap:last-child .productCenter-item-app {
        display: none;
    } */

    .general-accessories-app li {
        border-radius: 0 !important;
        box-shadow: none !important;
        flex: 0 0 25% !important;
        margin-bottom: 0 !important;
        min-height: auto !important;
    }

    .general-accessories-app li p {
        padding: .1rem 0;
        font-size: .16rem !important;
        text-align: center;
    }

    .app-flex {
        display: flex !important;
    }

    .address_logo {
        height: .34rem;
    }

    /* //软件下载 */
    #downloads {
        padding-top: .69rem !important;
    }

    .downloads-item-img img {
        height: auto !important;
    }

    .downloads-tablist {
        width: 96% !important;
    }

    .softDownload-btn-app-Wrap {
        display: flex;
        flex-direction: column;
    }

    .downloads-item-img {
        border-radius: .06rem !important;
        margin: auto;
        flex: 0 0 1rem !important;
        height: auto !important;
        background-color: #fff !important;
        margin-right: .1rem;
    }

    .windows-downloadList,
    .app-downloadList {
        width: 100% !important;
    }

    .downloads-item {
        height: auto !important;
        padding: .1rem .14rem !important;
        min-height: 1.9rem;
    }

    .downloads-tablist .downloads-tablist-wrap::after {
        width: 1.19rem;
    }

    .downloads-tablist .downloads-tablist-wrap {
        padding: .1rem 1% .1rem 1%;
    }

    .downloads-item-img img {
        border-radius: .2rem;
    }

    .softDownloadinfor h4 {
        font-size: .18rem;
        padding: .18rem 0;
        font-weight: normal;
    }

    .softDownloadinfor {
        height: auto !important;
        padding-left: 0 !important;
    }

    .download-apk-wrap {
        padding-bottom: .38rem;
    }

    .download-apk-wrap li span {
        font-size: .14rem !important;
    }

    .download-apk-edition {
        font-size: .14rem !important;
        font-weight: normal !important;
    }

    .app-download-wrap-left {
        flex: 0 0 34%;
        margin-right: .1rem;
    }

    .softDownload-btn-app {
        position: absolute;
        bottom: 0;
        display: flex;
        justify-content: space-between;
        left: 0.4rem;
        z-index: 1;
    }

    .softDownload-btn-pc {
        margin-top: 14px !important;
    }

    .softDownload-btn-pc button,
    .right-btn-apk {
        font-size: .12rem !important;
        width: 1.5rem !important;
        border: none;
        outline: none;
        background: #f99000;
        color: rgb(255, 255, 255);
        text-align: center;
        padding: .04rem 0;
        cursor: pointer;
        user-select: none;
        border-radius: 44px;
        font-weight: 900;
    }

    .softDownload-btn-app button,
    .right-btn-apk {
        font-size: .12rem !important;
        width: 1.1rem !important;
        border: none;
        outline: none;
        background: #f99000;
        color: rgb(255, 255, 255);
        text-align: center;
        padding: .04rem 0;
        cursor: pointer;
        user-select: none;
        border-radius: 44px;
        font-weight: 900;
    }

    .app-iosBtn {
        position: absolute;
        bottom: 0;
        font-size: .12rem !important;
        width: 1.1rem !important;
        border: none;
        outline: none;
        background: #f99000;
        color: rgb(255, 255, 255);
        text-align: center;
        padding: .04rem 0;
        cursor: pointer;
        user-select: none;
        border-radius: 44px;
        font-weight: 900;
        right: .4rem;
    }

    .download-apk-edition {
        width: .66rem !important;
    }

    .downloads-tablist .downloads-tablist-wrap li {
        font-size: .2rem !important;
    }

    .downloads-item-left {
        width: 100%;
    }

    .downloads-item-right {
        display: none !important;
    }

    /* 课程页面 */
    .cd-main-content {
        padding-top: .69rem !important;
    }

    #onlineCourse {
        padding-top: .69rem !important;
    }

    .onlineCourse-item h3 {
        font-size: 24px !important;
        padding: .3rem 0 .2rem 0 !important;
    }

    .onlineCourse-item {
        border-width: 1px !important;
    }

    .onlineCourse-product {
        justify-content: space-between !important;
    }

    .onlineCourse-product-item {
        width: 49.8% !important;
        margin-bottom: 0 !important;
        padding: .1rem !important;
        margin-right: 0 !important;
    }

    .onlineCourse-product-img {
        width: 100% !important;
    }

    .onlineCourse-product-item a {
        flex-direction: column;
    }

    .onlineCourse-product-desrc p {
        font-size: .14rem !important;
        padding: .1rem 0;
        text-align: center;
    }

    .onlineCourse-product-desrc {
        padding-left: 0 !important;
    }

    .onlineCourse-itemWrap {
        padding: 0 .24rem !important;
    }

    /* 品牌动态 */
    #news {
        padding-top: .69rem;
    }

    .card_collection {
        margin-top: .2rem !important;
        flex-wrap: wrap;
    }

    .card_item {
        flex: 0 0 48% !important;
        box-shadow: 0 0 2px #b2afaf;
        border-radius: .05rem;
        margin-bottom: .14rem;
    }

    .newimg_wrap>img {
        border-top-left-radius: .1rem;
        border-top-right-radius: .1rem;
    }

    .card_item>a>.newimg_wrap {
        height: auto !important;
    }

    /* 关于我们 */
    .map_honnor {
        padding-bottom: .3rem;
        overflow: hidden;
        width: 90%;
        margin: auto;
    }

    .swiper-container-ios {
        width: 100%;
        overflow: hidden;
    }

    .brief h1 {
        font-size: 30px;
        text-align: center;
        padding: 5px 0;
    }

    .brief > p {
        font-size: 14px;
        padding-top: 15px;
    }

    .develop h1 {
        font-size: .3rem;
        font-weight: 900;
        text-align: center;
        padding: .3rem 0 .2rem 0 !important;
    }

    .map_honnor h1 {
        font-size: .3rem;
        font-weight: 900;
        text-align: center;
        padding: .3rem 0 .2rem 0 !important;
    }

    .hiwonder-about-us-wrap {
        position: relative;
        background-color: #5e76b2;
        /* background: #999; */
    }

    .aboutus-map-wrap {
        padding-bottom: .2rem !important;
        flex-direction: column !important;
    }

    .downloads-wrap,
    .downloads-tablist .downloads-tablist-wrap,
    .course-wrap,
    .onlineCourse-itemWrap {
        min-width: auto !important;
        width: auto !important;
    }

    .baidu-map-wrap {
        max-width: 96% !important;
        margin: auto !important;
        width: 100% !important;
        margin-top: .3rem;
    }

    .contactus-wrap {
        max-width: 90% !important;
        margin: auto !important;
        width: 100% !important;
        height: auto !important;
        padding-bottom: .9rem;
    }

    .justify {
        flex: 0 0 .8rem;
        text-align: justify;
        margin-right: .18rem;
        font-size: .16rem;
        font-weight: 600;
        text-justify: inter-ideograph;
        word-break: break-all;
        text-justify: distribute;
        display: block;
    }

    .justify i {
        display: inline-block;
        padding-left: 100%;
        width: 100%;
    }

    .address_name>.justify {
        font-size: .16rem !important;
    }

    /* 中学生解决方案 */
    .introduce {
        padding: 0 .16rem;
    }

    .introduce h3 {
        font-size: .3rem !important;
        font-weight: 900;
        padding: .3rem 0 .2rem 0 !important;
        text-align: center;
    }

    .introduce p {
        font-size: .16rem !important;
        color: #333;
        line-height: .3rem;
    }

    .related-product {
        padding: 0 .16rem !important;
        margin-bottom: .2rem !important;
    }

    .call-phone-aboutus {
        font-size: .16rem !important;
    }

    .address-aboutsus-wrap p {
        font-size: .16rem !important;
    }

    .related-product h1 {
        font-size: .3rem !important;
        font-weight: 900;
        padding: .3rem 0 .2rem 0 !important;
        text-align: center;
    }

    .anli_wrap {
        display: none;
    }

    .anli_wrapapp h1 {
        font-size: .3rem !important;
        font-weight: 900;
        padding: .44rem 0 !important;
        text-align: center;
    }

    #solution-wrap,
    #match-wrap {
        padding-top: .69rem !important;
    }

    .matchinformation-wrap {
        max-width: 80% !important;
        margin: .2rem auto !important;
    }

    .suit_introducetwo_rice {
        position: absolute;
        bottom: 0;
        left: 0;
        border-bottom-left-radius: .13rem;
        border-bottom-right-radius: .13rem;
        background: #000;
        width: 100%;
        cursor: pointer;
        user-select: none;
        opacity: .56;
        height: .4rem;
    }

    .guangxi_wrap .show_rice {
        position: relative;
        border-radius: .13rem;
        margin-bottom: .3rem;
    }

    .show_rice img {
        width: 100%;
        border-radius: .13rem;
    }

    .match-name {
        position: absolute;
        bottom: 0;
        left: 0;
        color: #fff;
        width: 100%;
        line-height: .4rem;
        font-size: .16rem;
        font-weight: 600;
        text-align: center;
    }

    /* 赛事详情 */
    .intel_wrap {
        display: none !important;
    }

    .btn-text {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        margin: auto;
        width: 30%;
        height: 3%;
    }

    .btn_textwrap,.home_btn_textwrap {
        display: flex;
        justify-content: center;
        border: 1px solid #fff;
        padding: .03rem .1rem;
        border-radius: .3rem;
    }

    .btn_textwrap span,.home_btn_textwrap span{
        font-size: .12rem;
        align-self: center;
        color: #fff;
    }

    .app_riceintel,
    .rice_showapp img {
        width: 100%;
    }

    .rice_catanier a {
        padding: .06rem 0;
    }

    .rice_catanier {
        display: flex;
        background: #e8e8e8;
    }

    .btn-text {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        margin: auto;
        width: 30%;
        height: 3%;
    }

    .Dialog_video video {
        object-fit: fill;
        width: 100%;
        height: 100%;
        display: block;
    }

    /* ���ҳ�����ʽ��д��ʼ */
    .aviation h3,
    .software h3,
    .Bracket h3 {
        visibility: visible !important;
    }

    /*���Ŷ�̬���鿪ʼ*/
    .Steering {
        position: relative;
    }

    .parts_wrap {
        position: relative;
    }

    .Camera {
        position: relative;
    }


    #wrapper_app {
        padding: .2rem 0;
    }

    .parts_wrap>.text_introduce {
        position: absolute;
        top: 6%;
        left: 0;
        width: 100%;
    }
    .footer-logo li{
        width: 40px;
    }
    .Steering>.text_introduce {
        position: absolute;
        top: 6%;
        left: 0;
        width: 100%;
    }
    .menu-open{
        /*overflow: hidden;*/
        /*height: 100vh;*/
    }
    .Camera>.text_introduce {
        position: absolute;
        top: 6%;
        left: 0;
        width: 100%;
    }

    .soulvideo_wrap {
        display: none;
    }

    .title_swiper>p {
        font-size: .16rem;
        margin: 0 auto;
        line-height: .3rem;
        color: rgba(0, 0, 0, .65);
        width: 80%;
    }
    .about-head img{
        width: 40px;
    }
    .about-our .about-desc{
        line-height: 1.5;
        color: #fff;
        padding-left: 5px;
        font-weight: 300;
        max-width: 360px;
        font-size: 14px;
        margin-top: 5px;
    }
    .drawer-item ul.list-3 li{
        padding: 10px;
        width: 100%;
        border-top: 0.5px solid #e8e8e8;
        margin-bottom: 40px;
    }
    .soul_video,.home_soul_video,.soul_video2 {
        position: absolute;
        width: 100%;
        height: 100%;
        background: rgba(0, 0, 0, .6);
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        display: none;
        z-index: 9;
    }
    .home_close_video{
        position: fixed;
        top: 32%;
        right: 0;
        width: 30px;
    }
    .rice_showapp h1 {
        font-size: .3rem;
        text-align: center;
        font-weight: 900;
        visibility: visible !important;
        padding-top: .3rem;
    }

    .assembly {
        border-radius: 5px;
        margin: 1em auto !important;
        max-width: 98% !important;
    }

    .card_wrap {
        display: flex;
        justify-content: space-between;
    }

    .the_latest {
        max-width: 90%;
        margin: 0 auto;
        box-shadow: 0 0 2px #bbb8b8;
        border-radius: .2rem;
        transform: translateY(-29%);
        background: #fff;
        padding: .1rem;
    }

    .card_wrap p:nth-of-type(2) {
        align-self: center;
    }

    .brand_title {
        font-size: .14rem;
        font-weight: 900;
    }

    .latest_title h3 {
        font-size: .16rem;
        font-weight: 900;
    }

    .latest_title p {
        font-size: .12rem;
    }

    .card_collection {
        display: flex;
        padding: .2rem;
        flex-wrap: wrap;
    }

    /* ��ҳ����ʽ */
    /* ��Сѧ��������� */
    .introduce {
        padding: 0 .24rem;
        margin-bottom: .3rem;
    }

    #related_products {
        display: flex;
        justify-content: space-between;
        flex-direction: column;
    }

    .introduce br {
        display: none;
    }

    .introduce p:nth-of-type(1) {
        margin-bottom: .2rem;
    }

    .introduce p {
        font-size: .14rem;
    }

    .robotic_arm,
    .smart_car {
        flex-shrink: 0;
        width: 100%;
        margin-bottom: 0.3rem;
    }

    .robotic_arm img,
    .smart_car img {
        border-radius: .1rem;
    }

    .robotic_arm p,
    .smart_car p {
        text-align: center;
        color: #fff;
        font-size: .14rem;
        line-height: .4rem;
        visibility: visible !important;
        margin-bottom: .4rem;
    }

    .blog-title {
        font-size: 14px !important;
        padding: 4px;
    }

    /* ��ҳ�����ʽ */
    #form_wrap .title1 {
        font-size: .2rem;
        text-align: center;
        font-weight: 900;
    }

    .tips {
        font-size: .12rem;
        text-align: center;
    }

    #from p {
        font-size: .18rem;
    }

    #from .name {
        display: flex;
        flex-direction: column;
    }

    .name input {
        height: .3rem;
    }

    .submit {
        display: block;
        padding: .04rem .2rem;
        border-radius: .08rem;
        text-align: center;
        width: 40%;
        margin: .2rem auto;
        font-size: .14rem;
        border: 1px solid black;
    }

    .error_form1 {
        font-size: .12rem;
        color: red;
    }
    .footer_wrap{
        border-bottom: 2px solid #242424;
        padding-bottom: 30px;
    }
    .copyright{
        padding: 20px;
    }
    .copyright p, .copyright p a{
        line-height: 30px;
    }
    .ps_record{
        margin-bottom: 0px;
    }

}

@media screen and (min-width:768px) and (max-width: 1025px) {
    .Dialog_video>.btn-text {
        width: 18% !important;
    }

    .app-header-home {
        padding: .04rem .3rem .04rem .4rem;
    }

    .app_logo {
        max-width: 20% !important;
    }

    .index_solutioinwrap {
        padding: 0 .2rem;
    }

    .robotic_arm,
    .smart_car {
        flex: 0 0 48% !important;
    }

    .homepage-app-grid>ul>li {
        flex: 0 0 32%;
    }

    #related_products {
        flex-direction: row !important;
    }

    .downloads-wrap {
        padding: 0 .6rem !important;
    }

    .downloads-tablist .downloads-tablist-wrap::after {
        width: 2.4rem !important;
    }

    .title_robot>h1 {
        font-size: .24rem;
    }

    .taobao,
    .Datasummary {
        background-color: #4a9afe;
    }

    .taobao a,
    .Datasummary a {
        padding: 0 !important;
    }

    #learning .item-list ul li {
        margin: .1rem 0 !important;
    }

    #app_banner>.btn-text {
        width: 14%;
    }

    #race p {
        font-size: .2rem !important;
        line-height: .32rem !important;
    }

    .rice_catanier {
        padding: 0 1rem !important;
    }

    .btn_textwrap span,.home_btn_textwrap span {
        font-size: .18rem !important;
    }

    #courseVideo {
        padding-top: .69rem;
    }

    .detail-banner-text {
        top: 12%;
        min-width: 48%;
        width: 48%;
    }

    .detail-banner-text h1 {
        font-size: .28rem;
    }

    .go-buy>a,
    .course>a {
        padding: 4px 14px;
    }

    .course {
        font-size: .14rem;
        top: 107%;
    }

    .go-buy {
        font-size: .14rem;
        left: 50%;
        top: 107%;
    }

    .productcenter-video-wrap {
        width: 90%;
        min-width: 90%;
        margin: auto;
    }

    .product-video-wrap {
        width: 100%;
        min-width: 100%;
        max-width: 100%;
    }

    .description-pc {
        font-size: .14rem !important;
    }

    #learning {
        padding-top: .69rem;
        min-width: auto;
    }

    .title_robot>p {
        font-size: .14rem;
    }

    .learn-information .title_robot {
        position: absolute;
        left: 46%;
        top: 11%;
        width: 48%;
        min-width: 27%;
    }

    .taobao,
    .Datasummary {
        width: 1rem;
        min-width: auto !important;
    }

    .item-list>ul>li {
        margin: .14rem 0 !important;
    }

    [title="app-course"] {
        line-height: 0.4rem;
    }

    .product-desrc {
        font-size: .24rem !important;
        line-height: .44rem !important;
        font-weight: normal !important;
    }

    [data-icon="courseback"] {
        width: .4rem !important;
        height: 0.48rem !important;
    }

    [title="app-course"] {
        font-size: .28rem !important;
    }

    .product-app-listWrap ul li a p {
        font-size: .22rem !important;
    }

    .search-input {
        flex: 0 0 82%;
    }

    [data-list="list"]>li>a {
        font-size: .22rem;
    }

    [no="nobottom"]>a {
        font-size: .2rem;
    }

    .brief p {
        font-size: 14px;
    }

    .onlineCourse-product-desrc p {
        font-size: .22rem !important;
    }

    .onlineCourse-item h3 {
        font-size: .34rem !important;
        padding: 44px 0 !important;
    }

    .suit_introducetwo_rice {
        height: .6rem !important;
    }

    .match-name {
        line-height: .6rem !important;
        font-size: .24rem !important;
    }
}

@media (max-width:375px) {
    .listitem {
        width: auto !important;
        padding: .04rem .2rem !important;
    }

    .downloads-tablist .downloads-tablist-wrap li {
        font-size: .2rem !important;
    }

    .softDownloadinfor h4 {
        font-size: .2rem !important;
    }

    .download-apk-edition {
        font-size: .12rem !important;
    }

    .download-apk-wrap li span {
        font-size: .12rem !important;
    }

    .softDownload-btn-app button {
        font-size: .12rem !important;
        width: 1.2rem !important;
    }

    #login .login-warning {
        width: 100% !important;
        padding: .24rem 0rem !important;
    }

    #login .login-warning label {
        font-size: .14rem !important;
    }

    .downloads-item-img {
        margin: initial !important;
        width: .9rem !important;
        margin-right: 0 !important;
        margin-left: .1rem !important;
        padding: 6px !important;
    }

    .downloads-item {
        padding: .1rem .04rem !important;
    }

    .softDownloadinfor h4 {
        font-size: .16rem !important;
        font-weight: 600;
    }

    .listitem>a {
        font-size: .12rem !important;
    }

    .listitem {
        padding: .04rem .1rem !important;
    }
    .second_tit {
        margin-bottom: 10px;
        font-size: 20px;
    }
    .soul_video video, .home_soul_video video {
        position: fixed;
        top: 32%;
        right: 0;
        left: 0;
        border: 0;
        margin: auto;
        width: 86%;
    }
    .ring_index {
        position: relative;
        top: -2px;
        display: inline-block;
        width: 19px;
        line-height: 18px;
        font-size: 16px;
        border: 1px solid #000;
        border-radius: 50%;
        vertical-align: middle;
        text-align: center;
    }
}

#learn img {
    height: auto !important;
    width: auto;
}

@media (min-width:413px) and (max-width:1024px) {
    .app-download-wrap-left .softDownload-btn-app {
        left: 40%;
    }
}