@import "../../css/font-awesome-4.7.0/css/font-awesome.min.css";
*{margin: 0;padding: 0;font-family: "microsoft yahei";font-size: 0.14rem;}

#app{background: #fff;max-width: 414px;margin: 0 auto;}
img{display: block;}
a{text-decoration: none;color: #000;}
li{list-style: none;}
.clear{clear: both;}
.clearAfter:after{content: '';display: block;clear: both;}
.block{display: block;}
.text_wrap{text-align: center;}
.text_wrap_pr{padding-right: 0.1rem;}
.text_wrap_pm{padding-right: 0.1rem;padding-left: 0.1rem;}
.text_wrap_pl{padding-left: 0.1rem;}

.half{width: 49%;}
.white{color: #fff!important;}
.custom{color: #5483f9 !important;}
.custom1{color:#767676 !important;}
.black{color: #000!important;}
.customBg{background: #5483f9 !important;color: #fff!important;}
.customBg1{background: #f5f6ff !important;}
.customBg2{background: #37374f !important;}
.customBg3{background: #5483f9 !important;}
.customBg4{background: #fff !important;}
.customBg5{background: #f4f7fb !important;}
.f12{font-size: 0.12rem !important;}
.f16{font-size: 0.16rem !important;}
.f18{font-size: 0.18rem !important;}
.f22{font-size: 0.22rem!important;}
.f24{font-size: 0.24rem!important;}
.f32{font-size: 0.32rem!important;}
.relative{position: relative;top: 0;left: 0;}
.floatLeft{float: left;}
.floatRight{float: right;}
.auto{margin: 0.2rem auto;}

.w100{width: 100%;}
.displayTable{display: table;}
.dispayTableCell{display: table-cell;}

.inlieCenter{margin-left: 50%;transform: translateX(-50%);}

.displayFlex{display: flex;}
.rowCenter{justify-content: center;}
.rowBetween{justify-content: space-between;}
.rowAround{justify-content: space-around;}
.colCenter{align-items: center;}
.flexWrap{flex-wrap: wrap;}

.bold{font-weight: bold;}


.textLeft{text-align: left;}
.textCenter{text-align: center;}
.textRight{text-align: right;}

.m-t-10{margin-top: 0.1rem;}
.m-t-20{margin-top: 0.2rem;}
.m-l-10{margin-left: 0.1rem;}
.m-t-b-10{margin-top: 0.1rem;margin-bottom: 0.1rem;}
.m-t-b-20{margin-top: 0.2rem;margin-bottom: 0.2rem;}
.p-t-10{padding-top: 0.1rem;}
.p-l-r-10{padding-left: 0.1rem;padding-right: 0.1rem;}
.p-l-r-20{padding-left: 0.2rem;padding-right: 0.2rem;}
.p-t-b-10{padding-top: 0.1rem;padding-bottom: 0.1rem;}
.p-t-b-20{padding-top: 0.2rem;padding-bottom: 0.2rem;}
.p-10{padding: 0.1rem;}
.p-20{padding: 0.2rem;}

.btn{display:inline-block;border: 1px solid #333;border-radius: 0.03rem;padding: 0.05rem;}
.noborder{border: none;}


/* 头部导航 */
.nav {padding: 0.05rem 0.10rem;}
/*.nav_left img {height: 0.4rem;}*/
.swiper-slide>.online{color: #fff;position:absolute;bottom: 1rem;top: 0.5rem;left: 0.1rem;font-size: 0.5rem;}
.swiper-slide>.online h2{padding-bottom: 0.05rem;}
.swiper-slide>.online p{font-size: 0.1rem;padding-bottom: 0.05rem;}
.swiper-slide img{width: 100%;}

/*企业难题*/
.qynt img{width: 0.6rem;}
.qynt .half{width: 30%;}
/*工作手机系统*/
.item_content .wrap_item+.wrap_item{border-left: 1px solid #e5e5e5;}
.item_content .light_tab .tab_item{padding: 0.2rem 0.05rem;}
.item_content .light_tab > .act{background: #5483F9;color: #fff;border-radius:0.05rem ;}
.item_content .light_tab .tab_item>p{text-align: center;}
.item_content .light_content{padding: 0.4rem 0.08rem 0 0.08rem;}
.item_content .light_content_item{display: none;}
.item_content .light_content_item>img+p{margin-top:0.3rem;}
.item_content .light_content_item>p{line-height: 0.25rem;}
.item_content .light_content>.act{display: block;}
/*我们的客户*/
.swiper-container>.next,.swiper-container>.prev{background-image:none;margin-top: -8px;width: auto;height: auto;}
/*适用场景*/
.sycjimg{width: 1.5rem;}
.sycjp{color: #fff;margin-top: -0.5rem;margin-left: 0.45rem;}

/* 内容公共 */
.content>.content_item {margin: 0.2rem 0 0.1rem;}
.content>.content_item>.content_item_title {}
.content>.content_item>.content_item_title>img {display: block;margin: 0 auto;width: 0.15rem;}
.content>.content_item>.content_item_title>.title {text-align: center;font-size: 0.18rem;}
.content>.content_item>.content_item_title>.title_sub {text-align: center;font-size: 0.16rem;}
.content>.content_item>.item_content{padding: 0.3rem 0.1rem 0.1rem;}
.footer{padding: 0.3rem 0.1rem;}
.footer .footer_targer>li{padding: 0 0.1rem;}
.footer .footer_targer>li:first-child{padding-left: 0;}
.footer .footer_targer>li+li{border-left: 1px solid #fff;}
.footer .companyInfo_item>p{font-size: 0.12rem;color: #fff;}
.footer .companyInfo_item>p+p{margin-top: 0.05rem;}

/* 侧边栏 */
.navBarMask{width: 100%;height: 100%;position: fixed;top: 0;left: 100%;background: #fff;z-index: 9999999;transition: left linear .3s 0s;}
.navBarMask>div{width: 100%;box-sizing: border-box;}
.navbar_title{padding: 0.1rem 0.1rem 0.2rem;}
.navBar_url{padding: 0.5rem 0.1rem;}
.navBar_url .barurl_item{line-height: 0.6rem;}