.bdapp-view {margin-top:1rem; overflow: hidden; background: #fff; }
.bdapp-view img { display: block; width: 100%; }

.bdapp-tese { padding: .4rem 0; background: #fff; }
.bdapp-tese .head { text-align: center; margin: 0 0 .4rem; }
.bdapp-tese .head h2 { line-height: .5rem; font-size: .3rem; }
.bdapp-tese .list { }
.bdapp-tese .list li { float: left; width: 45%; margin: 0 0 3% 3%; padding:.45rem .28rem; background: #fff; box-shadow: 0 0 .3rem rgba(0,0,0,.1); border-radius: .2rem; }
.bdapp-tese .list h2 { line-height: .7rem; font-size: .28rem; margin: 0 0 .05rem; font-weight: normal; color: #333; }
.bdapp-tese .list h2:before { content: ''; display: block; width: .6rem; border-top: 3px solid #3626e5; }
.bdapp-tese .list p { height: 1.2rem; line-height: .3rem; font-size: .24rem; }

.bdapp-rukou { padding: .4rem 0; background: #fcfcfc; }
.bdapp-rukou .head { text-align: center; margin: 0 0 .4rem; }
.bdapp-rukou .head h2 { line-height: .5rem; font-size: .3rem; }
.bdapp-rukou .img { }
.bdapp-rukou .img img { display: block; width: 100%; }

.bdapp-liuliang { padding: .4rem 0; background: #fff; }
.bdapp-liuliang .head { text-align: center; margin: 0 0 .4rem; }
.bdapp-liuliang .head h2 { line-height: .5rem; font-size: .3rem; }
.bdapp-liuliang .head h2 { line-height: .4rem; font-size: .26rem; }
.bdapp-liuliang .tabed { overflow: hidden; margin: 0 .8rem .3rem; text-align: center; }
.bdapp-liuliang .tabed dl { float: left; width: 100%; }
.bdapp-liuliang .tabed dd { float: left; width: 33.33%; height: .5rem; font-weight: normal; font-size: .26rem; border-bottom: 2px solid #ddd; }
.bdapp-liuliang .tabed dd.active { border-bottom-color: #3626e5; color: #3626e5; }
.bdapp-liuliang .main { margin: 0 .2rem; }
.bdapp-liuliang .rows:nth-child(n+2) { display: none; }
.bdapp-liuliang .img { }
.bdapp-liuliang .img img { display: block; width: 100%; }

.bdapp-fenfa { padding: .4rem 0; background: #fcfcfc; }
.bdapp-fenfa .head { text-align: center; margin: 0 0 .4rem; }
.bdapp-fenfa .head h2 { line-height: .5rem; font-size: .3rem; }
.bdapp-fenfa .img { }
.bdapp-fenfa .img img { display: block; width: 100%; }

.bdapp-api { padding: .4rem 0; background: #fff; }
.bdapp-api .head { text-align: center; margin: 0 0 .4rem; }
.bdapp-api .head h2 { line-height: .5rem; font-size: .3rem; }
.bdapp-api .img { }
.bdapp-api .img img { display: block; width: 100%; }

.bdapp-moshi { padding: .4rem 0; background: #fcfcfc; }
.bdapp-moshi .head { text-align: center; margin: 0 0 .4rem; }
.bdapp-moshi .head h2 { line-height: .5rem; font-size: .3rem; }
.bdapp-moshi .swiper { margin: 0 .2rem; position: relative; }
.bdapp-moshi .swiper li { padding: .2rem .4rem; }
.bdapp-moshi .swiper img { display: block; width: 100%; box-shadow: 0 0 .2rem rgba(0,0,0,.1); border-radius: .2rem; margin: 0 0 .6rem; }
.bdapp-moshi .swiper p { height: 1.2rem; line-height: .4rem; text-align: center; font-size: .26rem; }
.bdapp-moshi .swiper p span { color: #3626e5; }
.bdapp-moshi .dots { position: absolute; left: 0; right: 0; bottom: 1.5rem; text-align: center; }
.bdapp-moshi .dots .swiper-pagination-bullet { width: .6rem; height: .06rem; border-radius: .06rem; }
.bdapp-moshi .dots .swiper-pagination-bullet-active { }

.bdapp-case { padding: .4rem 0; background: #fff; }
.bdapp-case .head { text-align: center; margin: 0 0 .4rem; }
.bdapp-case .head h2 { line-height: .5rem; font-size: .3rem; }
.bdapp-case .list { padding: 0 .3rem; text-align: center; }
.bdapp-case .list li { float: left; width: 33.33%; margin: 0 0 .2rem; }
.bdapp-case .list img { width: 1.4rem; height: 1.4rem; }
.bdapp-case .list h3 { line-height: .6rem; font-size: .26rem; font-weight: normal; white-space: nowrap; }

.tg-navbar { height: 0; }
.tg-navbar .inner { position: fixed; left: 0; right: 0; bottom: 0; z-index: 100; }
.tg-navbar ul { background: #666; }
.tg-navbar li { float: left; width: 25%; text-align: center; font-size: .25rem; border-right: 1px solid rgba(255,255,255,.2); }
.tg-navbar li:nth-child(1) { width: 30%; }
.tg-navbar li:nth-child(4) { width: 20%; }
.tg-navbar a { display: block; height: .8rem; line-height: .8rem; color: #fff; }
.tg-navbar span { display: block; }
.tg-navbar li.icon span::before { content: ''; width: .3rem; height: .3rem; display: inline-block; vertical-align: middle;  background-size: contain; margin: 0 .1rem 0 0; }
.tg-navbar li.tel { background: #0d6be9; background: -webkit-linear-gradient(top, #0693e5, #163eed); border-right: 0; }
.tg-navbar li.tel span::before { background-image: url(../../images/bdapp/z1.png); animation: jello 1s ease infinite; }
.tg-navbar a:active { box-shadow: 0 0 100rem rgba(0,0,0,.2) inset; }