.div_scroll{
    overflow-y: scroll;
    position: fixed;
    top: 107px;
    left: 0;
    right: 0;
    bottom: 0;
    /* overflow: auto; */
    background: #fff;
}
.phone_block{
    display:none;
}
.pc_block {
    display:block;
}
/*移动端样式*/
@media (max-width: 460px) {
    .phone_block {
        display: block;
    }

    .pc_block {
        display: none;
    }
}
@media (max-width: 768px) {
    .phone_block{
        display:block;
    }
    .pc_block {
        display:none;
    }
    .container .btn-group a.btn2.pc_block {
        display:none;
    }


    /*api中心*/
    .accordion {
        z-index: 16;
        background: #fff;
        box-shadow:unset;
    }
    .accordion li i.fa-down-icon {
        width: 26px;
        height: 26px;
    }
    .head_li{
        padding: 10px 16px 10px 24px;
        z-index: 10;
        background: #EEF2F6;
        width: 100%;
    }
    .head_link{
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: center;
    }
    .head_link .link_span{
        text-align: left;
        margin-left: 5%;
        font-size: 20px;
    }

    /*常见问题*/
    .api_centerP .container {
        display: none;
    }
    .api_centerP .title {
        display: none;
    }
    .problemC.zuoyou .zuo {
        display: none;
    }

    .submenu {
        display: block;
    }
    .phone_submenu{
        /* display: block; */
        display: none;
        position: absolute;
        z-index: 10;
        background: #fff;
        width: 100%;
        overflow: auto;
        right: 0;
        left: 0;
        bottom: 0;
    }
    .submenu_li_left {
        float: left;
        width: 48%;
        margin-bottom: 4%;
    }
    .submenu_li_right {
        float: right;
        width: 48%;
    }
    .phone_submenu .m_link {
        cursor: pointer;
        display: flex;
        align-items: center;
        color: #333;
        font-size: 16px;
        font-weight: 700;
        line-height: 1.5;
        position: relative;
        -webkit-transition: all 0.4s ease;
        -o-transition: all 0.4s ease;
        transition: all 0.4s ease;
        width: 100%;
        padding: unset;
    }
    .phone_submenu .m_link span{
        font-weight: 700;
    }
    element.style {
    }
    .phone_submenu li{
        padding: 8px 0;
    }
    .phone_submenu li .sub-link {
    padding-left: 3%;
    color: #64656B;
    line-height: 20px;
}
    .accordion .sub-link {
        background-color: #fff;
        padding: unset;
    }
    .div_scroll{
        padding: 2% 4%;
    }
    #root .api_center>.api_centerP>.apiCenterB #root-component {
        margin-top: 24px;
        margin-left: 0;
        padding: 0 24px;
    }
    #root .api_center>.api_centerP {
        padding: 0 !important;
    }
    .submenu li.active {
        color: #76a1d1;
        background-color: #ECF2F8;
    }

    /*人工坐席*/
    .call-center .block-item .des .h3 {
        line-height: 24px;
        margin-bottom: 8px;
    }
    .call-center .advantage-inner .advant-item .h3 {
        margin-bottom: 10px;
    }
    .call-center .block-item .des .p {
        margin-bottom: 18px;
    }
    .call-center .block-item .icon {
        margin: 18px auto;
    }
    .container .banner-inner .banner-item .left {
        width: 88%;
    }



    /*语音短信*/
    /* top banner */
    .container .left-des .h2, .container .left h2 {
        /*font-size: 1.8rem;*/
        font-weight: 530;
        width: 87%;
    }
    .container .left .p1 {
        display: none;
    }
    .container .left .p2 {
        font-size: 1rem;
        margin-top: 0;
    }
    .container .btn-group {
        margin: 8% auto 4%;
    }
    .container.notice-sms .veri-block-inner {
        padding: 14% 3% 2%;
        width: 96%;
        margin: 0 2%;
    }

    /* voice code */
    .veri-block-inner .h4 {
        text-align: left;
        padding: 4% 2%;
        margin-bottom: 9%;
        font-size: 1.1rem;
        line-height: 1.8rem;
    }
    .notice-sms .block-item .des .p {
        margin-top: 0;
        font-size: 1rem;
        line-height: 1.4rem;
    }
    .block-item-title .h3_title {
        font-weight: 400;
        font-size: 1.2rem;
    }
    .block-item-title {
        display: flex;
        flex-direction: row;
        align-items: center;
    }
    .notice-sms .block-item {
        padding: 2% 3% 4% 5%;
        margin: 5% auto;
    }
    .notice-sms .block-item .icon {
        flex: 0 0 70%;
        min-width: auto;
    }
    .notice-sms .block-item .icon img {
        max-height: none;
        margin-bottom: 3%;
        width: 100%;
    }
    .notice-sms .veri-block {
        padding-bottom: 0;
    }

    /* advantage */
    .notice-sms .experience-inner .h2 {
        padding-top: 8%;
        font-size: 1.7rem;
        margin-bottom: 4%;
    }
    .notice-sms .experience-wrap {
        background: #f4f9fd;
    }
    .experience-list {
        margin: 0 auto;
        width: 100%;
    }
    .experience-list .icon {
        flex: 0 0 40%;
        min-width: auto;
        width: 30%;
    }
    .icon_title {
        width: 75%;
        margin-left: 2%;
    }
    .experience-list .icon img {
        width: 100%;
    }
    .experience-item-title {
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: flex-start;
        margin-bottom: -9%;
    }
    .experience-item-i {
        background: white;
        border-radius: 10px;
        box-shadow: 0px 2px 4px 1px #e6eaef;
        padding: 20px 20px 10px;
        justify-content: center;
        height: auto;
    }
    .experience-item .des {
        padding-left: 0;
        padding-bottom: 14px;
    }
    .experience-item .des .p {
        margin-top: unset;
        font-size: 1.1rem;
        text-align: left;
    }
    .experience-item {
        padding: 2% 2% 3%;
    }
    .notice-sms .voiceExper .experience-inner {
        padding-bottom: 5%;
    }

    h3 {
        font-size: 16px;
    }
    /* join */
    .s-item-div {
        display: flex;
        justify-content: center;
        align-items: center;
        padding: 0 3%;
    }
    .home .simple-wrap {
        /*background: #f4f9fd;*/
    }
    .home .simple-inner {
        margin: 0;
        padding: 0 0 4%;
    }
    .home .simple-inner .icon {
        width: 80%;
        height: 6rem;
    }
    .home .simple-inner .s-item {
        width: 100%;
    }
    .home .simple-inner .h2 {
        padding: 7% 0 5%;
        font-weight: 500;
        font-size: 1.5rem;
    }
    .home .simple-inner .h3 {
        font-size: 1.2rem;
        line-height: 25px;
        color: #3b3d44;
    }
    .home .simple-inner .p {
        font-size: 0.9rem;
        margin-top: 0;
    }
    .s-item-div-child{
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        padding: 0 3%;
    }
    .s-item-div-bottom{
        height: 6rem;
    }
    .notice-sms .simple-inner .h2 {
        padding: 9% 0 10%;
        font-size: 1.7rem;
    }
    .notice-sms .simple-inner .s-item {
        width: 100%;
    }
    .notice-sms .simple-inner .icon {
        width: 80%;
    }
    .notice-sms .simple-inner .h3 {
        font-size: 1.2rem;
    }
    .notice-sms .simple-inner .p {
        font-size: 0.9rem;
    }
    .voice_messD .title {
        margin: 15% auto 5%;
    }
    .voice_messD .title h2 {
        font-size: 1.7rem;
    }
    .voice_messD .ul li {
        flex: 0 0 90%;
        padding: 4% 10% 6%;
        text-align: left;
        margin: 0 auto;
        width: 90%;
        justify-content: flex-start;
    }
    .voice_messD .ul li>h4 {
        font-size: 1.2rem;
        margin-left: 6%;
    }

    /*快速接入 4步接入*/
    .container .h2{
        padding: 20px 25px 0;
    }
    .home .simple-inner {
        margin: 0;
        padding: 0 0 4%;
    }
    .s-item-div {
        display: table;
        justify-content: center;
        align-items: center;
        padding: 0 3%;
    }
    .s-item-div-child {
        width: 50%;
        display: table-cell;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        padding: 0 3%;
    }
    .s-item-div-bottom {
        height: auto;
    }

    .notice-sms .simple-inner {
        margin: 0;
        padding: 0 0 4%;
    }
    .notice-sms .simple-inner .s-item {
        width: 100%;
    }
    .notice-sms .simple-inner .icon {
        width: 80%;
        height: 6rem;
    }
    .notice-sms .simple-inner .h2 {
        padding: 10% 2% 5%;
        font-weight: 500;
        line-height: 25px;
        color: #3b3d44;
    }
    .notice-sms .simple-inner .p {
        font-size: 0.9rem;
        margin-top: 0;
    }

    .verifi .simple-inner {
        margin: 0;
        padding: 0 0 4%;
    }
    .verifi .simple-inner .s-item {
        width: 100%;
    }
    .verifi .simple-inner .icon {
        width: 80%;
        height: 6rem;
    }
    .verifi .simple-inner .h2 {
        padding: 10% 2% 5%;
        font-weight: 500;
        line-height: 25px;
        color: #3b3d44;
    }
    .verifi .simple-inner .p {
        font-size: 0.9rem;
        margin-top: 0;
    }

    .container .automaticCenter .simple-inner {
        margin: 0;
        padding: 0 0 4%;
    }
    .container .automaticCenter .simple-inner .s-item {
        width: 100%;
    }
    .container .automaticCenter .simple-inner .icon {
        width: 80%;
        height: 6rem;
    }
    .container .automaticCenter .simple-inner .h2 {
        padding: 10% 2% 5%;
        font-weight: 500;
        line-height: 25px;
        color: #3b3d44;
    }
    .container .automaticCenter .simple-inner .p {
        font-size: 0.9rem;
        margin-top: 0;
    }

    /*案例折叠菜单*/
    .mobileCenter .plate-l-item p {
        line-height: 24px;
    }
    .mobileCenter .plate-l-item p span{
        line-height: 44px;
    }

    .mobileCenter .plate-l-item.active p span{
        color: #fff;
        font-weight: bold;
        line-height: 44px;
    }


    /*头部*/
    .banner {
        padding-bottom: 16px;
        padding-top: 56px;
    }
    #root .api-container {
        padding: unset;
        height: 150px!important;
    }
    .api-container {
        padding: unset;
        height: 150px;
    }
    #root .api-container h1 {
        margin-bottom: unset;
        font-weight: unset;
        font-size: 48px;
    }
    .api-container h1 {
        margin-bottom: unset;
        font-weight: unset;
        font-size: 48px;
    }

    /*  页脚  */
    #footer .f-b-left {
        font-size: 0.7rem;
    }
    #footer_m {
        display: block;
        padding: 3% 0 8%;
        background: #ffffff;
    }
    #footer_m .connect_us ul{
        display: flex;
        flex-direction: row;
    }
    #footer_m .h2 {
        padding-top: 2%;
        width:100px;
    }
    #footer_m .h2 img {
        width:100%;
    }
    #footer_m .h3 {
        margin-top: 2%;
        margin-bottom: 2%;
        color:#0B0E17;
        font-size: 1.5rem;
    }
    #footer_m .btn {
        display: inline-block;
        text-align: center;
        width: 9rem;
        line-height: 33px;
        height: 32px;
        font-size: 1.2rem;
        background: #5b78b4;
        color: #ffffff;
        border-radius: 27px;
        margin-left: 2%;
        box-shadow: 0px 2px 3px 1px #4569b3;
    }
    #footer_m .list {
        display: flex;
        flex-direction: column;
    }
    #footer_m .list .item>a {
        color:#6B6C72;
    }
    #footer_m .list .item {
        line-height: 34px;
        font-size:14px;
    }
    #footer_m .list .item:hover a {
        color: #455C9D;
    }
    #footer_m .app {
        height: 50%;
        margin-top: 2%;
    }
    #footer_m .app .p {
        color:#6B6C72;
        line-height: 32px;
        font-size:14px;
    }
    #footer_m .app .app-img img {
        display: block;
        width: 95%;
    }
    #footer_m .app .app-img .wx {
        width: 50%;
    }
    #footer_m .app .app-img .wx p {
        text-align: center;
    }
    #footer_m .call .p {
        color:#6B6C72;
        line-height: 32px;
        font-size:14px;
    }
    #footer_m .call .p.number {
        font-size:21px;
    }
    #footer_m .icon-list {
        margin-top:20px;
        margin-left:-22px;
        display: flex;
        flex-wrap: wrap;
    }
    #footer_m .icon-list.mt10 {
        margin-top:10px;
    }
    #footer_m .icon-list .icon {
        margin-left:22px;
        flex: 0 0 20px;
        width:20px;
    }
    #footer_m .icon img {
        width:100%;
    }
    #footer_m .footer-inner {
        padding: 0 7%;
    }
    #footer_m .f-top {
        display: flex;
        flex-wrap: wrap;/* justify-content: space-around;*/
        justify-content: space-between;
    }
    #footer_m .t-item {
        min-width: 100%;
        padding-top: 1%;
        /*display: flex;!* justify-content: left;*!*/
        /*padding-top:32px;!* min-width: 150px;*!*/
    }
    #footer_m .f-bot {
        /*margin-top:20px;*/
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }
    #footer_m .f-b-left {
        color:#6B6C72;
        font-size:14px;
        padding-top: 23px;
    }
    #footer_m .f-b-right a {
        position: relative;
        color:#6B6C72;
        line-height: 20px;
        font-size:14px;
    }
    #footer_m .f-b-right a:hover {
        color: #455C9D;
    }
    #footer_m .f-b-right a.after {
        padding-right:20px;
    }
    #footer_m .f-b-right a.after::after {
        position: absolute;
        top:2px;
        right:10px;
        content: '';
        width:1px;
        height:12px;
    }
    #footer_m .f-b-right{
        margin: 0 auto;
    }
    #footer_m .f-b-right .f_item {
        display: flex;
        align-items: center;
        margin-top: 3%;
    }
    #footer_m .links{
        padding-top:20px;
    }
    #footer_m .links a{
        padding-right:10px;
    }
    #footer .t-item {
        display: flex;
        padding-top: 32px;
        min-width: 320px;
        flex: 0 0 50%;
    }
    #footer .f-bot {
        margin-top: 48px;
    }
    #footer .f-bot .f-b-right {
        margin-top: 5%;
    }


    /*工单*/
    .izl-rmenu {
        width: 3rem;
    }
    .kfwx-left {
        background-position: center 3%;
        height: 3rem;
        width: 3rem;
        top: 51.5%;
        border-bottom: 1px solid #dfdfdf;
    }
    .kfwx-left:hover {
        background-position: center bottom -7px;
    }
    .izl-rmenu .consult {
        background-position: center 49%;
        height: 3rem;
        width: 3rem;
        border-bottom: 1px solid #dfdfdf;
    }
    .izl-rmenu .consult:hover {
        background-position: center bottom -6px;
    }
    .izl-rmenu .cart {
        height: 3rem;
        padding: 0 0 0 0;
        border-bottom: 1px solid #dfdfdf;
        background-position: center 95%;
    }
    .izl-rmenu .cart:hover {
        background-position: center -5x;
    }
    .izl-rmenu .cartt {
        height: 3rem;
        padding: 0 0 0 0;
        background-position: center;
        border-bottom: 1px solid #dfdfdf;
    }
    .izl-rmenu .btn_top {
        height: 2.8rem;
        width: 3rem;
        border-radius: 0 0 7px 7px;
        background-position: center -7px;
        box-shadow: #ddd 0px -1px 5px;
    }

    .popup .ans .select {
        width: 100%;
    }
    .popup .ans .text-area {
        width: 100%;
    }
    .popup .ans .text-input {
        width: 100%;
    }

    /*联系表单*/

}