@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;
        font-size: 0.24rem;
    }

    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;
    }

    .header,
    .pc_swiper,
    .homepage_swiper_shell,
    .footer_logo,
    .footer_slidercode,
    .copyright,
    .footer-tablist,
    .rice-product-wrap,
    .rice_show,
    #race_pc,
    .pc_ricetel,
    #wrapper,
    .address-aboutsus-wrap-pc,
    .footer_wrap,
    .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;
    }

    .footer_wrap_app {
        padding: .2rem 0 .16rem 0;
        width: 80%;
        margin: auto;
    }

    .app_header {
        position: fixed;
        z-index: 99;
        top: 0;
        left: 0;
    }

    .PC-homepage {
        padding-top: .69rem;
    }

    .app-header-home {
        display: flex;
        justify-content: space-between;
        width: 100vw;
        height: .68rem;
        padding: .04rem .2rem;
        border-bottom: 1px solid #dad9d9;
        box-shadow: 0 1px 2px #c1c1c1;
        background-color: #fff;
    }

    .menu_app {
        display: flex;
        height: 100%;
        width: 0.2rem;
        justify-content: center;
        flex: 0 0 33.3%;
    }

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

    .spiderPi_action {
        padding: .24rem 0 !important;
    }

    .app_logo {
        max-width: 38%;
        height: 100%;
    }

    .app_logo a {
        width: 100%;
        height: 100%;
    }

    .app_logo a img {
        height: 100%;
    }

    .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;
    }

    .product-list-header li:nth-child(5) a {
        font-size: .13rem !important;
    }

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

    .search svg {
        width: .24rem;
        height: .24rem;
        align-self: center;
    }

    .indextitle_wrap h1 {
        font-size: .3rem;
        text-align: center;
        padding: .3rem 0 0 0;
        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 {
        display: flex;
        justify-content: space-between;
        padding: .06rem .1rem .2rem .1rem !important;
    }

    .card_item_homepage:last-child {
        display: none;
    }

    .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;
    }

    .tel_icon img {
        width: 26px !important;
        height: 26px !important;
        align-self: center;
    }

    .footer_tel p {
        font-size: .16rem !important;
    }

    #footer .footer_icon {
        max-width: 80%;
        justify-content: space-between !important;
    }

    .footer-tablist-app {
        padding: .22rem 0;
    }

    .footer-tablist-app ul li {
        font-size: .18rem;
        padding: .1rem 0;
        color: #fff;
        border-bottom: 1px solid #483a14;
    }

    .footer-tablist-app ul li a {
        display: block;
        width: 80%;
        margin: auto;
    }

    .footer-tablist-app ul li p {
        display: flex;
        width: 80%;
        margin: auto;
        justify-content: space-between;
        padding-right: 0.5rem;
    }

    .footer-item-children li:last-child {
        padding-bottom: 0 !important;
    }

    .footer-item-children li a {
        display: block !important;
        width: 60% !important;
        margin: auto !important;
        font-size: .18rem !important;
        color: #fff !important;
    }

    .footer-item-children li:last-child {
        border-bottom: none;
    }

    .footer-item-children {
        display: none;
    }

    .header-dropDown {
        position: absolute;
        top: .68rem;
        left: 0;
        background-color: rgb(245, 244, 244);
        width: 100%;
        padding-bottom: .3rem;
        /* box-shadow: 0 3px 4px #f5f5f5; */
        display: none;
        z-index: 9;
        border-bottom-left-radius: .1rem;
        border-bottom-right-radius: .1rem;
    }

    .product-list-header,
    .header-inlineMall-children,
    .solution-item-children,
    .aboutus-item-children {
        display: none;
    }

    .header-dropDown ul>li>p,
    .header-dropDown ul>li>a {
        font-size: .18rem;
        padding: .04rem 0;
        color: #333;
        display: flex;
        justify-content: space-between;
    }

    .header-dropDown-listData>li {
        border-bottom: 1px solid #888888;
        padding: .06rem .4rem .06rem .4rem;
    }

    .header-dropDown-listData>li>p>svg {
        transition: all .3s linear;
    }

    .header-dropDown-listData>li>ul>li {
        border-bottom: 1px solid #888888;
    }

    .header-dropDown-listData>li>ul>li:last-child {
        border-bottom: none;
    }

    .product-list-header,
    .header-inlineMall-children,
    .solution-item-children,
    .aboutus-item-children {
        padding-left: .3rem;
    }

    .product-list-header>li>a,
    .header-inlineMall-children>li>a,
    .solution-item-children>li>a,
    .aboutus-item-children>li>a {
        display: block;
        width: 100%;
        font-size: .15rem !important;
        padding: .1rem 0 !important;
        color: #333;
    }

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

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

    .swiper-pagination-bullet {
        width: .06rem !important;
        height: .06rem !important;
    }

    .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;
    }

    /* 关于我们 */
    #brief {
        padding-top: .69rem;
    }

    .brief {
        padding: 0 .12rem .3rem .12rem;
    }

    .map_honnor {
        padding-bottom: .3rem;
        overflow: hidden;
        width: 90%;
        margin: auto;
    }

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

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

    .brief p {
        font-size: 0.16rem !important;
    }

    .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;
    }

    .about_us h1 {
        text-align: center;
        font-size: .3rem !important;
        font-weight: 900;
        padding: .3rem 0 .2rem 0 !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: space-between;
        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;
    }

    .choose_app {
        margin-bottom: .34rem;
    }

    .choose_app h3 {
        font-size: .2rem;
        line-height: .3rem;
        font-weight: 600;
        padding: .12rem 0;
    }

    .choose_app p {
        font-size: .14rem;
        line-height: .3rem;
    }

    #wrapper_app {
        padding: .2rem 0;
    }

    .parts_wrap>.text_introduce {
        position: absolute;
        top: 6%;
        left: 0;
        width: 100%;
    }

    .Steering>.text_introduce {
        position: absolute;
        top: 6%;
        left: 0;
        width: 100%;
    }

    .Camera>.text_introduce {
        position: absolute;
        top: 6%;
        left: 0;
        width: 100%;
    }

    .soulvideo_wrap {
        display: none;
    }

    #AI_wrap {
        padding-top: .34rem;
    }

    #AI_wrap h1 {
        font-size: .3rem;
        font-weight: 700;
        text-align: center;
        padding-bottom: .2rem;
    }

    #AI_wrap p {
        font-size: .16rem;
        width: 92%;
        margin: 0 auto;
        line-height: .3rem;
        color: rgba(0, 0, 0, .65);
    }

    .title_swiper h1 {
        font-size: .3rem;
        text-align: center;
        padding: .2rem;
        font-weight: 600;
    }

    #wrapper_app>.title_swiper {
        padding-bottom: .2rem;
    }

    #wrapper_app ul {
        width: 80%;
        margin: 0 auto;
    }

    .title_swiper>p {
        font-size: .16rem;
        margin: 0 auto;
        line-height: .3rem;
        color: rgba(0, 0, 0, .65);
        width: 80%;
    }

    .text_introduce p {
        font-size: .16rem;
        color: #fff;
        width: 92%;
        margin: 0 auto;
        line-height: .26rem;
        text-align: center;
    }

    .text_introduce h1 {
        visibility: visible !important;
        font-size: .3rem;
        color: #fff;
        text-align: center;
        padding: .3rem;
        font-weight: 900;
    }

    .app_card {
        padding: 0 .2rem;
        margin-bottom: .3rem;
    }

    .app_card img {
        border-radius: .2rem;
    }

    .charcter_wrap {
        padding: .2rem .1rem;
    }

    .aiaxarm_logo {
        margin-top: .4rem;
        margin-bottom: .3rem;
    }

    .Characteristic {
        background-image: -webkit-gradient(linear, 0 0, 0 bottom, from(#171515), to(#0d0b0b));
    }

    .charcter_wrap img {
        padding: .2rem 0;
    }

    .charcter_wrap p {
        font-size: .15rem;
        font-weight: 900;
        color: #fff;
        width: 92%;
        margin: 0 auto;
        line-height: .3rem;
    }

    .chart {
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
        padding: .2rem 0;
    }

    .chart_item {
        display: flex;
        flex-direction: column;
        font-size: .14rem;
        flex-shrink: 0;
        width: 48%;
        text-align: center;
        color: #fff;
        margin-bottom: .2rem;
    }

    .chart_item img {
        align-self: center;
        width: .46rem;
        padding-bottom: .1rem;
    }

    .Camera {
        position: relative;
    }

    /*    ���Ŷ�̬�������*/
    .content_wrap {
        background: #f9f9f9;
    }

    .software {
        background: #f9f9f9;
        padding-bottom: .2rem;
        padding: .1rem;
    }

    .software h3 {
        margin-bottom: .3rem;
        padding-top: .1rem;
    }

    .aviation {
        padding-bottom: .3rem;
    }

    .Bracket {
        padding-bottom: .5rem;
    }

    .Bracket h3 {
        margin-bottom: .3rem;
        padding-top: .2rem;
    }

    .aviation h3 {
        padding-top: .14rem;
        margin-bottom: .3rem;
    }

    .plan_title {
        color: #000 !important;
    }

    .step {
        padding: .2rem .2rem;
    }

    .step h3 {
        margin-bottom: .3rem;
    }

    .aviation p,
    .software p,
    .Bracket p {
        font-size: 0.14rem;
        text-align: center;
        line-height: .3rem;
    }

    /* ���ҳ�����ʽ��д���� */
    /* ͷ���ĵ�������ʽ */
    .voice_text {
        position: absolute;
        top: 4%;
        left: 7%;
    }

    .rice_production {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        margin: auto;
        width: 100%;
        height: 36%;
    }

    .rice_production h3 {
        width: 100%;
        text-align: center;
        font-size: .3rem;
    }

    .rice_production p {
        width: 100%;
        text-align: center;
        font-size: .2rem;
    }

    .card_collectionindex {
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
        padding: .24rem .1rem;
    }

    .index_solutioinwrap {
        background: #f9f9f9;
    }

    .suit_introducetwo_rice p,
    .suit_introducetwo_rice a {
        visibility: visible !important;
        font-size: .12rem;
    }

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

    .suit_introducetwo_rice a {
        display: table;
        border: 1px solid #000;
        padding: 0 .06rem;
        border-radius: .1rem;
        margin-top: .1rem;
    }

    /* ��������ҳ����� */
    .rice_catanier {
        display: flex;
        justify-content: space-between;
    }

    .dialog,
    .dialog_two,
    .vide0_dialog {
        display: none !important;
    }

    #race {
        padding: 0 .24rem;
    }

    #race h1 {
        position: relative;
        font-size: .3rem;
        text-align: center;
        font-weight: 900;
        padding: .3rem 0 .2rem 0;
    }

    #rbce {
        padding: 0 .24rem;
        padding-bottom: 1rem;
    }

    #rbce img {
        border-radius: .2rem;
    }

    #rbce h1 {
        position: relative;
        font-size: .3rem;
        text-align: center;
        font-weight: 900;
        color: #333;
        visibility: visible !important;
        padding: .3rem 0 .2rem 0;
    }

    .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;
    }

    .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;
    }

    #rbce .voice_text h3 {
        font-size: .14rem !important;
        line-height: .2rem;
    }

    #rbce .voice_text p {
        font-size: .12rem !important;
        visibility: visible !important;
    }

    #race p {
        font-size: .16rem;
    }

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

    #race br {
        display: none;
    }

    /* ��Ѷ����ҳ�� */
    .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: .12rem !important;
        padding: .1rem 0 .2rem 0;
    }

    .card_collectionindex>.carditem_index:nth-child(n+3) {
        display: none;
    }

    .index_newswrap {
        padding: 0 !important;
    }

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

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

    #from_main {
        height: auto !important;
        padding: 0 .2rem;
    }

    #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;
    }

    /* ��Ƶ�������ʽ */
    .rice_catanier {
        background: #e8e8e8;
        padding: 0 .24rem;
    }

    .rice_catanier a {
        font-size: .17rem;
        padding: .06rem 0;
    }

    .intel_wrap {
        max-height: 2.1rem !important;
        height: auto;
    }

    .intel_wrap video {
        max-height: 2.1rem;
        width: 100%;
        object-fit: fill;
    }

    .video_item.sipderBoot {
        width: 100% !important;
        height: 100% !important;
    }

    .soul_video2 video {
        position: fixed;
        right: 0;
        left: 0;
        border: 0;
        margin: auto;
        width: 100%;
        outline: none;
        max-width: 50%;
        top: 50%;
        transform: translateY(-50%);
    }

    .soul_video video, .home_soul_video video, .home_soul_video iframe{
        position: fixed;
        top: 32%;
        right: 0;
        left: 0;
        border: 0;
        margin: auto;
        width: 86%;
    }
		.home_close_video{
				position: fixed;
		    top: 32%;
		    right: 0;
		    border: 0;
		    width: 86%;
		    width: 35px;
		}
    #intention {
        height: .3rem;
    }

    /* 改版之后的手机课程中心代码 */
    #app-learing {
        position: relative;
        margin-top: .69rem;
        background: #f4f4f4;
        padding-bottom: .1rem;
    }

    .course-app {
        position: absolute;
        left: .13rem;
        top: .13rem;
        display: flex;
        z-index: 99;
    }

    [data-icon="courseback"] {
        width: .26rem;
        height: 0.26rem;
        margin-right: .1rem;
    }

    [no="nobottom"] {
        margin-bottom: 0;
    }

    [no="nobottom"]>a {
        display: inline-block;
        color: #FFA44B;
        font-weight: 900;
        font-size: .14rem;
    }

    .mall {
        display: flex;
        justify-content: space-between;
        margin: auto;
        background: #fff;
        line-height: .4rem;
        border-radius: .06rem;
        padding: 0 .2rem;
    }

    [data-wrap="wrap"] {
        background: #f4f4f4;
        width: 90%;
        margin: auto;
    }

    [data-list="list"]>li>img {
        flex: 0 0 .22rem;
        height: .22rem;
        margin-right: .1rem;
        margin-top: 0.02rem;
    }

    [data-bottom="list"] {
        margin-top: .1rem;
    }

    [data-list="list"]>li>a {
        color: #000;
        line-height: .3rem;
        font-size: .18rem;
    }

    [title="app-course"] {
        margin-bottom: 0;
        font-size: .18rem;
        color: #fff;
        font-weight: 900;
    }

    [data-ios="ios"]>li>a {
        display: inline-block;
        font-size: .18rem;
        height: .3rem;
        color: #000;
    }

    [data-searchlist="listresult"] {
        display: flex;
        justify-content: space-between;
        box-sizing: border-box;
        flex-wrap: wrap;
        padding: 0 .1rem;
    }

    .product-desrc {
        position: absolute;
        top: .45rem;
        padding: 0 .2rem;
        color: #fff;
        font-size: .14rem;
        line-height: .24rem;
        font-weight: 600;
    }

    .central-navigation {
        position: relative !important;
    }

    .central-navigation-wrap {
        width: 100% !important;
        min-width: 100% !important;
        height: .5rem !important;
        padding: 0;
    }

    .expanding-image-item p {
        font-size: .16rem !important;
    }

    .central-navigation-name {
        display: none;
    }

    .central-navigationInformation-wrap {
        flex: 1;
        display: flex;
        justify-content: space-between;
    }

    .central-navigationInformation-wrap li {
        flex: 0 0 25%;
    }

    .central-navigationInformation-wrap li a {
        font-size: 12px !important;
        text-align: center;
        line-height: .5rem !important;
    }

    /* 改版之后的手机课程中心代码 */
    /* 改版之后产品中心之后的代码 */
    #learn {
        margin-top: .55rem;
        /*具体某一节课程点进去的main的样式*/
        padding-bottom: .4rem;
    }

    #courseVideo-app {
        position: relative;
        margin-top: 0.68rem;
        background: #f4f4f4;
        padding-bottom: .2rem;
    }

    [data-product="one"]>a {
        display: inline-block;
        color: #0F90EF;
    }

    [data-wrappropduct="wrapproduct"] {
        padding: 0 .5rem;
    }

    /* 改版之后产品中心之后的代码 */
    #logo {
        width: 46%;
    }

    #logo>a {
        height: .38rem;
    }

    .main_header_area {
        padding: 10px 0;
    }

    /* 课程教程页面代码 */
    #learning>.wrap {
        padding: 0.1rem .46rem !important;
        margin: 0rem !important;
        flex-wrap: wrap !important;
        background: rgba(138, 138, 124, 0.14);
    }

    .taobao,
    .Datasummary {
        font-size: .12rem;
        width: 1.1rem;
        height: .26rem;
        background: #72967c;
        text-align: center;
        border-radius: 4px;
        line-height: .26rem;
        padding: 0rem !important;
        min-width: 1.2rem !important;
    }

    .taobao,
    .Datasummary:nth-child(1) {
        margin-bottom: .1rem !important;
    }

    #app-learing .study-item {
        line-height: .2rem !important;
        padding: .1rem;
        background: #fff;
        border-radius: .06rem;
    }

    .item-list>ul>li {
        display: flex;
        font-size: .28rem !important;
        width: 100% !important;
        margin: 0rem !important;
    }

    .tonypi-transverse-left p {
        font-size: .15rem !important;
    }

    .study-item>.title {
        font-size: .2rem;
        color: #1c1c1c;
        font-weight: bolder;
        padding: .1rem 0rem;
        margin-bottom: 0 !important;
    }

    .skrollr-body p {
        text-align: center !important;
    }

    .uHandbit-icon-wrap li img {
        width: 38% !important;
    }

    .IE-wrap .skrollr-body-img-IE {
        padding: 0 .14rem;
    }

    .spiderboot-title-IE {
        margin-bottom: 0 !important;
    }

    .uHandbit-icon-wrap {
        justify-content: flex-start !important;
    }

    .uHandbit-icon-wrap li {
        flex: 1 !important;
    }

    .uHandbit-icon-wrap li:nth-child(3n) {
        margin-right: 0;
    }

    .tonypi-wrap .img-right {
        max-width: 80%;
        margin: auto;
    }

    .tonypi-wrap {
        display: flex;
        flex-direction: column;
        position: absolute;
        bottom: 0;
    }

    .tonypi-wrap .img-left {
        width: 40%;
        margin: 10px auto;
    }

    .tonypi_gear_zong {
        position: relative !important;
    }

    .item-list>ul>li {
        font-size: .12rem;
    }

    .product-sensor-imageExhibition {
        padding: 0 !important;
    }

    .second-tonypi-transverse-wrap .tonypi-transverse {
        display: flex;
        flex-direction: column-reverse;
    }

    .motion-inside-picture p {
        max-width: 100% !important;
    }

    .tonypi-transverse-wrap {
        padding: 0 .14rem .14rem .14rem;
    }

    .product-sensor .product-packaging p {
        text-align: center;
        padding-bottom: .14rem !important;
    }

    .clickvideo_wrap {
        max-width: 80%;
        margin: .2rem auto 0;
    }

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

    .close_video {
        display: none;
    }

    .tonypi-transverse-wrap .title-wrap h6 {
        font-size: .2rem !important;
        padding: .14rem 0;
        font-weight: bold;
        color: #000;
        opacity: 1;
        text-align: center;
    }

    .tonypi-transverse-wrap .title-wrap h6:last-child {
        display: none;
    }

    .tonypi-transverse-left p {
        font-size: 16px;
        font-weight: 400;
        color: #000;
        text-align: center;
        padding-bottom: .14rem;
    }

    .contain-fulid-first {
        background: #fff !important;
        overflow: hidden !important;
    }

    .fullscreen {
        position: absolute;
        top: 0.15rem;
        left: 0.04rem;
        font-size: 12rem;
        color: #4b4545;
    }

    .item-list-wrap-app li a {
        font-size: .18rem;
        padding: .08rem 0;
    }

    #learning .item-list ul {
        padding-top: 0rem !important;
    }

    #learning .item-list ul li a {
        line-height: .3rem !important;
    }

    /* 课程教程页面代码 */
    #card_detail {
        position: relative;
        overflow: hidden;
        padding-top: .68rem !important;
    }

    .card_detail {
        padding: 0 .1rem .2rem .1rem;
    }

    .card_detail h3 {
        font-size: .16rem;
        font-weight: 900;
        text-align: center;
        padding: .13rem 0;
    }

    .eye_clock {
        position: relative;
        display: flex;
        justify-content: space-between;
    }

    .eye_clock::after {
        position: absolute;
        bottom: -10%;
        left: 0;
        display: block;
        content: '';
        border-bottom: 1px solid #cacaca;
        width: 100%;
    }

    .content_card img {
        width: 100% !important;
        height: 100% !important;
        margin: auto;
    }

    .content_card {
        padding-top: .3rem;
        font-size: .16rem;
    }

    .content_card p {
        font-size: .16rem !important;
    }

    /* 登录注册手机样式 */
    #login {
        overflow: auto !important;
        padding: .69em .14rem .2rem .14rem !important;
        margin-top: .9rem;
    }

    .sign-wrap {
        width: 100% !important;
    }

    #login .sign-background {
        width: 100% !important;
        padding-top: 0 !important;
    }

    #login .sign-box {
        background-color: #efecec;
        border: #e7edf5 solid 1px;
        color: #7f7a72;
        box-sizing: border-box;
        box-shadow: 0 0 1px #808080;
        padding: 0 .3rem .3rem;
    }

    #login .login-head {
        font-size: .22rem !important;
        padding-top: .14rem !important;
        text-align: center;
        color: #7b7772;
        font-weight: 600;
    }

    .form-group {
        display: flex;
        flex-direction: column;
    }

    .form-group label {
        font-size: .18rem;
        padding: .12rem 0;
    }

    .form-group input {
        font-size: .18rem;
        padding: .1rem 0 .08rem .16rem !important;
        display: block;
        width: 100%;
        color: #495057;
        background-color: #fff;
        background-clip: padding-box;
        border: 1px solid #ced4da;
        border-radius: .25rem;
        transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    }

    .news-detail-icon span {
        font-size: .15rem !important;
    }

    .form-check {
        display: none;
    }

    #login .login-btn {
        width: 100%;
        margin-top: .1rem;
        background-color: #f49f4c;
        color: #FFF;
        box-shadow: 0rem 0rem .06rem #f49f4c !important;
        border: magenta;
        font-size: .2rem;
        padding: .1rem;
        border-radius: .3rem;
    }

    .wrap-course {
        min-height: 3rem;
    }

    .wrap-course img {
        min-height: 3rem;
    }

    #login .login-warning {
        display: flex;
        justify-content: flex-start;
        width: 96% !important;
        padding: .24rem 0.26rem !important;
        margin: auto;
    }

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

    #login .login-tab {
        height: 44px;
        width: 100%;
        display: flex;
        margin-bottom: 40px;
    }

    #login .login-tab div {
        display: flex;
        height: 60px;
        width: 100%;
        justify-content: center;
        align-items: center;
        background-color: #f5f5f5;
        font-size: .2rem;
    }

    #login .on {
        background-color: #f49f4c !important;
        color: #fff;
    }

    .animation {
        animation: tabAnimation .3s linear;
    }

    @keyframes tabAnimation {
        from {
            transform: scale(1.1);
        }

        to {
            transform: scale(1);
        }
    }

    #login .getCode {
        padding: 6px 0px !important;
        color: #fff;
        position: absolute;
        top: 0;
        right: 0;
        cursor: pointer;
        width: 80px;
        background-color: #f49f4c;
        text-align: center;
        border-radius: 4px;
        font-size: .14rem;
        line-height: 16px;
        border: 0;
        height: 100%;
    }

    .login-box {
        background-color: #efecec;
    }

    .sign-box,
    .tab-list {
        padding: 0 .2rem !important;
    }

    .color-waring>a {
        color: #007bff !important;
    }

    #search {
        background-color: #F6F8F7;
        padding: .69rem 0rem .1rem 0rem;
    }

    .searchwrap {
        padding-top: 0.2rem;
        background: #fff;
    }

    .results {
        font-size: .16rem;
        color: #101010;
        font-family: Cabin, sans-serif;
        padding-left: 0.3rem;
        line-height: .54rem;
        margin-bottom: 0 !important;
        font-weight: 800;
    }

    [data-noresults="no"] {
        font-size: .14rem;
        color: #101010;
        font-family: Cabin, sans-serif;
        text-align: center;
        margin-bottom: 0 !important;
    }

    [data-love="love"] {
        font-size: .14rem;
        color: #101010;
        font-family: Cabin, sans-serif;
        text-align: center;
        margin-bottom: 0 !important;
        line-height: .2rem;
    }

    [data-love="love"]::before {
        content: "";
        width: 30%;
        border: 1px #FFE6C1 solid;
        display: inline-block;
        transform: translate(-.1rem, -.03rem);
    }

    [data-love="love"]::after {
        content: "";
        width: 30%;
        border: 1px #FFE6C1 solid;
        display: inline-block;
        transform: translate(.1rem, -.03rem);
    }

    .wrapsearch {
        margin-top: .2rem;
    }

    .wrapsearch>ul {
        display: none;
        justify-content: space-between;
        box-sizing: border-box;
        flex-wrap: wrap;
        padding: 0 .1rem;
    }

    .searchitem {
        margin-bottom: .2rem;
        box-shadow: 0px 0px 2px rgba(170, 170, 170, 1);
        flex-shrink: 0;
        width: 1.7rem;
        border-radius: 0.05rem;
        height: 2.6rem;
        padding: .2rem 0;
    }

    [data-search="searchresults"],
    [data-exict="exit"] {
        width: 48%;
    }

    .searchitem>a {
        display: inline-block;
        color: #000;
        text-align: center;
        width: 100%;
    }

    .searchimg {
        max-width: 100%;
        border-top-right-radius: .1rem;
        border-top-left-radius: .1rem;
    }

    .searchimg {
        max-width: 100%;
        max-width: 100%;
        height: auto;
        width: auto;
        border-top-right-radius: .1rem;
        border-top-left-radius: .1rem;
    }

    .searchitem>a>.searchname {
        font-family: Cabin, sans-serif;
        font-size: 0.13rem;
        font-weight: 700;
        font-stretch: normal;
        letter-spacing: 0rem;
        color: #000;
        text-align: center;
        margin-bottom: 0 !important;
        margin-top: .1rem;
    }

    .app_ricetel>.btn_textwrap>svg {
        width: .2rem !important;
        height: .2rem !important;
    }

    .lobot-content>.containerVideo p:empty {
        height: 0 !important;
    }

    #learn {
        padding-top: .68rem;
    }

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

    .play-count,
    .upload-time {
        font-size: .16rem;
        color: #333;
    }

    .containerVideo {
        padding: .2rem .1rem;
    }

    .layui-layer-btn a {
        font-size: .16rem !important;
    }

    .guangxi_wrap {
        margin-bottom: .4rem;
    }

    .app_swiper img {
        width: 100% !important;
    }
}

@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;
    }

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

    .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: 0.20rem !important;
    }

    .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;
    }
}

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

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

.second_tit {
    margin-bottom: 10px;
    font-size: 20px;
}

.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;
}