input,textarea{
    outline: none;
    border: 1px solid #E5E5E5;
    font-size: 14px;
}
p{
    font-size: 14px;
}
input{
    width: 100%;
    height: 48px;
    padding: 5px 10px
}
textarea{
    width:100%;
    min-height:75px;
    height:100px;
    max-height: 120px;
    background: #FFFFFF;
    padding: 5px 10px;
}
.question-content{
    font-size: 14px;
    color: #333333;
    letter-spacing: 0;
    line-height: 22px;
    position: relative;
}
.textarea-num{
    margin: 0;
    text-align: right;
    position: absolute;
    right: 6px;
    bottom: 9px;
    z-index: 9;
    color: #b2b2b2;
}
.phone-input{
    width: 100%;
    height: 46px;
    border: none;
}
.hot_div{
    background: #FF3E3E;
    border-radius: 100px 100px 100px 1px;
    width: 35px;
    min-width: 35px;
    white-space: nowrap;
    text-align: center;
    margin-left: 10px;
}
.hot_font{
    font-family: PingFangSC-Regular;
    font-size: 11px;
    color: #FFFFFF;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
}
.hot_span{
    width: 100%;
    margin: 5px 0 0 0;
}

.input-with-label {
    padding-left: 15px;
    position: relative;
    box-sizing: border-box;
    background: white;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.input-with-label input {
    width: 100px;
    height: 48px;
    padding: 10px 10px 10px 15px;
    border: 0;
    border-radius: 4px 0 0 4px;
    text-align: left;
    outline: none;
}

.input-with-button {
    border: 1px solid #E5E5E5;
    position: relative;
}

.input-with-button input {
    padding: 10px;
    width: 200px;
    border: 0 solid #ccc;
    border-radius: 4px;
    padding-right: 70px; /* 为按钮留出空间 */
}

.input-with-button button {
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    padding: 10px 10px;
    border: none;
    background-color: #fff;
    color: #007EE5;
    border-radius: 0 4px 4px 0;
    cursor: pointer;
    font-size: 15px;
    outline: none;
}

.label{
    font-family: PingFangSC-Regular;
    font-size: 16px;
    color: #323232;
    letter-spacing: -0px;
    text-align: left;
    font-weight: 400;
    margin-bottom: 10px;
}

.disabled-button {
    color: gray !important;
    cursor: not-allowed;
}

.input_phone_inline {
    margin-top: 10px;
    display: flex;
    border: 1px solid #E5E5E5;
    /*border: 1px solid rgba(229,229,229,1);*/
}

.phone_div{
    width: 100%;
    height: 48px;
}

.phone_input {
    width: 100%;
    height: 48px;
    padding: 10px 10px 10px 15px;
    border: 0;
    border-radius: 0 4px 4px 0;
    text-align: left;
    outline: none;
}

.country_select {
    padding: 10px;
    height: 48px;
    border: 1px solid #E5E5E5;
    border-radius: 4px;
    background-color: #fff;
    /*appearance: none; !* 去除默认样式 *!*/
    /*-webkit-appearance: none;*/
    /*-moz-appearance: none;*/
    cursor: pointer;
    width: 100%;
    outline: none;
}

.hidden {
    visibility: hidden;
}
.waring-span{
    color: #FF3E3E;
    margin-left: 5px;
}
.confirm_btn{
    font-family: PingFangSC-Medium;
    font-size: 16px;
    color: #007EE5;
    letter-spacing: 0;
    text-align: center;
    font-weight: 500;
    border: 0;
    background-color: white;
}

#refreshImg {
    transition: transform 1s ease-in-out;
    cursor: pointer;
    border: none;
}

@keyframes rotate360 {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(-360deg);
    }
}
.rotate-animation {
    animation: rotate360 1s linear;
    border: none;
}
.modal-dev {
    position: absolute; /* 使用绝对定位 */
    top: 50%; /* 垂直居中 */
    left: 50%; /* 水平居中 */
    transform: translate(-50%, -50%); /* 调整位置 */
    z-index: 1000; /* 设置一个较高的 z-index 值 */
    background-color: rgba(0, 0, 0, 0.5); /* 可选：添加背景遮罩效果 */
    display: none; /* 初始状态下隐藏 */
    width: 100%; /* 占据整个宽度 */
    height: 100%; /* 占据整个高度 */
}

.modal-dev .modal-content {
    background-color: white;
    padding: 20px;
    border-radius: 10px;
    max-width: 300px;
    width: 100%;
    margin: auto; /* 确保内容居中对齐 */
}
.pt_avatar{
    width: 190px;
    height: 190px;
    border-radius: 50%;
}
.txt_center{
    text-align: center;
}
.send_phone{
    font-size: 16px;
    color: #222222;
    letter-spacing: -0px;
    font-weight: 500;
    margin-bottom: 20px;
    text-align: center;
}
.edit_sms_warning{
    font-size: 13px;
    color: #FF1F1F;
    letter-spacing: -0px;
    font-weight: 400;
}
.copy_line{
    text-decoration: underline;
    color: #007EE5;
}

.navbar.mobile{display: none;}
.home-page.topbanner > div > div:first-child .text1.mobile{display: none;}
.indexbtmdiv{display: none;}
.rbar-mobile{display: none;}
.menudiv{display: none;}
.apps-page .index-container, .apps-page .show-mobile, .apps-page .adr_table, .api-page .index-container, .faq-page .index-container, .privacy-page .index-container, .news-page .index-container, .news-content-page .index-container.newsctn{display: none;}
.api-page .topbanner .text1{margin-bottom: 0;}
.api-page .api-text1, .api-page .api-text2{margin-bottom: 0;}
.mobile.header-space{display: none;}

@media screen and (max-width: 1199px) {
    body, html{min-width: unset;}
    .navbar.mobile{display: flex;min-height: 44px;box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.19);position: fixed;width: 100%;height: 44px;}
    .mobile.header-space{display: block;height: 44px;}
    .navbar.desktop{display: none;}
    .home-page.topbanner{min-width: unset!important;padding: 0!important;}
    .home-page.topbanner > div, .home-privacy{width: 100%!important;}
    .advantages, .advantages .yhdiv{min-width: unset!important;margin-top: 0;}
    .advantages .yhdiv .ctdiv{width: 100%!important;padding-top: 0;margin-bottom: 0!important;}
    .advantages .yhdiv .ctdiv .tsdiv{width: 100%;display: flex;margin-top: 20px;padding-left: 20px;float: left;height: 120px;padding-top: 20px;margin-left: 0!important;flex-wrap: wrap;}
    .home-privacy .botmfdiv .botmdiv{width: 100%;margin: 0!important;}
    .home-page.topbanner > div > div:first-child{width: 100%!important;float: unset!important;padding-top: 0!important;}
    .home-page.topbanner > div > div:last-child{display: none;}
    .home-page.topbanner > div > div:first-child .text1{font-size: 24px!important; color: #333333; letter-spacing: 0; text-align: center; line-height: 28px;margin: 0!important;padding: 0!important;}
    .home-page .indextxt .text2, .home-page .indextxt .text5{display: none;}
    .home-page.topbanner > div > div:first-child ul{display: none;}
    .home-page.topbanner > div > div:first-child .text1.mobile{display: block;margin-top: 20px!important;}
    .home-page.topbanner > div > div:first-child .text1.mobile a.sinput{width: 240px;	background: #007EE5; border-radius: 49px; text-align: center; border: none; height: 49px; font-size: 14px; color: #FFFFFF; letter-spacing: 0; line-height: 30px; display: block; margin: auto;}
    .home-page.topbanner > div > div:first-child .text1.mobile .sinput span{margin-top: 10px; width: auto; height: 49px; display: inline-block;}
    .ydfdiv{font-size: 24px; color: #333333; letter-spacing: 0; text-align: center; line-height: 28px; width: 100%; margin: 24px auto auto;}
    .ydfdivf{display: none!important;}
    .advantages .yhdiv .ctdiv .tsdiv img{width: 80px;height: 80px;margin: 0;margin-right: 20px;}
    .advantages .yhdiv .ctdiv .tsdiv p{display: block;}
    .advantages .yhdiv .ctdiv .tsdiv div p:nth-child(1){margin-top: 20px; text-align: left; font-size: 16px; color: #333333; line-height: 10px;}
    .advantages .yhdiv .ctdiv .tsdiv div p:nth-child(2){font-size: 15px; color: #666666; line-height: 18px; text-align: left; margin-top: 6px;padding: 0;}
    .footer-wrap{display: none;}
    .indexbtmdiv{display: block;float: left; width: 100%; height: 230px; background-color: #FAFAFA; box-shadow: inset 0 1px 0 0 #E6E6E6;}
    .indexbtmdiv .btmcline { width: 4px; height: 20px; margin-left: 0px; display: inline-block; background: #007EE5; line-height: 20px; }
    .indexbtmdiv .btmcline2 { font-size: 14px; color: #333333; display: inline-block; margin-left: 4px; line-height: 20px; }
    .indexbtmdiv .iconbtm { width: 1px; background-color: #CDCDCD; height: 30px; border-left: 1px solid #999; display: inline-block; margin-left: 18px; margin-right: 18px; }
    .indexbtmdiv .indexbtmdiv .icon { text-align: center; width: 100%; padding: auto; margin-top: 20px; margin-bottom: 20px; }
    .indexbtmdiv .icon-list { display: flex; flex-wrap: nowrap; justify-content: space-around; align-items: center; }
    .indexbtmdiv .icon-list>a { flex: 1; }
    .indexbtmdiv .icon-list>a>i { font-size: 30px; color: #007EE5; }
    .indexbtmdiv .icon-list>a>div { font-size: 12px; color: #666666; letter-spacing: 0; }
    .indexbtmdiv .yxdy input { height: 40px; width: 98%; }
    .indexbtmdiv .yxdy .ibtmyx { font-size: 14px; }
    .indexbtmdiv .yxdy .anx { width: 21.3%; border: 0; text-align: center; }
    .indexbtmdiv .yxdy .anxbtn { border: 1px #007ee5 solid; background: #007ee5; color: #FFF; text-align: center; }
    .indexbtmdiv .icon { text-align: center; width: 100%; padding: auto; margin-top: 20px; margin-bottom: 20px; }
    .rbar-mobile { position: fixed; bottom: 5%; right: 0px; width: 40px; border-radius: 4px; cursor: pointer; z-index: 99; display: block; }
    .rbar-mobile a { display: block; margin: 10px 0 10px 0px; border-radius: 4px; text-align: center; line-height: 40px; height: 40px; box-shadow: 0 8px 10px #e7e7e7; width: 40px; background: #fff; }
    .rbar-mobile .to-top { position: fixed; display: none; bottom: 70px; right: 0px; width: 40px; height: 40px; border-radius: 4px; cursor: pointer; text-align: center; line-height: 40px; color: #4685ef; background: #fff; box-shadow: 0 8px 10px #e7e7e7; font-size: 41px; }
    .menudiv { width: 100%; height: 100%; position: fixed; left: 0px; display: none; z-index: 9999; display: block;top: 44px;}
    .menudiv .menudivlet { width: 100%; height: 100%; position: fixed; margin: 0px; left: 0px; background-color: #333; opacity: 0.5; -moz-opacity: 0.5; outline: 0; }
    .menudiv .menudivname { position: relative; display: flex; top: 0px; right: 0px; float: right; opacity: 1; width: 240px; height: 100%; background-color: #FFF; padding-left: 10px; }
    .menudiv .menu-item { width: 100%; min-width: 240px; height: 44px; text-align: center; font-size: 17px; color: #333333; line-height: 24px; margin-top: 10px; }
    .menudiv ul{padding: 0;}
    .menudiv ul .active { color: #007EE5; background: #F5FBFF; }
    .menudiv .ckline { width: 2px; height: 24px; float: left; margin-top: 10px; margin-left: 0px; display: inline-block; }
    .menudiv .active .ckline { width: 2px; height: 24px; float: left; background: #007EE5; margin-top: 10px; margin-left: 0px; }
    .menudiv .menu-item .name { margin-top: 10px; display: inline-block; }
    .menudiv .botmm { position: absolute; display: flex; width: 240px; height: 60px; bottom: 44px; left: 0px; opacity: 1; background: #FFF; }
    .menudiv .botmm .sub { width: 60px; height: 60px; font-size: 17px; color: #333333; letter-spacing: 0; text-align: center; padding-top: 18px; }
    .menudiv .botmm .suba { width: 60px; height: 60px; font-size: 17px; color: #333333; letter-spacing: 0; text-align: center; padding-top: 18px; }
    .menudiv .botmm .active { color: #FFF; background: #007EE5; }

    .apps-page{width: 100%!important;height: 100%!important;}
    .apps-page .topbanner, .apps-page .contentwrap, .api-page .topbanner, .api-page .doc-content-new, .faq-page .topbanner, .faq-page .faq-content-wrap-new, .privacy-page .topbanner, .privacy-page .faq-content-wrap-new, .news-page .topbanner, .news-page .apps-list, .news-page nav[aria-label="Page navigation"], .news-content-page .news-content-new{display: none;}
    .apps-page .index-container, .apps-page .show-mobile, .apps-page .adr_table, .api-page .index-container, .faq-page .index-container, .privacy-page .index-container, .news-page .index-container, .news-content-page .index-container.newsctn{display: block;}
    .apps-page .adr_title { height: auto; margin-top: 10px; overflow: auto; }
    .apps-page .adr_title .tt_title { float: left; margin-top: 20px; margin-left: 20px; }
    .apps-page .tt_title .tt1 { font-size: 16px; color: #333333; letter-spacing: 0; line-height: 26px; font-weight: 500; }
    .apps-page .tt_title .tt2 { font-size: 14px; color: #333333; letter-spacing: 0; line-height: 24px; margin-top: 4px; margin-bottom: 0px; overflow: hidden; }
    .apps-page .tt_title .tt2f { font-size: 14px; color: #333333; letter-spacing: 0; line-height: 24px; margin-top: 4px; margin-bottom: 0px; overflow: hidden;padding: 0;}
    .apps-page .limore { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; }
    .apps-page .adr_title .tt_download { width: auto; overflow: auto; float: right; margin-top: 41px; margin-right: 20px; }
    .apps-page .tt_download a.download { background: #FFF; width: 100px; height: 40px; font-size: 14px; color: #007EE5; letter-spacing: 0; text-align: center; line-height: 20px; display: block; margin: auto; border: 1px solid #007EE5; border-radius: 20px; padding-top: 10px; }
    .apps-page .adr_table { overflow: auto; }
    .apps-page .adr_table i { font-size: 48px; color: #333; margin: auto; }
    .apps-page .adr_table div { text-align: center; }
    .apps-page .iosshow, .apps-page .androidshow { display: none; }
    .apps-page .index-container .text1 { font-size: 24px; color: #333333; letter-spacing: 0; text-align: center; line-height: 28px; width: 100%; margin: 40px auto auto; }
    .apps-page .index-container a.sinput { background: #007EE5; border-radius: 49px; text-align: center; border: none; width: 280px; height: 49px; font-size: 14px; color: #FFFFFF; letter-spacing: 0; line-height: 30px; display: block; margin: auto; }
    .apps-page .sinput span { margin-top: 10px; width: auto; height: 49px; display: inline-block; }
    .api-page .api-item { font-size: 16px; color: #333333; letter-spacing: 0; line-height: 26.5px; padding: 20px; margin-top: 10px; background-color: #fff; }
    .api-page .api-title { font-weight: 500; font-size: 16px;}
    .api-page .api-desc { font-size: 14px; color: #999999; letter-spacing: 0; text-align: justify; line-height: 24px; }
    .api-page .api-lrmro a.lrmo { background: #FFF; width: 100%; height: 40px; font-size: 14px; color: #007EE5; letter-spacing: 0; text-align: center; line-height: 20px; display: block; margin: auto; border: 1px solid #007EE5; border-radius: 20px; padding-top: 10px; background: #007EE5; border-radius: 40px; font-size: 14px; color: #FFFFFF; letter-spacing: 0; text-align: center; }
    .faq-page .faq-title-menu div, .privacy-page .faq-title-menu div { font-size: 15px; color: #999999; letter-spacing: 0; text-align: center; line-height: 44px; float: left; height: 44px; }
    .faq-page .faq-title-menu .activ, .privacy-page .faq-title-menu .activ { color: #333333; border-bottom: 2px solid #007ee5; }
    .faq-page .faq-title, .privacy-page .faq-title { font-size: 14px; color: #333333; letter-spacing: 0; line-height: 24px; font-weight: 600; margin-bottom: 10px;margin-bottom: 1rem;}
    .faq-page .faq-desc, .privacy-page .faq-desc { font-size: 14px; color: #2A2A2A; letter-spacing: 0; text-align: justify; line-height: 24px;margin-bottom: 1rem;}
    .faq-page .hdiv, .privacy-page .hdiv { padding: 20px; margin: 10px 12px 0px 12px; display: none; background: #FFFFFF; }
    .news-page .news-item { padding-left: 20px; margin-top: 10px; }
    .news-page .news-item li { height: 62.5px; font-size: 16px; color: #666666; line-height: 62.5px; background-color: #fff; width: 100%; margin-top: 5px; }
    .news-page .news-item li p { display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; width: 90%; }
    .news-content-page .index-container.newsctn p{margin-bottom: 1rem;font-size: 1rem;}
    .news-page .new-title, .news-content-page .new-title { width: 100%; font-size: 18px; color: #333333; font-weight: 500;margin-bottom: 1rem;}
    .news-page .new-auth, .news-content-page .new-auth { font-size: 14px; color: #999999; letter-spacing: 0; margin-bottom: 1rem;}
    .news-page .new-content, .news-content-page .new-content { font-size: 14px; color: #666666; }
    .news-page .newsctn, .news-content-page .newsctn { margin: 0; }
    .news-page .new-line, .news-content-page .new-line { border-bottom: 1px solid #E5E5E5;margin-bottom: 1rem;}
}