/* 主体 */
article{
    background: #e6e6e6;
    padding-bottom: .266667rem;
}
.article{
    margin: 0 .266667rem;
    padding: .266667rem .266667rem;
}
.bg-title{
    height: 2rem;
    width: 100%;
    text-align: center;
    line-height: 2rem;
    font-size: .4rem;
    font-weight: bold;
    background: url('../imgs/mobile/q1.png') no-repeat left top;
    background-size: cover;
    background-color: #f5f5f5;
}
.bg-article{
    background-color: #fff;
    margin: 0 .266667rem;
    padding: .266667rem .266667rem;
    transform: translateY(-0.6rem)
}
.article-p{
    line-height: .666667rem;
    font-size: .32rem;
    padding: .266667rem 0;
    text-indent: 2em;
}
.gray-infobox{
    background-color:#f5f5f5;
    padding: .266667rem .266667rem; 
}
.gray-infobox .item{
    line-height: .733333rem;
    padding-left: .666667rem;
    position: relative;
    font-size:.32rem;
}
.gray-infobox .item i{
    font-style: normal;
    font-size:.266667rem;
    background: #00a0ea;
    color: #fff;
    text-align: center;
    width: .4rem;
    height: .4rem;
    line-height: .4rem;
    border-radius: 50%;
    position: absolute;
    top: .186667rem;
    left: 0;
}
.article-title{
    color: #00a0ea;
    font-size: .32rem;
    height: .666667rem;
    line-height: .666667rem;
    font-weight: bold;
}
.article-img{
    padding: .266667rem;
}
.article-img img{
    width: 100%;
}

.flex-container{
    display: -webkit-flex;
    display: flex;
    flex-wrap: wrap;
}
.space-bettwen{
    justify-content: space-between;
}
.space-around{
    justify-content: space-around;
}
.div-cols-2{
    width: 49%;
}
.div-cols-3{
    width: 32%;
}
.transparent{
    background-color: transparent !important;
}
/* banner */
.banner img{
    width: 100%;
}
/* banner######### */

/* 背景 */
#history{

}
/* 背景################ */


/* 核心产品 */
.bg-4183d7{
    background-color: #4183d7;
}
.bg-59abe3{
    background-color: #59abe3;
}
.bg-52b3d9{
    background-color: #52b3d9;
}
.bg-81cfe0{
    background-color: #81cfe0;
}
#usage .article{
    padding: 0;
    transform: translateY(-0.4rem);
}
#usage table{
    border-collapse: collapse;
    border-color: #fff;
    width: 100%;
}
#usage td{
    height: 1.333333rem;
    vertical-align: middle;
    text-align: center;
    
}
#usage td a{
    color: #fff;
    font-size: .266667rem;
}

/* 不同角色 */
#person{

}
#person .person-box{
    height: 5.2rem;
    background-color: #fff;
}
#person .bg-article{
    padding: .266667rem  0;
}
#person  .icon{
    width: 1.093333rem;
    height: 1.093333rem;
    margin: .4rem auto .266667rem  auto;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}
#person .cp{
    background-image: url('../imgs/mobile/cp.png');
}
#person .xm{
    background-image: url('../imgs/mobile/xm.png');
}
#person .js{
    background-image: url('../imgs/mobile/js.png');
}
#person .person-name{
    text-align: center;
    font-size: .32rem;
    height: .64rem;
    font-weight: bold;
}
#person .person-info{
    text-align: center;
    font-size: .266667rem;
    line-height: 1.75;
}
/* 不同角色############# */
/* 功能介绍 */
#gongneng .product-box{
    height: 3.8rem;
    background-color: #fff;
    margin-bottom: .266667rem;
}
#gongneng .bg-article{
    padding: .266667rem  0;
}
#gongneng  .icon{
    width: 1.093333rem;
    height: 1.093333rem;
    margin: .4rem auto .266667rem  auto;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}
#gongneng .gqh{
    background-image: url('../imgs/mobile/product_gqh.png');
}
#gongneng .yld{
    background-image: url('../imgs/mobile/product_yld.png');
}
#gongneng .qgl{
    background-image: url('../imgs/mobile/product_qgl.png');
}
#gongneng .cgs{
    background-image: url('../imgs/mobile/product_cgs.png');
}
#gongneng .oa{
    background-image: url('../imgs/mobile/product_oa.png');
}
#gongneng .pth{
    background-image: url('../imgs/mobile/product_pth.png');
}
#gongneng .product-name{
    text-align: center;
    font-size: .32rem;
    height: .64rem;
    font-weight: bold;
}
#gongneng .product-info{
    text-align: center;
    font-size: .266667rem;
    line-height: 1.75;
}
/* 功能介绍################### */

/* 简单的操作 */
#easy-do .bg-title{
    background: #fff;
    background-image: none;
}
#easy-do .nav-tabs>li.active>a, #easy-do .nav-tabs>li.active>a:focus, #easy-do .nav-tabs>li.active>a:hover{
    color: #00a0ea;
    cursor: default;
    background-color: #e6e6e6;
    border: 1px solid #ddd;
    border-bottom-color: transparent;
}
#easy-do .nav-tabs>li>a{
    background-color: #fff;
    border: 1px solid #e6e6e6;
    margin-right: 0;
    padding: .346667rem .24rem;
    font-size: .32rem;
}
#easy-do .bg-title{
    height: 2.6rem;
    line-height: 2rem;
}
#easy-do .tab-wrap{
    transform: translateY(-0.906667rem);
    margin: 0 .266667rem;
}
#easy-do  .bg-fff{
    margin: 0 ;
    background: #f5f5f5;
}
#easy-do .tab-pane img{
    width: 100%;
}
/* 简单的操作############# */

/* 复杂报表 和中时报表 */
#baobiao .title-box{
    background: #fff;
}
#baobiao .main-title{
    font-size: .48rem;
    padding: .4rem 0 .266667rem 0;
    font-weight: bold;
    text-align: center;
}
#baobiao .second-title{
    height: .8rem;
    line-height: .8rem;
    text-align: center;
    color: #666;
}
#baobiao .imgbox{
    background: #f5f5f5;
    padding: .4rem .533333rem;
    border-top: 1px solid #e6e6e6;
}
#baobiao .imgbox img{
    width: 100%;
}

/* 主标题副标题 */
#zhufu-title {

}
#zhufu-title .title-box{
    background: #fff;
}
#zhufu-title .main-title{
    font-size: .48rem;
    padding: .4rem 0 .266667rem 0;
    font-weight: bold;
    text-align: center;
}
#zhufu-title .second-title{
    height: .8rem;
    line-height: .8rem;
    text-align: center;
    color: #666;
}
#zhufu-title .imgbox{
    background: #f5f5f5;
    padding: .4rem .533333rem;
    border-top: 1px solid #e6e6e6;
}
#zhufu-title .imgbox img{
    width: 100%;
}
#zhufu-title  .imgbox{
    height: 5.333333rem;
    border: 1px solid #e6e6e6;
    margin-bottom: .4rem;
}
#zhufu-title  .imgbox img{
    width: 100%;
}
#zhufu-title .flex-container{
    background: #fff;
    padding-top: .533333rem;
    border: 1px solid #e6e6e6;
} 
#zhufu-title .info{
    padding: 0 .266667rem .4rem .266667rem;
    text-align: center;
    background: #fff;
}
/* 组件 */
#zujian img{
    width: 100%;
}
#zujian .bg-article{
    padding: .266667rem 0 0 0;
}

/* 主体############### */