/*
2020-10-20
畅想谷手机端 css文件 自适应媒体查询
*/

@media screen and (max-width: 750px) {
        .zw{display: none}
    .banner-content{
        width: 7.5rem;
        min-width: 7.5rem;
        position: relative;
        max-width: 7.5rem;
        margin: 0 auto;
        height: 4.78rem!important;
    }
    .cxg-content{
        width: 7.5rem;
    }
    .athight{
        height: 4.8rem!important;
    }
    .jucimg img{
        left: 50%;
        width: 10.2rem!important;
        margin-left: -5rem;
    }
    .bnr-p1{
        font-size: 0.4rem;
        line-height: 0.72rem;
        margin-top: 1.2rem;
        margin-left: 0.4rem;
    }
    .bnr-p2{
        font-size: 0.28rem;
        line-height:  0.72rem;
        margin-left: 0.4rem;
    }
    .bdc-item .bdci-top{
        font-size: 0.36rem;
        line-height: 0.36rem;
        background: url(../img/cxtub.png) no-repeat center;
        margin-top: 0.80rem;
        background-size: 3.8rem;
    }
    .bdci-cont{
        margin-top: 0.72rem;
        padding-bottom: 0.20rem;
    }
    .bdc-item{
        padding:0 0.3rem;
        margin-top: 0.6rem!important;
    }
    .bdc-item .navac {
        width: 2.16rem;
        background: #FFFFFF;
        border: 1px solid #E5E9EC;
        border-radius: 6px;
        float: left;
        margin-right: 0.21rem;
        height: 4rem;
        margin-bottom: 0.21rem;
    }
    .navac:nth-child(3n){
        margin-right: 0;
    }
    .bdci-ap1 img{
        width: 0.9rem;
    }
    .bdci-cont .bdci-ap1{
        margin-top: 0.26rem;
    }
    .bdci-cont .bdci-ap2{
        font-size: 0.28rem;
        margin-top: 0.20rem;
        margin-bottom: 0.10rem;
    }
    .bdci-cont .bdci-ap3{
        width: auto!important;
        font-size: 0.24rem;
        padding: 0.14rem;
        line-height: 0.36rem;
    }
    .bdci-cont .bdci-ap4 {
        font-size: 0.12rem;
        bottom: 0.15rem;
    }
    .bdci-ct2>div{
        float: none;
        width: 100%;
        margin-top: 0.40rem!important;
        overflow: hidden;
    }
    .bdci-ct2 .bdci-cl img{
        width: 100%!important;
    }
    .bdci-cr .cr-p1 {
        width: 4.3rem;
        font-size: 0.32rem;
        line-height: 0.50rem;
        margin-left: 0;
        margin-bottom: 0;
        white-space: nowrap;
        margin-top: 0.2rem!important;
    }
    .bdci-cr .cr-p2 {
        font-size: .26rem;
        line-height: .44rem;
        margin-left: 0;
        width: 100%;
        margin-top: 0.2em;
    }
    .bdci-cr .cr-p2 br+br{
        display: none;
    }
    .inmobile{
        display: block!important;
    }
    .inpc{
        display: none!important;
    }
    .bdci-ct2:nth-child(odd) img{
        margin-left: 0;
    }
    .bdci-ct2 .bdci-cl img.m_img1{
        width: 4.5rem!important;
        float: none;
        display: block;
        margin: 0.3rem auto 0;
    }
    .bdci-ct2 .bdci-cl img.m_img2{
        width: 4.8rem!important;
        float: none;
        display: block;
        margin: 0.3rem auto 0;
    }

    .bdci-cont .bdci-gnl {
        float: none;
        width:100%;
        margin-left: 0;
        overflow: hidden
    }
    .bdci-gnl .bdcinvitem {
        display: flex;
        width: 50%;
        height: 1.08rem;
        flex-wrap: wrap;
        margin-top: 0.1rem;
        float: left;
    }
    .bdci-gnl .bdcinvitem.hover {
        border-radius: 2px;
    }
    .bdcinvitem .nvitl {
        font-size: 0.38rem;
        transform: none;
        margin-left: 0.30rem;
    }
    .bdcinvitem .nvitc {
        font-size: 0.3rem;
        color: #9196AC;
        line-height: .26rem;
        margin-left: .3rem;
        width: 1.85rem;
    }
    .nvitc .tcp1{
        font-size: 0.3rem;
    }
    .bdcinvitem .nvitr {
        width: 0.3rem;
        height: 0.3rem;
        border-radius: 50%;
        line-height: 0.3rem;
        color: #BEC0CC;
        font-size: 0.2rem;
        font-weight: bold;
        margin-left: 0.1rem;
    }
    .bdci-cont .bdci-gnr {
        float: none;
        margin-left: 0;
        width: 100%;
    }
    .bdci-gnr .gnr-p1 {
        font-size: 0.32rem;
        margin-bottom: .20rem;
        margin-top: 0.4rem;
    }
    .bdci-gnr .gnr-p2 img{
        display: block;
        margin-top: 0.3rem;
    }
    .bdci-gnr .gnr-p3 {
        font-size: 0.26rem;
        font-weight: 500;
        line-height: 0.48rem;
    }
    .bdci-gnr .gnr-p4 {
    }
    .bdci-gnr .gnr-p4 img{
        margin: 0.2rem auto 0!important;
        width: 6.4rem;
        height: auto;
    }
    .cxg-pagebottom{
        display: none;
    }

    /*资源展示*/
    .m_ztbox{
        overflow: hidden;
    }
    .m_ztbox p.tit{
        font-size: 0.30rem;
        font-weight: bold;
        color: #707E8C;
        line-height: 0.36rem;
        margin-top: 0.3rem;
        border-left: 3px solid #0a6cd6;
        padding-left: 0.2rem;
    }
    .m_ztbox .m_ztul{
        margin-top: 0.3rem;
        overflow: hidden;
    }
    .m_ztbox .m_ztul .sip1 img{
        margin: 0 auto;
        height: 2.2rem;
    }
    .spr-showitem .sip2{
        height: 0.4rem;
        font-size: 0.28rem;
        line-height: 0.4rem;
        margin: 0.2rem 0;
    }
    .spr-showitem .sip3 {
        font-size: 0.22rem;
        color: #999999;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
    .m_ztbox .m_ztul .swiper-slide{
        width: 50%;
        box-sizing: border-box;
        float: left;
        margin-top: 0.4rem;
    }
    /*底部*/
    .m_footer{
        width: 7.5rem;
        background: #2B2D3E;
        padding-bottom: 0.4rem;
    }
    .m_footer .m_ptab{
        text-align: center;
        color: #FFFFFF;
        font-size: 0.26rem;
        padding-top: 0.4rem;
        margin-bottom: 0.3rem;
    }
    .m_footer .m_line{
        width: 6.5rem;
        margin: 0 auto;
        border: 1px dashed #ffffff;
        opacity: 0.6;
    }
    .m_footer .m_ptab a{
        font-size: 0.26rem;
        font-weight: 500;
        color: #FFFFFF;
        line-height: 0.22rem;
        text-align: center;
    }
    .m_footer .m_bqsy p{
        font-size: 0.22rem;
        color: #9E9E9E;
        line-height: 0.36rem;
        text-align: center;
        width: 6rem;
        margin: 0 auto;
    }
    .ltma{
        text-align: center;
        margin-top: 0.4em;
        margin-bottom: 0.4rem;
    }
    .ltma img{
        width: 1.68rem;
        margin-bottom: 0.2rem;
    }
    .ltma p{
        color: #888888;
        font-size: 0.22rem;
    }
    /**************底部结束*******************/

    /*各个端介绍页面*/
    .banner-content>img {
        position: relative;
        left: 0;
        display: block;
        height: 100%;
        margin-left: 0;
    }
    .scrool_yw {
        position: absolute;
        left: 0;
        margin-left: 0!important;
        top: 1.6rem!important;
        z-index: 1;
        width: 100%!important;
    }
    .scrool_yw p {
        width: 100%!important;
        font-size: 0.42rem;
        line-height: 0.72rem;
        text-align: center;
    }
    .scrool_yw .ywline {
        width: .60rem;
        height: 2px;
        background: #FFFFFF;
        border-radius: 1px;
        margin: .40rem auto;
    }
    .scrool_gp .bdci-cl img{
        margin: 0 auto!important;
        display: block;
    }
    .scrool_gp .bdci-ct2>div>p:nth-child(1){
        margin-bottom: 0.2rem;
        width: auto;
    }
    .scrool_gp .scl_O {
        height: 0.50rem;
        background: rgba(43, 103, 253, 0.11);
        width: 0.70rem;
        border-radius: 50rem;
        display: inline-block;
        margin-left: 0rem;
        margin-bottom: 0;
        font-size: .30rem;
        line-height: .50rem;
        color: #2B67FD;
        text-align: center;
    }
    .scrool_gp .bdci-cr .cr-p1 {
        width: auto;
        margin-bottom: 10px;
        margin-top: 0.05rem!important;
    }
    .scrool_gp .bdci-ct2:nth-child(even) .bdci-cr {
        padding-left: 0;
        box-sizing: border-box;
        /*padding-top: 0.3rem!important;*/
    }
    .scrool_gp .bdci-cr .cr-p2 {
        line-height: 0.45rem;
    }
    .scrool_gp .bdci-ct2:nth-child(even) .cr-p1 {
        margin-right: 0!important;
    }
    .scrool_gp .bdci-ct2:nth-child(even) .scl_O {
        /* float: right; */
        /* margin-right: 100px; */
        margin-right: 0!important;
    }
    .scrool_gp{
        margin-bottom: 0.5rem!important;
    }
    .scrool_gp .bdci-ct2>div.bdci-cr{
        padding-top: 0!important;
        overflow: hidden;
    }
    .bdci-ct2{
        flex-wrap: wrap;
        margin-top: 0.6rem;
        padding-bottom: 0!important;
    }
    .scrool_yw p.appp1 {
        font-size: 0.2rem;
        opacity: 0.8;
        width: 486px;
        line-height: 0.4rem;
        box-sizing: border-box;
        padding: 0 0.3rem 0.1rem;
        margin-bottom: 0;
    }
    .m_app{
        top: 0.35rem!important;
    }
    .m_app .ywline{
        margin: 0.2rem auto!important;
    }
    .myapp{
        margin:  0 auto;
        text-align: center!important;
        width: 3.45rem;
    }
    .myapp>div {
        float: left;
        font-size: 0.18rem;
        margin-right: 0.3rem;
    }
    .myapp>div:nth-child(2) {
        margin-right: 0;
    }
    .myapp>div img{
        display: block;
        width: 1.50rem;
    }
    .myapp>div p {
        float: left;
        font-size: 0.2rem;
        width: 1.50rem;
        border-radius: 50px;
        height: .50rem;
        line-height: .50rem;
        margin-top: .10rem;
    }
    .cr-papp {
        font-size: 0.22rem;
        line-height: 0.32rem;
        margin-left: 0;
        clear: both;
    }
    .scl_1 {
        font-size: 0.34rem;
        line-height: 0.50rem;
        margin: 0 0.2rem;
        font-weight: normal;
    }
    .scrool_gp .bdci-cl.m_appimg>img{
        width: 3.6rem!important;
    }
    .m_about img{
        margin-left: -3rem;
    }
    .bdci-top2{
        font-size: 0.36rem;
    }
    .bdci-tp2 {
        font-size: 0.28rem;
        line-height: 0.44rem;
        margin-top: 0.3rem;
        text-align: justify;
    }
    .m_abtimg1 img{
        width: 100%;
    }
    .bdc-item .abt-jianjie {
        width: 6.5rem;
        background: #FFFFFF;
        box-shadow: 0 3px 21px rgba(0, 0, 0, 0.07);
        margin: 0 auto;
        border-radius: .2rem;
        padding: 0.30rem;
        box-sizing: border-box;
        font-size: 0.26rem;
        line-height: .44rem;
        color: #666666;
        margin-top: -1.55rem;
        position: relative;
        z-index: 1;
        text-align: justify;
    }
    .abt-jianjie .abtjjp1 {
        font-size: 0.34rem;
        line-height: 0.55rem;
        color: #2B67FD;
    }
    .abtjjp1 .s1 {
        opacity: 0.8;
    }
    .abtjjp1 .s2 {
        font-size: 0.24rem;
    }
    .bdci-ct3{
        margin-top: 1rem;
    }
    .bdci-ct3 .abt-yuanjing {
        padding: 0;
    }
    .bdci-ct3 .abt-yuanjing img {
        width: 1rem;
    }
    .abt-yuanjing .abtp1 {
        font-size: 0.26rem;
        line-height: 0.55rem;
    }
    .abt-yuanjing .abtp2 {
        font-size: 0.24rem;
        line-height: 0.36rem;
        opacity: 0.8;
    }

    .login_grp>img {
        position: relative;
        left: 0;
        margin-left: -9.6rem;
        display: block;
    }
    .login_grp{
        width: 7.5rem;
        min-width: 7.5rem;
    }
    .contactus {
        position: absolute;
        top: 0;
        width: 7.5rem;
        margin-left:0;
        left: 0;
    }
    .contactus .cusp1 {
        text-align: center;
        margin-top: 1.20rem;
        margin-bottom: 0.60rem;
    }
    .contactus .cusp1 img {
        vertical-align: middle;
        margin-top: 2px;
        width: 1.2rem;
    }
    .contactus .cusp1 span {
        font-size: 0.5rem;
        line-height: 0.40rem;
        margin: 0 0.40rem;
    }
    .cusct .cusctleft {
        width: auto;
        margin: 0.3rem;
    }
    .cusctleft .cusctl-item {
        width: 3.35rem;
        border: 1px solid #E7EAF0;
        border-radius: 0.15rem;
        padding: 0.30rem 0.15rem;
        margin-bottom: 0.20rem;
        float: left;
        box-sizing: border-box;
        margin-right: 0.2rem;
        padding-right: 0;
    }
    .cusctleft .cusctl-item:nth-child(2) {
        width: 3.3rem;
        margin-right: 0;
    }
    .cusctleft .cusctl-item:nth-child(3) {
        width: 6.85rem;
    }
    .cusctl-item>div:nth-child(1) {
        margin-right: 0.1rem;
        line-height: 0.5rem
    }
    .cusctleft .cusctl-item img{
        width: 0.55rem;
    }
    .cusctl-item>div:nth-child(2) {
        width: 1.8rem;
    }
    .cusctl-item .cusip1 {
        margin-top: 0.10rem!important;
        margin-bottom: 0.05rem;
        font-size: 0.22rem;
    }
    .cusctl-item .cusip2 {
        font-size: 0.2rem;
        line-height: 0.32rem;
    }
    .cusctl-item:nth-child(3)>div:nth-child(2) {
        width: 5.8rem;
    }
    .cusct .cusctright {
        width: 6.9rem;
        background: #ffffff;
        border-radius: 0.1rem;
        overflow: hidden;
        margin: 0 0.3rem;
    }
    .cusct .cusctright img{
        margin: 0 auto;
        display: block;
        height: auto!important;
    }
    .ctusimg{
        height: 13rem;
    }
    .abtop{
        position: absolute;
        width: 7.5rem;
        left: 0.5rem;
        top: 1rem;
        z-index: 1;
        margin-left: 0;
    }
    .abtop .abp1 {
        font-size: 0.4rem;
        margin-bottom: 0.3rem;
    }
    .abtop .abp2 {
        font-size: 0.28rem!important;
        line-height: 0.5rem;
    }
    .abtop .abp2:nth-child(3) {
        font-size: 0.24rem!important;
    }
    .m_licheng{
        margin-bottom: 1rem;
    }
    .m_licheng .m_abtitem{
        overflow: hidden;
    }
    .m_licheng .m_abtitem>div{
        float: left;
        width: 50%;
    }
    .m_licheng .m_abtitem .m_lcp1{
        width: 2.20rem;
        height: .25rem;
        font-size: .26rem;
        font-weight: bold;
        color: #292C33;
        line-height: .44rem;
    }
    .m_licheng{
        overflow: hidden;
    }
    .bdci-ct3 .abtfztop{
        border: none;
        border-right: dashed #999999 2px;
        box-sizing: border-box;
    }
    .abtfz .dian {
        position: absolute;
        width: .13rem;
        height: .13rem;
        bottom: auto;
        right: -0.09rem;
        top: 0.1rem;
    }
    .m_licheng .swiper-slide>div{
        width: 50%;
        float: left;
        box-sizing: border-box;
        padding-left: 0.25rem;
        padding-right: 0.25rem;
    }
    .bdci-ct3 .abtfzbtm{
        height: 1.8rem;
        padding-top: 0;
     }
    .abtfz button {
        font-size: 0.24rem;
        width: 1.10rem;
        border: none;
        height: 0.44rem;
        line-height: 0.44rem;
        margin-top: 0;
        float: right;
        margin-right: 0.1rem;
    }
    .bdci-ct3 .abtfztop{
        height: 1.8rem;
    }
    .abtfz .fzpimg {
        font-size: 0.3rem;
        font-weight: bold;
        color: #2B67FD;
    }
    .abtfz .fzpimg img{
        width: 0.2rem;
    }
    .abtfz .fzp2 {
        font-size: 0.26rem;
        line-height: 0.36rem;
        margin-top: 0.15rem;
    }
    .m_btm{
        margin-bottom: 0!important;
    }
    /*头部*/
    .m_top{
        height: 0.8rem;
    }
    .m_topheader{
        position: fixed;
        top: 0;
        z-index: 99;
        width: 7.5rem;
        background: #ffffff;
    }
    .m_topheader .m_topimg1{
        height: 0.8rem;
        margin: 0.2rem;
        display: block;
    }
    .m_topheader .m_topimg1{
        height: 0.6rem;
        margin: 0.1rem 0.2rem;
        display: block;
        float: left;
    }
    .m_topheader .m_topimg2{
        height: 0.3rem;
        float: right;
        display: block;
        margin-top: 0.28rem;
        margin-right: 0.3rem;
    }
    .m_topheader .m_menu{
        width: 2.7rem;
        border-radius: 2px;
        position: absolute;
        right: 0.25rem;
        z-index: -1;
        background: #ffffff;
        box-shadow: 0 2px 8px rgba(0,0,0,0.16);
        top: 0.8rem;
        -webkit-transform:translateY(-500px);
        -moz-transform:translateY(-500px);
        -ms-transform:translateY(-500px);
        -o-transform:translateY(-500px);
        transform: translateY(-500px);
        transition: all 0.5s;
    }
    .m_menu.show{
        display: block;
        transform: translateY(0);
    }
    .m_menu .m_menuitem{
        height: 0.8rem;
        line-height: 0.8rem;
        text-align: center;
        color: #333333;
        font-size: 0.30rem;
        display: block;
    }
    .m_menu .m_menuitem.active{
        color: #2B67FD;
    }

    /*m申请试用*/
    .probation .prop1{
        font-size: 0.4rem;
        text-align: center;
        margin-bottom: 0.3rem;
    }
    .probation .prop1 img{
        height: 0.2rem;
        margin: 0 0.2rem;
        display: inline-block!important;
    }
    .probation .prop2{
        font-size: 0.30rem;
        text-align: center;
    }
    .probation .prop3{
        font-size: 0.26rem!important;
        margin-bottom: 0.5rem;
        padding:0 0.3rem;
        text-align: left;
    }
    .probation{
        width: 7.5rem;
        margin-left: -3.75rem;
        top:0.8rem;
    }
    .proform{
        margin: 0.3rem;
        padding: 0.3rem;
    }
    .proform .posiimg{
        width: 3.7rem;
        top: -0.5rem;
    }
    .proform .pf1{
        font-size: 0.3rem;
    }
    .proform .pf2{
        font-size: 0.24rem;
    }
    .proform .pf3 span{
        width: 1.2rem;
        font-size: 0.22rem;
        line-height: 0.56rem;
        margin-right: 0;
    }
    .proform .pf4 input{
        height: 0.8rem;
        display: block;
        margin-top: 0.3rem;
        background: #EEEEEE;
        text-indent: 0.2rem;
        border-radius: 2px;
        font-size: 0.24rem;
    }
    .proform .pf4 textarea{
        height: 1.2rem;
        display: block;
        margin-top: 0.22rem;
        background: #EEEEEE;
        text-indent: 0.2rem;
        padding: 0;
        padding-top: 0.2rem;
        border-radius: 2px;
        font-size: 0.24rem;
    }
    .proform .pf5 button{
        height: 0.8rem;
        display: block;
        margin-bottom: 0.3rem;
    }
    
    .ywc-item{
        width: 100%;
    }
    .ywc-item >div{
        width: 100%!important;
        box-sizing: border-box;
        padding-left: 0!important;
        padding: 0.32rem;
    }
    .zy_yw .yw-item{
        font-size: 0.24rem;
        height: 0.6rem;
    }
    .yw-item i{
        display: none;
    }
    .zy_yw .yw-item span{
        margin-left: 0;
    }

    .yw-p1 {
        width: 100%;
        font-size: 0.36rem;
        line-height: 0.48rem;
        margin-bottom: 0.16rem;
        margin-top: 0.6rem;
    }
    .yw_cont{
        margin-top: 0rem;
    }
    .ywc-item >div:nth-child(2){
        margin-top: 0!important;
    }

    .yw_sum {
        margin-top: 0.36rem;
        margin-bottom: 0.44rem;
    }
    .yw_sum >div {
        margin-right: 0.60rem;
    }

    .zy_yw {
        margin-top: 0.54rem;
    }

    .yw-p3 {
        flex-wrap: wrap;
        font-size: 0.28rem;
    }

    .ptjs {
        width: 6.86rem;
        margin: 0 auto;
        margin-top: 0.88rem;
    }
    .ptjs .bdci-cr {
        width: 100%;
        box-sizing: border-box;
        height: auto;
        padding: 0.32rem;
        position: relative;
        z-index: 1;
    }

    .ptjs .bdci-cl {
        float: left;
        margin-left: 0px;
        width: 100%;
        margin-top: -0.4rem;
    }
    .ptjs .bdci-cl img{
        width: 100%!important;
    }
    .yw_sum p:nth-child(1){
        font-size: 0.42rem;
        line-height: 0.42rem;
    }
    .look_more {
        line-height: 0.5rem;
        background: #ff9b44;
        border-radius: 21px;
        font-size: 0.28rem;
        color: #ffffff;
        vertical-align: bottom;
        display: block;
        padding: 0;
        width: 1.6rem;text-align: center;
    }
    /*2025官网2.0*/
    .banner-texts p {
        font-size: 14px;
        width: auto !important;
        margin: 0 0.24rem;
        line-height: 20px;
    }
    .banner-texts p.pb1{
        margin-top: 0.24rem!important;
    }
    .banner-texts p.pb1 .btn{
        width: auto;
        height: 0.44rem;
        line-height: 0.44rem;
        font-size: 0.24rem;
        padding: 3px 0.24rem;
        border-radius: 4px;
    }
    .banner-texts p.pb1 .btn.primary{
        line-height: 0.44rem;
        box-sizing: inherit;
    }
    .banner-texts p.pb1 .btn+.btn{
        margin-left: 0.2rem!important;
    }
}