body {
        width: 100%;
        margin: 0px
    }
    
    .page {
        width: 100%;
        overflow: hidden;
        margin: 0 auto;
        max-width: 480px;
        padding: 0px
    }
    
    #head {
        width: 100%;
        max-width: 480px;
        position: fixed;
        top: 0px;
        background-color: #EFEFEF;
        height: 45px;
        overflow: hidden;
        z-index: 10
    }
    
    #head2 {
        width: 100%;
        height: 45px;
    }
    
    #headBack {
        width: 10%;
        height: 45px;
        background: url(../images/btn_back.png) center center no-repeat;
        background-size: 22px 22px;
        float: left
    }
    
    #headTitle {
        width: 80%;
        height: 45px;
        line-height: 45px;
        text-align: center;
        float: left;
        color: #222;
        font-size: 16px;
        font-weight: bold;
        overflow: hidden
    }
    
    #headHome {
        width: 10%;
        height: 45px;
        background: url(../images/btn_home.png) center center no-repeat;
        background-size: 22px 22px;
        float: left
    }
    
    .img {
        width: 100%;
        overflow: hidden;
        margin-top: 5px
    }
    
    .img img {
        width: 100%;
        margin: 0px
    }
    
    #myvideo {
        margin: 0px;
        background-color: #000;
        width: 100%;
        height: 250px;
    }
    
    .btn-pre,
    .btn-next {
        width: 50px;
        height: 50px;
        border-radius: 25px;
        position: fixed;
        right: 15px;
        z-index: 99;
        background-color: #000;
        opacity: 0.5;
    }
    
    .btn-pre-text,
    .btn-next-text {
        width: 50px;
        height: 50px;
        border-radius: 25px;
        position: fixed;
        right: 15px;
        z-index: 100;
        font-size: 14px;
        color: #fff;
        text-align: center;
        line-height: 50px;
    }
    
    .btn-next,
    .btn-next-text {
        top: 45%;
        right: 1px;
    }
    
    .btn-pre,
    .btn-pre-text {
        top: 45%;
        left: 1px;
    }
    
    ul,
    li {
        list-style: none;
        margin: 0;
        padding: 0;
    }
    
    .pic-nav {
        width: calc(100% - 10px);
        height: 35px;
        line-height: 35px;
        display: flex;
        justify-content: start;
        border-radius: 5px;
        overflow: hidden;
        color: #222;
        background-color: #EFEFEF;
        margin: 5px;
        box-sizing: border-box;
    }
    
    .pic-nav li {
        width: 100%;
        height: 35px;
        text-align: center;
        font-size: 15px;
    }
    
    .pic-nav .active {
        background-color: #960E10;
        color: #fff;
    }