#app.mobile{
    padding-bottom: .4rem;
}
#app.mobile .nav,
#app.mobile .footer,
#app.mobile .banner {
    display: none;
}
#app.mobile .container{
    padding: 0 .3rem;
    width: 100%;
    box-sizing: border-box;
}
#app.mobile .video-category {
    margin-top: 15px;
}
#app.mobile .video-category .item {
    margin-right: 10px;
    margin-bottom: 10px;
    font-size: .28rem;
}
#app.mobile .video-list{
    margin-top: .36rem;
    margin: 0 -.09rem 0 -.09rem;
    padding-top: 0;
    font-size: 0;
}
#app.mobile .video-list .video-item {
    padding: .14rem .09rem;
    margin-bottom: 0rem;
    margin-right:0;
    width: 50%;
    border: none;
    box-sizing: border-box;
}
#app.mobile .video-list .video-img{
    height: auto;
}
#app.mobile .video-list .video-img:before {
    display: block;
    width: 100%;
    padding-bottom: 60%;
    content: "";
}
#app.mobile .video-list .video-img .img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
#app.mobile .video-img .play{
    top: 0;
    opacity: 1;
    z-index:1;
}
#app.mobile .page{
    padding: .2rem 0;
    margin-top: .362rem;
    border: none;
}
/*#app.mobile .nav,
#app.mobile .footer {*/
    /*display: none;*/
}
/*#app.mobile .nav {
}
#app.mobile .nav .logo{
    display: none;
}
#app.mobile .nav .container {
    width: 100%;
    overflow-x: auto;
     -webkit-overflow-scrolling:touch;
    white-space: nowrap;
    overflow-y: hidden;
}
#app.mobile .nav .left,
#app.mobile .nav .right{
    float:none;
    display: inline-block;
    font-size: 0;
    white-space: nowrap;
}
#app.mobile .head-nav {
    padding: 0;
    margin: 0;
}
#app.mobile .nav .nav-item {
    float: none;
    display: inline-block;
}
#app.mobile .section1 .subhead {
    font-size: .46rem;
}
#app.mobile .section1 .mainhead {
    font-size: .6rem;
}
#app.mobile .section .left, #app.mobile .section .right {
    margin: 0;
    width: 100%;
    text-align: center;
}
#app.mobile .section .left > div, #app.mobile .section .right  > div{
    margin: 0 auto;
    margin-bottom: .2rem;
    text-align: left;
    width: 80%;
}
#app.mobile .section .left img, #app.mobile .section .right img {
    max-width: 80%;
}
#app.mobile .section .logo,
#app.mobile .btn-download{
    display: none;
}
#app.mobile .section .name{
    font-size: .4rem;
}
#app.mobile .section .item.desc {
    font-size: .2rem;
}
#app.mobile .section .item.desc .num{
    font-size: .3rem;
}*/