.main{
    width: 100%;
}
.wrap{
    width: 100%;
    display: none;
}
.m_wrap{
    display: none;
}
.m_wrap_head_main{
    width: 100%;
    height: 0.99rem;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 100;
    background:rgba(13, 181, 157, 0);
    /* background: #0DB59D; */
    display: flex;
    justify-content: space-between;
}
/* .wrap_scorll{
    background:#0DB59D;
} */
.m_wrap_logo{
    width: 1.98rem;
    height: 0.55rem;
    margin-top: 0.2rem;
    margin-left: 0.41rem;
}
.m_wrap_logo img{
    width: 100%;
}
.m_login_hub{
    display: flex;
    align-items: center;
}
.m_login_hub>div:nth-of-type(1){
    width: 1.64rem;
    height: 0.55rem;
    /* background: rgba(255, 255, 255, 0.24);
    border-radius: 0.07rem;
    border: 1px solid #FFFFFF;
    line-height: 0.55rem;
    text-align: center;
    color: #fff; */
    margin-right: 0.41rem;
}
.nav_href_parent{
    position: relative;
}
.nav_border{
    width: 0;
    height: 0;
    border-left: 0.08rem solid transparent;
    border-right:0.08rem solid transparent;
    border-bottom: 0.14rem solid #fff;
    margin-right: 0.2rem;
    float: right;
}
.nav_href{
    width: 2.12rem;
    position: absolute;
    right: 0.14rem;
    top: 0.5rem;
    z-index: 9999;
    display: none;
}
.nav_href_click{
    width: 2.12rem;
    background: #fff;
    margin-top: 0.14rem;
    border-radius: 0.1rem;
    overflow: hidden;
    box-sizing: border-box;
    padding: 0 0.51rem;
}
.nav_href_click>div{
    padding: 0.35rem 0;
}
.nav_href_click>div>a{
    font-size: 0.27rem;
    font-weight: 400;
    color: #333333;
    line-height: 0.38rem;
}
.m_login_hub .nav_hub{
    width: 0.41rem;
    height: 0.41rem;
    margin-right: 0.21rem;
}
.m_login_hub .nav_hub img{
    width: 100%;
}
.banner{
    width: 100%;
    /* height: 100vh; */
    overflow: hidden;
}
.swiperBox{
    position: relative;
}
.swiper_Img{
    display: block;
    width: 100%;
    /* height: 100vh; */
    margin: 0 auto;

}
.img_text{
    position: absolute;
    top: 2.4rem;
    left: 0;
    width: 3.53rem;
    box-sizing: border;
    padding-left: 0.41rem;
}
.desc_text{
    font-size: 0.3rem;
    font-weight: 400;
    color: #FFFFFF;
    line-height: 0.45rem;
}
.join_button{
    width: 2.87rem;
    height: 0.68rem;
    background: #FFFFFF;
    border-radius: 4px;
    line-height: 0.68rem;
    font-size: 0.27rem;
    font-weight: 400;
    color: #31CCA5;
    text-align: center;
    margin-top: 0.32rem;
    cursor: pointer;
}
.swiper_Img_banner{
    width: 100%;
    /* height: 100vh; */
}
.swiper-container-horizontal>.swiper-pagination-bullets{
    bottom: none;
}

.swiperBox .swiper-pagination-bullet-active {
    background-color: #fff;
}
.tell_call{
    margin-top:0.3rem;
    font-size: 0.27rem;
    font-weight: 400;
    color: #FFFFFF;
}
.tell_call span:nth-of-type(1){
    margin-right: 0.16rem;
    font-size: 0.27rem;
}
.tell_call span:nth-of-type(2){
    font-size: 0.27rem;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: #FFFFFF;
}
.m_position_map{
    width: 100%;
    background: url('../img/bg_position.png') no-repeat;
    background-size: 100% 100%;
}
.m_desc_tit{
    font-size: 0.34rem;
    font-weight: 400;
    color: #333333;
    margin: 0 auto;
    text-align: center;
    padding-top: 0.68rem;
    padding-bottom: 0.68rem;
}
.m_desc_num{
    margin-bottom: 0.68rem;
}
.m_position{
    width: 100%;
}
.m_position img{
    width: 100%;
}
.m_desc_num{
    text-align: center;
}
.m_num_text{}
.m_num_text>span:nth-of-type(1){
    font-size: 0.51rem;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: #0DB59D;
    line-height: 0.72rem;
}
.m_num_text>span:nth-of-type(2){
    font-size: 0.51rem;
    font-weight: 400;
    color: #0DB59D;
    margin-left:-0.05rem;
}
.m_num_text>span:nth-of-type(3){
    font-size: 0.24rem;
    font-weight: 400;
    color: #0DB59D;
    margin-left:-0.05rem;
}
.m_desc_num .m_num_text .m_num_text_span{
    margin-left: 0.02rem;
}
.m_num_info{
    font-size: 0.24rem;
    font-weight: 400;
    color: #999999;
    line-height: 0.34rem;

}
.m_dev_history{
    width: 100%;
    height: 14.4rem;
    background: url('../img/m_dev.png') no-repeat;
    background-size: 100% 100%;
}
.m_dev_tit{
    height: 0.48rem;
    font-size: 0.34rem;
    font-weight: 400;
    color: #FFFFFF;
    line-height: 0.34rem;
    text-align: center;
    padding-top: 0.68rem;
    margin-bottom: 0.82rem;
}
.m_dev_content{
    display: flex;
    position: relative;
}
.m_dev_content_middle{
    width: 0.44rem;
    height: 11.18rem;
    position: absolute;
    left: 2.99rem;
}
.m_dev_content_middle img{
    width: 100%;
    height: 100%;
}
.m_content_one:nth-of-type(1){
    width: 3.17rem;
    height:1.79rem;
    background: url('../img/m_left_box.png') no-repeat;
    background-size: 100% 100%;
    position: absolute;
    left: 0.2rem;
    z-index: 10;
    top: 0.75rem;
}
.m_content_one:nth-of-type(2){
    width: 3.17rem;
    height:2.12rem;
    background: url('../img/m_left_box.png') no-repeat;
    background-size: 100% 100%;
    position: absolute;
    left: 0.2rem;
    z-index: 10;
    top: 4.45rem;
}
.m_content_one:nth-of-type(3){
    width: 3.17rem;
    height:1.79rem;
    background: url('../img/m_left_box.png') no-repeat;
    background-size: 100% 100%;
    position: absolute;
    left: 0.2rem;
    z-index: 10;
    top: 8.16rem;
}
.m_content_two:nth-of-type(1){
    width: 3.17rem;
    height: 2.12rem;
    background: url("../img/m_right_box.png") no-repeat;
    background-size: 100% 100%;
    position: absolute;
    left:3.04rem;
    top: 2.61rem;
}
.m_content_two:nth-of-type(1){
    width: 3.17rem;
    height: 2.12rem;
    background: url("../img/m_right_box.png") no-repeat;
    background-size: 100% 100%;
    position: absolute;
    left:3.04rem;
    top: 2.61rem;
}
.m_content_two:nth-of-type(2){
    width: 3.17rem;
    height: 2.12rem;
    background: url("../img/m_right_box.png") no-repeat;
    background-size: 100% 100%;
    position: absolute;
    left:3.04rem;
    top: 6.31rem;
}
.m_content_text{
   padding-top: 0.24rem;
   width: 2.78rem;
   box-sizing: border-box;
   padding-left: 0.27rem;
   padding-right: 0.26rem;
}
.m_content_text>div:nth-of-type(1){
    font-size: 0.27rem;
    font-weight: bold;
    color: #333333;
    line-height: 0.38rem;
    font-family: PingFangSC-Regular, PingFang SC;
}
.m_content_text>div:nth-of-type(2){
    font-size: 0.27rem;
    font-weight: 400;
    color: #666666;
    line-height: 0.38rem;
}
.content_two_text{
    padding-top: 0.24rem;
    width: 2.75rem;
    box-sizing: border-box;
    margin-left: 0.44rem;
    padding-left: 0.27rem;
    padding-right: 0.26rem;
}
.content_two_text>div:nth-of-type(1){
    font-size: 0.27rem;
    font-weight: bold;
    color: #333333;
    line-height: 0.38rem;
    font-family: PingFangSC-Regular, PingFang SC;
}
.content_two_text>div:nth-of-type(2){
    font-size: 0.27rem;
    font-weight: 400;
    color: #666666;
    line-height: 0.38rem;
}
.m_product{
    background: #FAFAFA;
    padding-bottom: 0.96rem;
}
.m_product_tit{
    font-size: 0.34rem;
    font-weight: 400;
    color: #333333;
    line-height: 0.48rem;
    text-align: center;
    padding-top: 0.68rem;
    padding-bottom: 0.27rem;
}
.m_product_text{
    font-size: 0.24rem;
    font-weight: 400;
    color: #999999;
    line-height: 0.51rem;
    text-align: center;
}
.m_system{
    width: 5.94rem;
    height: 3.57rem;
    margin: 0 auto;
    margin-top: 0.96rem;
}
.m_system img{
    width: 5.94rem;
    height: 3.57rem;
}
.m_hot_message{
    background: #FFFFFF;
    box-sizing: border-box;
    padding: 0 0.27rem;
}
.m_hot_message_txt{
    font-size:0.34rem;
    font-weight: 400;
    color: #333333;
    line-height: 0.48rem;
    text-align: center;
}
.m_message_tit1{
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 0.24rem;
    font-weight: 400;
    color: #333333;
    line-height:0.34rem;
}
.m_message_tit1>div:nth-of-type(1){
    font-size: 0.24rem;
    font-weight: 400;
    color: #333333;
    line-height: 0.34rem;
    padding-bottom: 0.27rem;

}
.m_message_tit1>div:nth-of-type(2){
    display: flex;
    align-items: center;
}
.m_message_tit1>div:nth-of-type(2) img{
    width: 0.34rem;
    height: 0.34rem;
    margin-right: 0.14rem;
}
.m_message_tit2{
    display: flex;
    border-bottom: 1px solid #ECECEC;
    padding-bottom: 0.27rem;
    margin-top: 0.27rem;
}
.m_message_tit2>div:nth-of-type(1){
    font-size: 0.27rem;
    font-weight: 400;
    color: #333333;
    line-height: 0.38rem;
    width: 3.05rem;
    margin-right: 0.41rem;
}
.m_message_tit2>div:nth-of-type(2){
    width: 2.39rem;
    height: 1.35rem;
}
.m_message_tit2>div:nth-of-type(2) img{
    width: 100%;
    height: 100%;
}
.m_message_right{
    margin-top: 0.55rem;
}
.m_message_tit3{
    height: 0.92rem;
    /* font-size: 0.27rem; */
    font-weight: 400;
    color: #333333;
    border-bottom: 1px solid #ECECEC;
    line-height: 0.92rem;
}
.m_message_tit3>span:nth-of-type(1){
    color: #FEB755;
    font-size: 0.31rem;
    font-weight: 800;
    margin-right: 0.34rem;
    font-family: PingFangSC-Regular, PingFang SC;
}
.m_message_tit3 .m_hot1{
    font-size: 0.31rem;
    font-weight: 800;
    color: #FF4444 !important;
    font-family: PingFangSC-Regular, PingFang SC;
    margin-right: 0.34rem;
}
.m_message_tit3 .m_hot2{
    font-size: 0.31rem;
    font-weight: 800;
    color: #FF4444 !important;
    font-family: PingFangSC-Regular, PingFang SC;
    margin-right: 0.34rem;
}
.m_message_tit3 .m_hot3{
    font-size: 0.31rem;
    font-weight: 800;
    color: #FF4444 !important;
    font-family: PingFangSC-Regular, PingFang SC;
    margin-right: 0.34rem;

}
.m_message_tit3>span:nth-of-type(2){
    font-size:0.27rem;
    font-weight: 400;
    color: #333333;
    font-family: PingFangSC-Regular, PingFang SC;
}
.testimony{
    width: 100%;
    background: #0DB59D;
    padding-bottom: 0.96rem;
    position: relative;
}
.m_testimony_tit{
font-size: 0.34rem;
font-weight: 400;
color: #FFFFFF;
line-height: 0.48rem;
text-align: center;
padding-top: 0.68rem;
padding-bottom: 0.55rem;
}
.swiper-slide{
    border-radius: 0.07rem;
    
}
.testimony .swiper_img{
    height: 9.9rem;
    width: 100%;
    background: #fff;
    box-shadow: 0px 0.07rem 0.27rem 0px rgba(0,102,88,0.16);
    border-radius: 0.07rem;
}
.swiperBox2{
    width: 5.46rem;
    box-sizing: border-box;
    overflow: hidden;
    margin: 0 auto;
    border-radius: 0.07rem;
}
.swiper_txt{
    width: 5.46rem;
    background: #FFFFFF;
    border-radius: 0.07rem;
    box-sizing: border-box;
    font-size: 0.27rem;
    font-weight: 400;
    color: #999999;
    line-height: 0.48rem;
    padding-top: 0.55rem;
    padding-left: 0.39rem;
    padding-right: 0.39rem;
}
.swiper_logo_img{
    width: 1.09rem;
    height: 1.09rem;
    margin-left: 3.96rem;
    margin-top: 1.19rem;
}
.swiper_logo_img img{
    width: 100%;
    height: 100%;
}
.swiper_log_txt{
    font-size: 0.27rem;
    font-weight: 400;
    color: #999999;
    line-height:0.38rem;
    text-align: right;
    margin-right: 0.41rem;
    margin-top: 0.21rem;
}
.testimony .swiper-button-prev{
  display: none;

}
.testimony .swiper-button-next{
  display: none;

}
.testimony .swiper-pagination-bullet-active {
    background-color: #fff;
}
.friend{
    background: #fff;
}
.friend_tit{
    font-size: 0.34rem;
    font-weight: 400;
    color: #333333;
    line-height: 0.48rem;
    text-align: center;
    padding-top: 0.7rem;
    padding-bottom: 0.32rem;
}
.friend_img{
    width: 100%;
    height: 9.75rem;
}
.friend_img img{
    width: 100%;
    height: 100%;
}
.m_form_content{
    width: 6.40rem;
    height: 3.41rem;
    background: url('../img/m_test.png') no-repeat;
    background-size: 100% 100%;
}
.m_friend_left>div:nth-of-type(1){
    font-size: 0.34rem;
    font-weight: 400;
    color: #FFFFFF;
    line-height: 0.48rem;
    text-align: center;
    padding-top: 0.68rem;
}
.m_friend_left>div:nth-of-type(2){
    font-size: 0.24rem;
    font-weight: 400;
    color: #FFFFFF;
    line-height: 0.34rem;
    text-align: center;
    margin-top: 0.07rem;
}
.m_friend_left>div:nth-of-type(3){
    width: 2.87rem;
    height: 0.68rem;
    background: #FFFFFF;
    border-radius: 0.07rem;
    margin:0 auto;
    text-align: center;
    line-height: 0.68rem;
    margin-top: 0.48rem;
    font-size: 0.27rem;
    font-weight: 400;
    color: #31CCA5;
}
.m_footer{
    background: #272B2E;
    box-sizing: border-box;
    padding-top:0.72rem;
    padding-left: 0.68rem;
    padding-bottom: 1rem;
}
.m_call{

}
.m_call>span:nth-of-type(1){
font-size:0.24rem;
font-weight: bold;
color: #FFFFFF;
line-height: 0.34rem;
margin-right: 0.27rem;
font-family: PingFangSC-Regular, PingFang SC;
}
.m_call>span:nth-of-type(2){
font-size: 0.24rem;
font-weight: 400;
color: #AAAAAA;
line-height: 0.34rem;
font-family: PingFangSC-Regular, PingFang SC;
}
.right_call{
    margin-top: 0.1rem;
    margin-bottom:0.58rem;
}
.right_call>span:nth-of-type(1){
font-size: 0.24rem;
font-weight: 400;
color: #CCCCCC;
line-height: 0.34rem;
margin-right: 0.2rem;
font-family: PingFangSC-Regular, PingFang SC;
}
.right_call>span:nth-of-type(2){
font-size: 0.24rem;
font-weight: 400;
color: #0DB59D;
line-height: 0.34rem;
font-family: PingFangSC-Regular, PingFang SC;
}
.m_href{
margin-bottom: 0.55rem;
}
.m_href_two{
margin-bottom: 0.55rem;   
}
.m_href a ,.m_href_two a{ 
font-size: 0.24rem;
font-weight: bold;
color: #FFFFFF;
line-height:0.34rem;
}
.m_href a:nth-of-type(1){
 margin-right: 1.3rem;
font-size: 0.24rem;

}
.m_href_two a:nth-of-type(1),.m_href_two a:nth-of-type(2){
    margin-right: 0.8rem;
   font-size: 0.24rem;
   
}
.m_href a:nth-of-type(2){
margin-right:0.8rem;
font-size: 0.24rem;

}
.m_href_main{
font-size: 0.24rem;
color: #FFFFFF;
line-height: 0.34rem;
line-height: 0.61rem;
color: #cccccc;
}
.m_href_main>div:nth-of-type(1){
    color: #fff;
    font-size: 0.24rem;
    font-weight: bold;
}
.m_footer_nav_click{
    font-size: 0.24rem;
}
.m_fix_bottom{
    width: 100%;
    height: 0.96rem;
    background: #FFFFFF;
    position: fixed;
    z-index: 100;
    display: flex;
    align-items: center;
    bottom: 0;
    left: 0;
    padding-left: 0.27rem;
}
.m_fix_bottom>div:nth-of-type(1){
    width: 2.32rem;
    height: 0.68rem;
    background: #FFFFFF;
    border-radius: 0.07rem;
    border: 1px solid #0DB59D; 
    font-size: 0.27rem;
    font-weight: 400;
    color: #0DB59D;
    text-align: center;
    line-height: 0.68rem;
    margin-right: 0.2rem;
}
.m_fix_bottom>div:nth-of-type(2){
    width: 3.33rem;
    height: 0.68rem;
    background: #0DB59D;
    border-radius: 0.07rem;
    font-size: 0.27rem;
    font-weight: 400;
    color: #fff;
    text-align: center;
    line-height: 0.68rem;
    margin-right: 0.2rem;
}
.message_call{
    width:1.1rem;
    position: fixed;
    bottom: 2.8rem;
    right: 0.2rem;
    z-index: 10;
}
.message_call img{
    width: 100%;
}
.m_right_aleart_call_main{
    width: 100%;
    height: 100%;
    position: fixed;
    background: rgba(0,0,0,0.3);
    top: 0;
    left: 0;
    z-index: 1000;
    display: none;
}
.m_right_aleart_call{
    width: 5.29rem;
    height: 2.8rem;
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 9999;
    margin-top: -1.5rem;
    margin-left: -2.5rem;
    background: #fff;
    border-radius: 0.2rem;
}
.m_right_call_tit{
    font-size: 0.31rem;
    font-family: PingFang-SC-Bold, PingFang-SC;
    font-weight: bold;
    color: #333333;
    margin-top: 0.43rem;
    text-align: center;
}
.m_right_call_content{
    font-size: 0.27rem;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: #666666;
    line-height: 0.41rem;
    text-align: center;
    margin-top: 0.17rem;
}
.m_right_call_footer{
    display: flex;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    justify-content: space-around;
    font-size: 0.24rem;
    border-top: 1px solid #ECECEC;
}
.m_close_call{
    height: 0.8rem;
    border-right: 1px solid #ECECEC;
    line-height: 0.8rem;
    width: 50%;
    box-sizing: border-box;
    text-align: center;
    font-size: 0.29rem;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: #999999;
}
.m_center_call{
    height: 0.8rem;
    border-right: 1px solid #ECECEC;
    line-height: 0.8rem;
    width: 50%;
    box-sizing: border-box;
    text-align: center;
    font-size: 0.29rem;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: #0DB59D;
    line-height:0.8rem;
}
.m_freeTrial{
    width: 100%;
    border-radius: 0.16rem 0.16rem 0rem 0rem;
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 100;
    background: #fff;
    display: none;
}
.m_freeTrial_tit{
    font-size: 0.26rem;
    font-weight: 400;
    color: #333333;
    line-height: 0.35rem;
    margin-top: 0.29rem;
    text-align: center;
}
.m_freeTrial_tit1{
    font-size: 0.32rem;
    font-weight: bold;
    color: #333333;
    line-height: 0.45rem;
    text-align: center;
    margin-top: 0.51rem;
}
.m_freeTrial_txt{
    font-size: 0.26rem;
    font-weight: 400;
    color: #666666;
    line-height: 0.35rem;
    text-align: center;
    margin-top: 0.13rem;
    margin-bottom: 0.38rem;
}
.m_right_apply{
    width: 5.49rem;
    height: 0.70rem;
    background: #0DB59D;
    margin: 0 auto;
    margin-top: 0.9rem;
    border-radius: 0.06rem;
    text-align: center;
    font-size: 0.26rem;  
    color: #FFFFFF;
    line-height:0.7rem;
    margin-bottom: 0.4rem;
}
.m_form_type{
    display: flex;
    width: 5.49rem;
    height: 0.64rem;  
    border-radius: 3px;
    border: 1px solid #DCDDE0;
    margin: 0 auto;
    margin-bottom: 0.26rem;
    justify-content: space-between;
}
.m_form_type>div:nth-of-type(1) ,.m_form_call>div:nth-of-type(1){
    font-size: 0.26rem;
    font-weight: 400;
    color: #333333;
    line-height:0.64rem;
    margin-left: 0.26rem;
}
.m_form_type>div:nth-of-type(2),.m_form_call>div:nth-of-type(2){
    width: 3.95rem;
    height: 0.64;
}
.m_form_type>div:nth-of-type(2) input,.m_form_call>div:nth-of-type(2) input{
    outline: none;
    border: 0;
    width: 3.95rem;
    height: 0.64rem;
    font-size: 0.26rem;
    line-height: 0.64rem;
    box-sizing: border-box;
    padding-right: 0.26rem;
}
.m_form_call{
    display: flex;
    width: 5.49rem;
    height: 0.64rem;  
    border-radius: 3px;
    border: 1px solid #DCDDE0;
    margin: 0 auto;
    /* margin-bottom: 0.26rem; */
    justify-content: space-between;
}
.m_form_call_border{
    border: 1px solid #FF4444 !important;
}
.m_tip_txt{
    width: 5.49rem;
    height: 0.26rem;
    margin: 0 auto;
    text-align: right;
}
.m_tip_txt span{
    display: none;
    color: #FF4444;
    font-size: 0.22rem;
    line-height: 0.26rem;
}
.m_form_post{
    display: flex;
    width: 5.49rem;
    height: 0.64rem;  
    border-radius: 3px;
    border: 1px solid #DCDDE0;
    margin: 0 auto;
    margin-bottom: 0.26rem;
    justify-content: space-between;
}
.m_form_post>div:nth-of-type(1){
    font-size: 0.26rem;
    font-weight: 400;
    color: #333333;
    line-height:0.64rem;
    margin-left: 0.26rem;
}
.m_form_post>div:nth-of-type(2){
    width: 3.95rem;
    height: 0.64rem;
    display: flex;
    box-sizing: border-box;
    justify-content: space-between;
}
.m_select_area{
    font-size: 0.26rem;
    font-weight: 400;
    line-height: 0.64rem;
    color: #7d7d7d;
   
}
.m_select_area_aa{
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-right: 0.14rem;
    box-sizing: border-box;
}
.m_select_area_img{
    width:0.38rem;
    height: 0.38rem;
}
.m_select_area_img img{
    width: 100%;
    height: 100%;
}
.m_close_btn{
    position: absolute;
    top: 0.32rem;
    right: 0.38rem;
    width: 0.32rem;
    height: 0.32rem;
}
.m_close_btn img{
    width: 100%;
    height: 100%;
}
.m_position_wrap{
    width: 100%;
    height: 3.80rem;
    position: fixed;
    bottom: 0;
    left: 0;
    z-index:300;
}
.m_rigtCall_model{
    position: fixed;
    bottom:0;
    left: 0;
    width: 100%;
    background: #fff;
    box-shadow: 0px 0.04rem 0.16rem 0px rgba(0, 0, 0, 0.08);
    border-radius: 0.04rem;
    z-index: 100;
    display: none;
    padding-bottom: 1rem;
}
.m_rightCall_tit{
    height: 0.96rem;
    width: 100%;
    box-sizing: border-box;
    padding: 0.16rem 0.24rem;
    display: flex;
    justify-content: space-between;
    background: #F8F8F8;
    align-items: center;
}
.m_rightCall_tit1{
    font-size: 0.32rem;
    font-weight: bold;
    color: #333333;
    line-height: 0.45rem;
}
.m_rightCall_close{
    width: 0.38rem;
    height: 0.38rem;
}
.m_rightCall_close img{
    width: 100%;
    height: 100%;
}
.m_rightCall_content{
    display: flex;
    box-sizing: border-box;
    /* padding: 0 0.39rem; */
    padding-left: 0.64rem;
    padding-right: 0.72rem;
    margin-top: 0.51rem;
}
.m_rightCall_content>div:nth-of-type(1){
     width: 1.02rem;
     height: 1.02rem;
     margin-right: 0.34rem;
}
.m_rightCall_content>div:nth-of-type(1) img{
     width: 100%;
     height: 100%;
}
 .m_rightCall_content>div:nth-of-type(2){
     width: 3.3rem;
     height: 1.02rem;
    font-size: 0.26rem;
    font-weight: 400;
    color: #333333;
    line-height: 0.35rem;
    text-shadow: 0px 0.03rem 0.13rem rgba(0, 0, 0, 0.1);
    box-shadow: 0px 0.03rem 0.13rem 0px rgba(0,0,0,0.1);
    border-radius: 0.10rem;
    box-sizing: border-box;
    padding: 0.14rem 0.13rem 0.18rem 0.19rem;
 }
 .m_rightCall_content2{
     display: flex;
     box-sizing: border-box;
     margin-left: 0.64rem;
     margin-right: 0.72rem;
     margin-top: 0.7rem;
     border-bottom: 1px solid rgba(236, 236, 236, 1);
     padding-bottom: 0.51rem;
 }
 .m_rightCall_content2>div:nth-of-type(1){
     width: 0.64rem;
     height: 0.64rem;
     margin-right: 0.38rem;
     font-size: 0.29rem;
     font-weight: bold;
     color: #333333;
     line-height: 0.40rem;
 }
 .m_rightCall_content2>div:nth-of-type(1) img{
     width:100%;
 }
 .m_rightCall_content3{
     display: flex;
 }
 .m_rightCall_content2>div:nth-of-type(2){
     
 }
 .m_rightCall_content2>div:nth-of-type(2)>div:nth-of-type(1){
     font-size: 0.26rem;
     font-weight: bold;
     color: #333333;
     line-height: 0.35rem;
 }
 .m_rightCall_content2>div:nth-of-type(2)>div:nth-of-type(2){
    font-size: 0.26rem;
    font-weight: 400;
    color: #666666;
    line-height: 0.35rem;
 }
 .m_rightCall_content3{
     display: flex;
     margin-top: 0.56rem;
     box-sizing: border-box;
     padding-left: 0.64rem;
     padding-right: 0.7rem;
 }
 .m_rightCall_content3>div:nth-of-type(1){
     width: 0.64rem;
     height: 0.64rem;
     margin-right: 0.38rem;
 }
 .m_rightCall_content3>div:nth-of-type(2){
    font-size: 0.29rem;
    font-weight: bold;
    color: #333333;
    line-height: 0.40rem;
 }
 .m_rightCall_content3>div:nth-of-type(1) img{
     width: 100%;
 }
 .m_rightCall_content4 img{
     width: 100%;
     height: 100%;
 }
 .m_rightCall_content4{
     width: 2.88rem;
     margin: 0 auto;
 }
 .m_rightCall_content4>div:nth-of-type(2){
     font-size: 0.26rem;
     font-weight: 400;
     color: #333333;
     line-height: 0.35rem;
     margin-bottom: 0.48rem;
     margin-left: 0.45rem;
 }
 .m_certificate{
     width: 100%;
     height: 100%;
     background: rgba(0,0,0,0.3);
     position: fixed;
     top: 0;
     left: 0;
     display: none;
 }
 .m_certificate_content{
     width: 4.99rem;
     position: absolute;
     top: 50%;
     left: 50%;
     margin-top: -2rem;
     margin-left:-2.5rem;  
  
 }
 .m_certificate_content img{
     width: 100%;
     border-radius: 0.07rem;
 }
 .m_close{
     width: 0.67rem;
     height: 0.67rem;
     margin: 0 auto;
     margin-top: 0.5rem;
 }
 .m_close img{
     width: 100%;
     height: 100%;
 }
 .alert_model{
    width: 100%;
    height: 100%;
    position:fixed;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.3);
    z-index: 999;
    display: none;
}
.m_alert_model_content{
    width: 5.29rem;
    height: 2.80rem;
    background: #fff;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top:-1.4rem;
    margin-left: -2.654rem;
    border-radius: 0.17rem;
    box-sizing: border-box;
}
.m_alert_content_tit >div:nth-of-type(1){
    font-size: 0.31rem;
    font-family: PingFang-SC-Bold, PingFang-SC;
    font-weight: bold;
    color: #333333;
    margin-top: 0.43rem;
    text-align: center;
    margin-top: 0.43rem;

}

.m_alert_bottom{
    position: absolute;
    bottom: 0rem;
    left: 0rem;
    width: 5.29rem;
    height: 0.8rem;
    border-top: 1px solid rgba(236, 236, 236, 1);
    font-size: 0.29rem;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: #0DB59D;
    line-height: 0.41rem;
    line-height: 0.8rem;
    text-align: center;
}
.m_alert_model_txt{
    width: 4.03rem;
    margin: 0 auto;
    font-size: 0.27rem;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: #666666;
    line-height: 0.41rem;
    text-align: center;
    margin-top: 0.17rem;

}
@media screen and (min-width:900px){
    .main{
        width: 100%;
    }
    .wrap{
        display: none;
        width: 100%;
    }
    .wrap_head_main{
        position: fixed;
        top: 0;
        left: 0;
        opacity: 1;
        width: 100%;
        z-index: 100;
        background:rgba(13, 181, 157, 0);
      
    }
    .wrap_head{
        width: 12rem;
        margin: 0 auto;
        height: 0.84rem;
        display: flex;
        justify-content: space-between;
    }

    .wrap_head_left{
        display: flex;
    }
    .head_log{
        /* width: 1.31rem; */
        width:2.12rem;
        margin-top: 0.18rem;
    }
    .head_log img{
        width: 100%;
    }
    .head_ul{
        display: flex;
        margin-left: 0.72rem;
        margin-top: 0.26rem;
       
    }
    .head_ul .href_click{
        margin-right: 0.42rem;
    }
    .head_ul .href_click a{
        color: #FFFFFF;
        font-size: 0.16rem;
    }
    .active{
        display: block;
        width: 0.3rem;
        margin: 0 auto;
        height:0.06rem;
        background: #fff;
        border-radius: 0.06rem;
        margin-top: 0.22rem;
    }
    .login_reg{
        /* margin-left: 1.00rem; */
        display: flex;
        margin-top: 0.18rem;
    }
    .login{
        width: 1.04rem;
        height: 0.38rem;
        background: rgba(255, 255, 255, 0.24);
        border-radius: 4px 0px 0px 4px;
        border: 1px solid #FFFFFF;  
        border-right: 0px;      
        font-size: 0.16rem;
        text-align: center;
        line-height: 0.38rem;
        color: #fff;
    }
    .login a, .reg a{
        font-size: 0.16rem;
        text-align: center;
        line-height: 0.38rem;
        color: #fff;
    }
    .reg{
        width: 1.04rem;
        height: 0.38rem;
        background: rgba(255, 255, 255, 0.24);
        border-radius: 0px 4px 4px 0px;
        border: 1px solid #FFFFFF;
        color: #fff;
        font-size: 0.16rem;
        text-align: center;
        line-height: 0.38rem;
        cursor: pointer;
    }
    .banner{
        width: 100%;
        height: 100vh;
        /* background: linear-gradient(176deg, #0DB59D 0%, #3AD2A7 100%); */
        overflow: hidden;
    }
    .banner .swiper-button-prev{
        position: absolute;
        left: 13.33%;
        top: 50%;
        background: url('../img/turnPre.png') no-repeat;
        width:0.58rem;
        height: 0.58rem;
        background-size:100% 100%;
        display: block !important;

    }
    .banner  .swiper-button-next{
        position: absolute;
        right: 13.33%;
        top: 50%;
        background: url('../img/turnNext.png') no-repeat;
        width:0.58rem;
        height: 0.58rem;
        background-size:100% 100%;
        display: block !important;

    }
    .banner .testimony .swiper-button-next{
        position: absolute;
        right: 50%;
        top: 50%;
        background: url('../img/turnNext.png');
        width:0.58rem;
        height: 0.58rem;
        background-size:100% 100%;
        display: block !important;

    }
    .swiperBox{
        width: 100%;
        height: 100vh;
        /* background: linear-gradient(176deg, #0DB59D 0%, #3AD2A7 100%); */
        overflow: hidden;
        position: relative;
    }
    .banner1{
        width: 100%;
        height: 100vh;
        background: linear-gradient(176deg, #0DB59D 0%, #3AD2A7 100%);
    }
    .banner2{
        width: 100%;
        height: 100vh;
        background: linear-gradient(176deg, #769AE0 0%, #42D0C0 100%);
    }
    .banner3{
        width: 100%;
        height: 100vh;
        background: linear-gradient(176deg, #0DB59D 0%, #4AE7D3 100%);
    }
    .banner4{
        width: 100%;
        height: 100vh;
        background: linear-gradient(176deg, #01C0B6 0%, #1BD09F 100%);
    }
    .swiper_Img{
        display: block;
        width: 14.39rem;
        margin: 0 auto;
        position: absolute;
        left: 50%;
        bottom: 0;
        margin-left: -6rem;
    }
    .img_text1{
        position: absolute;
        top: 3.46rem;
        left: 0;
    }
    .img_text4{
        position: absolute;
        top: 3.1rem;
        left: 0;
    }
    .desc_text4{
        width: 6.26rem;
        height: 0.54rem;
        background: #fff;
        font-size: 0.30rem;
        font-weight: 400;
        color: #13CBA6;
        line-height: 0.54rem;
        letter-spacing: 0.18rem;
        box-sizing: border-box;
        padding-left: 0.34rem;
    }
    .desc_er4{
        width: 6.5rem;
        font-size: 0.30rem;
        font-weight: 400;
        color: #FFFFFF;
        margin-top: 0.1rem;
    }
    .desc_er4 span{
        margin-right: 0.61rem;
        font-size: 0.24rem;
        font-weight: 400;
        color: #FFFFFF;
    }
    .desc_text{
        font-size: 0.3rem;
        font-weight: 400;
        color: #FFFFFF;
        line-height: 0.45rem;
    }
    .desc_text2{
        width: 5.2rem;
        font-size: 0.30rem;
        font-weight: 400;
        color: #FFFFFF;
        line-height: 0.45rem;
        margin-bottom: 0.52rem;
    }
    .desc_er{
        display: flex;
        align-items: flex-end;
    }
    .desc_er img{
        width: 1.48rem;
        height: 1.48rem;
    }
    .desc_er>div{
        width: 1.40rem;
        font-size: 0.20rem;
        font-weight: 400;
        color: #FFFFFF;
        line-height: 0.32rem;
        margin-bottom: 0.2rem;
        margin-left: 0.25rem;
    }
    .desc_er2{
        display: flex;
        align-items: flex-end;
    }
    .desc_er2 img{
        width: 1.4rem;
        height: 1.4rem;
    }
    .desc_er2>div{
        width: 1rem;
        font-size: 0.20rem;
        font-weight: 400;
        color: #FFFFFF;
        line-height: 0.32rem;
        margin-left: 0.2rem;
    }
    .join_button{
        width: 1.76rem;
        height: 0.48rem;
        background: #FFFFFF;
        border-radius: 4px;
        line-height: 0.48rem;
        font-size: 0.2rem;
        font-weight: 400;
        color: #31CCA5;
        text-align: center;
        margin-top: 0.32rem;
    }
    .swiper_Img_banner1{
        width: 14.39rem;
        height: 8.28rem;
        position: absolute;
        bottom: 0;
        left: 0;
    }
    .swiper_Img_banner1>img{
        width: 100%;
        height: 100%;
    }
    .swiperBox .swiper-pagination-bullet-active {
        background-color: #fff;
    }
    .tell_call{
        margin-top:0.16rem;
        font-size: 0.2rem;
        font-weight: 400;
        color: #FFFFFF;
    }
    .tell_call span:nth-of-type(1){
        margin-right: 0.16rem;
        height: 0.28rem;
        font-size: 0.24rem;
        font-weight: 400;
        color: #FFFFFF;
        line-height: 0.28rem;
    }
    .tell_call span:nth-of-type(2){
        margin-right: 0.16rem;
        height: 0.28rem;
        font-size: 0.20rem;
        font-weight: 400;
        color: #FFFFFF;
        line-height: 0.28rem;
    }
    .position_map{
        width: 100%;
        height: 11.2rem;
        overflow: hidden;
        background: url('../img/bg_position.png') no-repeat;
    }
    .text_tit{
        width: 12rem;
        margin: 0 auto;
    }
    .position{
        width: 12rem;
        height: 7.69rem;
        margin: 0 auto;
    }
    .position img{
        width:100%;
    }
    .desc_tit{
        font-size: 0.26rem;
        font-weight: 400;
        color: #333333;
        line-height: 0.37rem;
        text-align: center;
        margin-top: 1.14rem;
        margin-bottom: 0.72rem;
    }
    .desc_info{
        display: flex;
        justify-content: space-between;
        margin-bottom: 0.55rem;
    }
    .desc_num{

    }
    /* .num_text{
        height: auto;
    }
    .js-box {
        display: inline-block;
    }
    .box{
        height: .49rem;
        overflow: hidden;
        float: left;
      }
      .box span{
        display: inline-block;
         background-image: -webkit-gradient(linear,0 0,0 bottom,from(#0DB59D),to(#0DB59D));
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        width: auto;
        height: auto;
        font-size: 0.36rem;
        line-height: .49rem;
        text-align: left;
      }
      .box .sign-box span{
        width: auto;
      }
      .box .digit-container{
        width: .2rem;
        text-align: center;
        overflow: hidden;
        font-size: 0;
      }
      .l{
        float: left;
      } */
    .num_text>span:nth-of-type(1){
        font-size: 0.36rem;
        color: #0DB59D;
        line-height: 0.49rem;
    }
    .num_text>span:nth-of-type(2){
        font-size: 0.14rem;
        color: #0DB59D;
        line-height: 0.49rem;
    }
    .num_text>span:nth-of-type(3){
        font-size: 0.14rem;
        font-weight: 400;
        color: #0DB59D;
        line-height: 0.2rem;
    }
    .num_info{
        font-size: 0.16rem;
        font-weight: 400;
        color: #999999;
        line-height: 0.24rem;
    }
    .dev_history{
        width: 100%;
        height: 6.28rem;
        background: url('../img/dev.png')  no-repeat;
        background-size: 100% auto;
        overflow: hidden;
    }
    .dev_content{
        width: 10.69rem;
        margin: 0 auto;
    }
    .dev_content_top{
        display: flex;
        margin-top: 1.02rem;
    }
    .content_one{
        background: url('../img/down.png') no-repeat;
        background-size: 100% 100%;
        width:2.42rem;
        height: 1.22rem;
        box-sizing: border-box;
        padding-left: 0.16rem;
        padding-top: 0.14rem;
        padding-right: 0.16rem;
    }
    .content_one>div:nth-of-type(1){
        font-size: 0.16rem;
        font-weight: bold;
        color: #333333;
        line-height: 0.22rem;
    }
    .content_one>div:nth-of-type(2){
        font-size: 0.16rem;
        font-weight: 400;
        color: #666666;
        line-height: 0.26rem;
        margin-top: 0.16rem;
    }
    .content_one:nth-of-type(1){
        margin-left: 0.47rem;
    }
    .content_one:nth-of-type(2){
        margin-left:1.13rem;
    }
    .content_one:nth-of-type(3){
        margin-left: 1.13rem;
    }
    .dev_content_bottom{
        display: flex;
        margin-top: 0.12rem;
    }
    .content_two{
        background: url('../img/up.png') no-repeat;
        background-size: 100% 100%;
        width:2.42rem;
        height: 1.23rem;
        box-sizing: border-box;
        padding-top:0.23rem;
        padding-left: 0.16rem;
        padding-right: 0.16rem;
    }
    .content_two>div:nth-of-type(1){
        font-size: 0.16rem;
        font-weight: bold;
        color: #333333;
        line-height: 0.22rem;
    }
    .content_two>div:nth-of-type(2){
        font-size: 0.16rem;
        font-weight: 400;
        color: #666666;
        line-height: 0.26rem;
        margin-top: 0.16rem;
    }
    .content_two:nth-of-type(1){
        margin-left: 2.24rem;
    }
    .content_two:nth-of-type(2){
        margin-left: 1.14rem;
    }
    .dev_content_middle{
        width: 10.69rem;
        height: 0.26rem;
    }
    .dev_content_middle img{
        width: 100%;
        height: 100%;
    }
    .system{
        height: 10.16rem;
        background: #FAFAFA;
    }
    .dev_tit{
        font-size: 0.26rem;
        font-weight: 400;
        color: #FFFFFF;
        line-height: 0.37rem;
        text-align: center;
        margin-top: 0.96rem;
    }
    .system_tit{
        padding-top: 0.73rem;
        text-align: center;
        font-size: 0.26rem;
        font-weight: 400;
        color: #333333;
        line-height: 0.37rem;
        padding-bottom: 0.2rem;
    }
    .system_banner{
        width: 12rem;
        margin:0 auto;
        margin-top:0.64rem;
    }
    .system_txt{
        text-align: center;
        font-size: 0.16rem;
        font-weight: 400;
        color: #999999;
        line-height: 0.3rem
    }
    .system_banner img{
        width: 100%;
    }
    .hot_message{
        background: #fff;
        padding-top: 1.04rem;
        padding-bottom: 1.14rem;
    }
    .hot_message_content{
        width: 12rem;
        margin: 0 auto;
    }
    .hot_message_txt{
        font-size:0.26rem;
        font-weight: 400;
        color: #333333;
        line-height: 0.37rem;
        text-align: center;
    }
    .message_content{
        width: 12rem;
        margin:0 auto;
        display: flex;
        justify-content: space-between;
        margin-top: 0.64rem;
        box-sizing: border-box;
    }
    .message_tit1{
        display: flex;
        justify-content: space-between;
        margin-bottom: 0.2rem;
    }
    .message_tit1>div:nth-of-type(1){
        font-size: 0.14rem;
        font-weight: 400;
        color: #333333;
        line-height: 0.2rem;
    }
    .message_tit1>div:nth-of-type(2){
        font-size: 0.14rem;
        font-weight: 400;
        color: #4C97FF;
        line-height: 0.2rem;
        display: flex;
        align-items: center;
    }
    .message_tit1>div:nth-of-type(2) img{
        width: 0.2rem;
        height: 0.2rem;
    }
    .message_tit2{
        display: flex;
        margin-bottom: 0.24rem;
    }
    .message_tit2>div:nth-of-type(1){
        margin-right: 0.2rem;
        width: 1.2rem;
        height: 0.76rem;
    }
    .message_tit2>div:nth-of-type(1) img{
        width: 100%;
    }
    .message_tit2>div:nth-of-type(2)>div:nth-of-type(1){
        font-size: 0.18rem;
        font-weight: 400;
        color: #333333;
        line-height: 0.3rem;
    }
    .message_tit2>div:nth-of-type(2)>div:nth-of-type(2){
        font-size: 0.16rem;
        font-weight: 400;
        color: #999999;
        line-height: 0.26rem;
        margin-top:2px;
        width: 5.76rem;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
    }
    .message_right{

    }
    .right_hot_message{

    }
    .message_tit3{
        margin-bottom: 0.21rem;
        display: flex;
        align-items: center;
    }
    .message_tit3 span:nth-of-type(1){
        display: block;
        width: 0.2rem;
        height: 0.2rem;
        color: #fff;       
        font-size: 0.18rem;
        font-weight: 800;
        color: #FFFFFF;
        line-height: 0.2rem;
        background: #cccccc;
        text-align: center;
        margin-right: 0.2rem;

    }
    .message_tit3 span:nth-of-type(2){
        display: block;
        width: 2.72rem;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
        font-size: 0.16rem;
    }
    .message_tit3 .hot1{
        background: #FF4444 !important;
    }
    .message_tit3  .hot2{
        background: #FE8355 !important;
    }
    .message_tit3 .hot3{
        background: #FEB755 !important;
    }
    .testimony{
        width: 100%;
        height: 7.34rem;
        background: url('../img/testimony.png') no-repeat;
        background-size:100% auto ;
       
        padding-bottom: 0;
    }
    .testimony_relative{
        position: relative;
        margin-top: 0.61rem;
    }
    .testimony_tit{
        font-size: 0.26rem;
        font-weight: 400;
        color: #FFFFFF;
        line-height: 0.37rem;
        text-align: center;
        padding-top:0.98rem; 
    }
    .swiperBox2{
        width: 9.96rem;
        margin: 0 auto;
        overflow: hidden;
      
    }
    .swiper_Img2{
        width: 9.96rem;
        height: 3rem;
        background: #FFFFFF;
        box-shadow: 0px 0.04rem 0.16rem 0px rgba(0, 102, 88, 0.16);
        border-radius: 0.04rem;
        background: #fff;
        box-sizing: border-box;
        padding-top: 0.4rem;
        padding-left:0.63rem;
        padding-right:0.63rem;
    }
 
    .testimony .swiper-button-prev{
        position: absolute;
        left: 50%;
        top: 50%;
        background: url('../img/prev.png') no-repeat;
        width:0.58rem;
        height: 0.58rem;
        background-size:100% 100%;
        margin-left:-6rem;
        margin-top: -0.29rem;
        display: block !important;

    }
    .swiper_txt2{
        width: 8.7rem;
        font-size: 0.16rem;
        line-height: 0.32rem;
        margin: 0 auto;
        font-weight: 400;
        color: #999999;
    }
    .swiper_logo{
        display: flex;
        justify-content: flex-end;
        margin-top: 0.19rem;
        align-items: center;
    }
    .swiper_logo>div:nth-of-type(1){
        margin-right:0.33rem;      
        font-size: 0.16rem;
        font-weight: 400;
        color: #999999;
        line-height: 0.22rem;
    }
    .swiper_logo>div:nth-of-type(2){
        width: 0.64rem;
        height: 0.64rem;
    }
    .swiper_logo>div:nth-of-type(2) img{
        width: 100%;
        height: 100%;
    }
    .testimony .swiper-button-next{
        position: absolute;
        right: 50%;
        top: 50%;
        background: url('../img/next.png') no-repeat;
        width:0.58rem;
        height: 0.58rem;
        background-size:100% 100%;
        margin-right:-6rem;
        display: block !important;
        margin-top: -0.29rem;

    }
    .testimony .swiper-pagination{
        bottom: 0;
        top: 4rem;
    } 
    .testimony .swiper-pagination-bullet-active {
        background-color: #fff;
    }
    .friend{
        background: #fff;
        /* padding:1.14rem 0; */
        padding-bottom: 1.14rem;
    }
    .friend_tit{
        text-align: center;
        font-size: 0.26rem;
        font-weight: 400;
        color: #333333;
        line-height:0.37rem;
        margin-bottom: 0.72rem;
    }
    .friend_img{
        width: 12rem;
        height: 6.26rem;
        margin: 0 auto;
    }
    .friend_img img{
        width: 100%;
        height: 100%;
    }
    .form_content{
        width: 11rem;
        display: flex;
        padding:0.48rem 0;
        margin: 0 auto;
        border-radius: 4px;
        border: 1px solid #ECECEC;
        margin-top: 0.75rem;
    }
    .friend_left{
        padding-left: 0.95rem;
        padding-right: 1.12rem;
        border-right: 1px solid #ECECEC;
    }
    .friend_left>div:nth-of-type(1){
        font-size: 0.26rem;
        font-weight: bold;
        color: #333333;
        line-height: 0.37rem;
        text-align: center;
        padding-top: 0;
    }
    .friend_left>div:nth-of-type(2){
        border-radius: 2px;
        border: 1px solid #0DB59D;
        font-size: 0.18rem;
        color: #0DB59D;
        line-height: 0.25rem;
        padding-left: 0.12rem;
        padding-right:0.12rem;
        margin-top: 0.11rem;
    }
    .friend_left>div:nth-of-type(3){
        width: 0.68rem;
        height: 0.68rem;
        margin: 0 auto;
        margin-top: 0.35rem;
    }
    .friend_left>div:nth-of-type(3) img{
        width: 0.68rem;
        height: 0.68rem;
    }
    .friend_left>div:nth-of-type(4){
        font-size: 0.26rem;
        font-weight: bold;
        color: #333333;
        line-height: 0.37rem;
        text-align: center;
        margin-top: 0.38rem;
    }
    .friend_left>div:nth-of-type(5){
        font-size: 0.18rem;
        font-weight: 400;
        color: #666666;
        line-height: 0.25rem;
        text-align: center;
    }
    .friend_right{
        margin-left: 1.26rem;
    }
    .friend_right>div:nth-of-type(1){
        font-size: 0.26rem;
        font-weight: bold;
        color: #333333;
        line-height: 0.37rem;
        text-align: center;
      
    }
    .friend_right>div:nth-of-type(2){
        font-size: 0.18rem;
        font-weight: 400;
        color: #666666;
        line-height: 0.25rem;
        text-align: center;
        margin-top: 0.08rem;
        margin-bottom: 0.32rem;
    }
    .friend_right>div:nth-of-type(3){
        width: 3.06rem;
        height: 0.4rem;
        background: #FFFFFF;
        border-radius: 2px;
        border: 1px solid #ECECEC;
        margin-bottom: 0.16rem;
    }
    .friend_right>div:nth-of-type(3) input {
        outline: none;
        border: 0;
        width: 3.06rem;
        height: 0.4rem;
        line-height: 0.4rem;
        box-sizing: border-box;
        padding-left: 0.16rem;
        font-size: 0.16rem;
    }
    .friend_right>div:nth-of-type(6){
        width: 3.04rem;
        height:0.4rem;
        background: #0DB59D;
        border-radius: 2px;
        text-align: center;
        line-height: 0.4rem;
        color: #fff;
        font-size: 0.16rem;
        margin-top: 0.4rem;
        margin-left: 2px;
        cursor: pointer;
    }
    .friend_right  .friend_right_call{
        width: 3.06rem;
        height: 0.4rem;
        margin: 0 auto;
        background: #FFFFFF;
        border-radius: 0.02rem;
        border: 1px solid #ECECEC;
        margin-bottom: 0.16rem;
        display: flex;
    }
     .friend_right  .friend_right_call input{
        width: 1.4rem;
        height: 0.4rem;
        border: 0;
        line-height: 0.4rem;
        outline: none;       
        font-size: 0.16rem;
        font-weight: 400;
        color: #333333;
        line-height: 0.22rem;
        box-sizing: border-box;
        padding-left:0.16rem;
     }

    .footer{
        width: 100%;
        min-height: 3.76rem;
        background: #272B2E;
        box-sizing: border-box;
        padding-top: 0.48rem;
        
    }
    .footer_wrap{
        width: 12rem;
        margin: 0 auto;
        display: flex;
        justify-content: space-between;
    }
    .footer_left{
        width: 6rem;
    }
    .footer_nav{
        display: flex;
    }
    .footer_nav div{
        padding-right: 0.16rem;
        border-right: 1px solid  #555555;
        padding-left: 0.16rem;
    }
    .footer_nav div:nth-of-type(1){
        padding-left: 0;
    }
    
    .footer_nav div a{
       color: #999999;
       font-size: 0.16rem;
    }
    .footer_nav div a:hover{
        color: #fff;
    }
    .footer_right{
        width: 6rem;
     }
     .er_wei_ma{
         display: flex;
         box-sizing: border-box;
         padding-left: 0.6rem;
         justify-content: flex-end;
     }
     .er_wei_img{
         width: 1.6rem;
         margin-right: 0.3rem;
     }
     .er_wei_right{
         margin-right: 0;
     }
     .er_wei_img>div:nth-of-type(1){
         width: 0.96rem;
         height: 0.96rem;
         margin: 0 auto;
 
     }
     .er_wei_img>div:nth-of-type(2){
         font-size: 0.12rem;
         font-weight: 400;
         color: #999999;
         line-height: 0.17rem;
         text-align: center;
         margin-top: 0.16rem;
     }
     .er_wei_img>div:nth-of-type(1) img{
         width: 0.96rem;
         height: 0.96rem;
     }
     .footer_nav_list{
         margin-top: 0.56rem;
     }
     
     .footer_nav_list>div{
         font-size: 0.14rem;
         font-weight: 400;
         color: #999999;
         line-height: 0.22rem;
         margin-bottom: 0.16rem;
     }
     .footer_nav_list>div:nth-of-type(1){
         font-size: 0.16rem;
         color: #fff;
     }
     .footer_nav_list>div:hover{
         color: #fff;
         cursor: pointer;
     }
     .footer_nav_list>div:nth-of-type(1):hover{
         color: #fff;
     }
     .footer_right_desc{
         margin-top: 0.70rem;
     }
     .footer_right_desc>div{
         display: flex;
         justify-content: space-between;
         font-size: 0.12rem;
         font-weight: 400;
         color: #999999;
         line-height: 0.32rem;
     }
     .footer_right_desc span{
         font-size: 0.12rem;
     }
     .footer_right_desc>div:nth-of-type(2) span:nth-of-type(1){
         margin-right:0.32rem;
         font-size: 0.12rem;
         display: block;
         width: 3.5rem;
     }
    .certificate{
        width: 100%;
        height: 100%;
        position: fixed;
        top: 0;
        left: 0;
        background: rgba(0,0,0, 0.3);
        z-index: 200;
        display: none;
    }
    .certificate_content{
        width: 4.68rem;
        /* height: 6.64rem; */
        background: #FFFFFF;
        box-shadow: 0px 0.02rem 0.16rem 0px rgba(0, 0, 0, 0.16);
        border-radius: 0.04rem;
        border: 6px solid rgba(0, 0, 0, 0.21);
        position: absolute;
        z-index: 300;
        top: 50%;
        left: 50%;
        margin-top:-3.32rem;
        margin-left:-2.34rem;
    }
    .close{
        width: 0.36rem;
        height: 0.36rem;
        position: absolute;
        right: 0.24rem;
        top: 0.24rem;
        z-index:400;
        background: rgba(0, 0, 0, 0.24);
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 100%;
    }
    .close img{
        width: 0.24rem;
        height: 0.24rem;
    }
    .certificateImg{
        width: 100%;
        height: 100%;
    }
    .certificateImg img{
        width: 100%;
    }
    .saveCall{
        width: 100%;
        height: 100%;
        background: rgba(0, 0, 0, 0.7);
        position: fixed;
        top: 0;
        left: 0;
        bottom: 0;
        z-index: 999;
        display: none;
    }
    .saveCall_content{
        width: 5.50rem;
        height: 4.36rem;
        background: #FFFFFF;
        box-shadow: 0px 0.04rem 0.16rem 0px rgba(0, 0, 0, 0.08);
        border-radius: 0.04rem;
        border: 1px solid #FAFAFA;
        position: absolute;
        top: 50%;
        left:50%;
        margin-top: -2.18rem;
        margin-left:-2.25rem;
    }
    .save_close{
        width: 0.24rem;
        height: 0.24rem;
        position: absolute;
        right:0.16rem;
        top: 0.16rem;
    }
    .save_close img{
        width: 100%;
        height: 100%;
    }
    .info_tit{
        /* width: 2.08rem; */
        height: 0.37rem;
        font-size: 0.26rem;
        font-weight: bold;
        color: #333333;
        line-height: 0.37rem;
        margin: 0 auto;
        text-align: center;
        margin-top: 0.54rem;
    }
    .info_tit2{
        text-align: center;
        height: 0.25rem;
        font-size: 0.18rem;
        font-weight: 400;
        color: #666666;
        line-height: 0.25rem;
        margin: 0 auto;
        margin-top: 0.08rem;
        margin-bottom: 0.32rem;
    }
    .info_user{
        width: 3.06rem;
        height: 0.4rem;
        margin: 0 auto;
        background: #FFFFFF;
        border-radius: 0.02rem;
        border: 1px solid #ECECEC;
        margin-bottom: 0.16rem;
    }
    .info_user >input{
        width: 3.06rem;
        height: 0.4rem;
        border: 0;
        line-height: 0.4rem;
        outline: none;       
        font-size: 0.16rem;
        font-weight: 400;
        color: #333333;
        line-height: 0.22rem;
        box-sizing: border-box;
        padding-left:0.16rem;
    }
    .info_call{
        width: 3.06rem;
        height: 0.4rem;
        margin: 0 auto;
        background: #FFFFFF;
        border-radius: 0.02rem;
        border: 1px solid #ECECEC;
        margin-bottom: 0.16rem;
        display: flex;
    }
    
    .info_call>input{
        width: 1.4rem;
        height: 0.4rem;
        border: 0;
        line-height: 0.4rem;
        outline: none;       
        font-size: 0.16rem;
        font-weight: 400;
        color: #333333;
        line-height: 0.22rem;
        box-sizing: border-box;
        padding-left:0.16rem;
    }
    .tip_box{
        border: 1px solid #FFA2A2 !important;
    }
    .tip_txt_pc{
        font-size: 0.14rem;
        font-family: PingFangSC-Regular, PingFang SC;
        font-weight: 400;
        color: #FF4444;
        box-sizing: border-box;
        line-height: 0.4rem;
        transform: scale(0.9);
        display: none;
    }
    .saveCall_area{
        width: 3.06rem;
        height: 0.40rem;
        background: #FFFFFF;
        border-radius: 2px;
        border: 1px solid #ECECEC;
        font-size: 0.16rem;
        font-weight: 400;
        color: #999999;
        display: flex;
        position: relative;
        align-items: center;
        margin: 0 auto;
        box-sizing: border-box;
        padding-left: 0.16rem;
        cursor: pointer;   
    }
    .saveCall_area_a{
        display: flex;
        width: 100%;
    }
    .saveCall_area_aa{
        display: flex;
        width: 100%;
    }
    .saveCall_areaImg{
       display: flex;
       align-items: center;
       margin-left: 0.14rem;
    }
    .saveCall_areaImg img{
        width: 0.12rem;
        height: 0.06rem;
    }
    .select_area{
        position: absolute;
        top:0.4rem;
        left: -0.02rem;
        height: 1.2rem;
        width: 3.06rem;
        overflow: auto;
        background: #fff;
        display: none;
    }
    .select_area>div{
        height: 0.29rem;
        line-height:0.29rem;
        font-size: 0.12rem;
        font-weight: 400;
        color: #333333;
        line-height: 0.29rem;
        box-sizing: border-box;
        padding-left: 0.16rem;
        cursor: pointer;
    }
   .saveCall_area .select_area_start{
       color: #7d7d7d;
       font-size: 0.16rem;
   }
    .select_area>div:hover{
        background: #E6F7F5;
    }
    .footer_mannager{
        margin: 0 auto;
        margin-top: 0.24rem;
        width: 3.06rem;
        height: 0.40rem;
        background: #0DB59D;
        border-radius: 0.02rem;
        font-size: 0.16rem;
        color: #FFFFFF;
        line-height: 0.4rem;
        text-align: center;
        cursor: pointer;
    }
    .floating_window{
        width: 0.64rem;
        /* min-height: 1.93rem; */
        display: none;
        /* background: #0DB59D; */
        border-radius: 0.04rem;
        position: fixed;
        top: 60%;
        right:10% ; 
        z-index: 10;
        box-sizing: border-box;
        padding-left:0.08rem;
        padding-right: 0.08rem;
        border: 1px solid #fff;
    }
    .w1{
        border-bottom: 1px solid #008D79;
    }
   .float_w{
       padding-bottom: 0.1rem;
      
       margin-top: 0.1rem;
       cursor: pointer;
    
   }
   .float_w>div:nth-of-type(1){
       width: 0.24rem;
       height: 0.24rem;
       margin: 0 auto;
   }
   .float_w>div:nth-of-type(1) img{
       width: 0.24rem;
       height: 0.24rem;
   }
   .float_w>div:nth-of-type(2){
        font-size: 0.12rem;
        font-weight: 400;
        color: #FFFFFF;
        /* line-height: 0.17rem; */
        text-align: center;
   }
   .float_w>div:nth-of-type(2) div{
    font-size: 0.12rem;
    }
   .rigtCall_model{
       position: absolute;
       top:-4rem;
       right:1rem;
       width: 3.7rem;
       background: #fff;
       box-shadow: 0px 0.04rem 0.16rem 0px rgba(0, 0, 0, 0.08);
       border-radius: 0.04rem;
       display: none;
   }
   .rightCall_tit{
       height: 0.6rem;
       width: 100%;
       box-sizing: border-box;
       padding: 0.16rem 0.24rem;
       display: flex;
       justify-content: space-between;
       background: #F8F8F8;
   }
   .rightCall_tit1{
    font-size: 0.20rem;
    font-weight: bold;
    color: #333333;
    line-height: 0.28rem;
   }
   .rightCall_close{
       width: 0.24rem;
       height: 0.24rem;
   }
   .rightCall_close img{
       width: 100%;
       height: 100%;
   }
   .rightCall_content{
       display: flex;
       box-sizing: border-box;
       padding: 0 0.39rem;
       margin-top: 0.32rem;
   }
   .rightCall_content>div:nth-of-type(1){
        width: 0.64rem;
        height: 0.64rem;
        margin-right: 0.21rem;
   }
   .rightCall_content>div:nth-of-type(1) img{
        width: 100%;
        height: 100%;
}
    .rightCall_content>div:nth-of-type(2){
        width: 2.06rem;
        height: 0.64rem;
        background: #FFFFFF;
        box-shadow: 0px 0.02rem 0.08rem 0px rgba(0, 0, 0, 0.1);
        border-radius: 0.06rem;
        font-size: 0.16rem;
        font-weight: 400;
        color: #333333;
        box-sizing: border-box;
        box-sizing: border-box;
        padding: 0.09rem 0.08rem 0.11rem 0.12rem;
        line-height: 0.22rem;
    }
    .rightCall_content2{
        display: flex;
        box-sizing: border-box;
        margin:0 0.39rem;
        margin-top: 0.32rem;
        border-bottom: 1px solid rgba(236, 236, 236, 1);
        padding-bottom: 0.32rem;
    }
    .rightCall_content2>div:nth-of-type(1){
        width: 0.4rem;
        height: 0.4rem;
        margin-right: 0.24rem;
    }
    .rightCall_content2>div:nth-of-type(1) img{
        width:100%;
    }
    .rightCall_content3{
        display: flex;
    }
    .rightCall_content2>div:nth-of-type(2){
        
    }
    .rightCall_content2>div:nth-of-type(2)>div:nth-of-type(1){
        font-size: 0.20rem;
        font-weight: bold;
        color: #333333;
        line-height: 0.28rem;
    }
    .rightCall_content2>div:nth-of-type(2)>div:nth-of-type(2){
        font-size: 0.16rem;
        font-weight: 400;
        color: #666666;
        line-height: 0.22rem;
    }
    .rightCall_content3{
        display: flex;
        margin-top: 0.35rem;
        box-sizing: border-box;
        padding: 0 0.4rem;
    }
    .rightCall_content3>div:nth-of-type(1){
        width: 0.4rem;
        height: 0.4rem;
        margin-right: 0.24rem;
    }
    .rightCall_content3>div:nth-of-type(2){
        font-size: 0.20rem;
        font-weight: bold;
        color: #333333;
        line-height: 0.28rem;
    }
    .rightCall_content3>div:nth-of-type(1) img{
        width: 100%;
    }
    .rightCall_content4 img{
        width: 100%;
        height: 100%;
    }
    .rightCall_content4{
        width: 1.8rem;
        margin: 0 auto;
    }
    .rightCall_content4>div:nth-of-type(2){
        font-size: 0.16rem;
        font-weight: 400;
        color: #333333;
        line-height: 22px;
        text-align: center;
        margin-bottom: 0.48rem;
    }
    .sao_er_qun{
        width: 2.40rem;
        position: absolute;
        right:1rem;
        top: 0;
        background: #fff;
        box-shadow: 0px 0.04rem 0.16rem 0px rgba(0, 0, 0, 0.08);
        border-radius: 0.04rem;
        border: 1px solid #FAFAFA;
        padding-top: 0.16rem;  
        display: none;
    }
    .sao_er_tit{
        font-size: 0.20rem;
        font-weight: bold;
        color: #333333;
        line-height: 0.28rem;
        text-align: center;
        position: relative;
    }
    .sao_er_tit>div:nth-of-type(1){
        text-align: center;
    }
    .sao_er_tit>div:nth-of-type(2){
        width: 0.24rem;
        height: 0.24rem;
        position: absolute;
        right: 0.16rem;
        top: 0;
    }
    .sao_er_tit>div:nth-of-type(2) img{
        width: 100%;
        height: 100%;
    }
    .sao_er_img{
        width: 1.8rem;
        height: 1.8rem;
        margin: 0 auto;
    }
    .sao_er_img img{
        width: 100%;
        height: 100%;
    }
    .sao_txt1{
        text-align: center;
        font-size: 0.16rem;
        font-weight: 400;
        color: #333333;
        line-height: 0.22rem;
    }
    .sao_txt2{
        font-size: 0.16rem;
        font-weight: 400;
        color: #0DB59D;
        line-height: 0.22rem;
        text-align: center;
        margin-bottom: 0.22rem;
    }
    .alert_model{
        width: 100%;
        height: 100%;
        position:fixed;
        top: 0;
        left: 0;
        background: rgba(0, 0, 0, 0.3);
        z-index: 999;
        display: none;
    }
    .alert_model_content{
        width: 2.62rem;
        height: 1.72rem;
        background: #fff;
        position: absolute;
        top: 50%;
        left: 50%;
        margin-top:-0.86rem;
        margin-left: -1.31rem;
    }
    .alert_content_tit{
        display: flex;
        border-bottom: 1px solid #ECECEC;
        height: 0.44rem;
        justify-content: space-between;
        align-items: center;
    }
    .alert_content_tit>div:nth-of-type(1){
        font-size: 0.14rem;
        font-family: PingFangSC-Regular, PingFang SC;
        font-weight: 400;
        color: #666666;
        line-height: 0.44rem;
        margin-left: 0.2rem;
    }
    .alert_content_tit>div:nth-of-type(2){
        width:0.24rem;
        height: 0.24rem;
        margin-right: 0.16rem;

    }
    .alert_content_tit>div:nth-of-type(2) img{
        width: 100%;
        height: 100%;
    }
    .alert_bottom{
        position: absolute;
        bottom: 0.16rem;
        right: 0.2rem;
        width: 1.06rem;
        height:0.38rem;
        background: #0DB59D;
        border-radius: 2px;
        font-size: 0.14rem;
        font-family: PingFangSC-Regular, PingFang SC;
        font-weight: 400;
        line-height: 0.38rem;
        text-align: center;     
        color: #FFFFFF;
        cursor: pointer;
    }
    .alert_model_txt{
        box-sizing: border-box;
        padding-top: 0.15rem;
        padding-left: 0.2rem;
        padding-right: 0.2rem;
        font-size: 0.14rem;
        font-family: PingFangSC-Regular, PingFang SC;
        font-weight: 400;
        color: #333333;

    }
}