.menu {
    
     position: fixed; /* 固定位置 */
         
 width: 100%;
  
  
  z-index: 1000; /* 一个较大的值，确保它在其他元素的上方 */
    
 }








 #helper {
            font-size: 20px;
        }







.tongji {
            position: fixed;
            bottom: 0;
        }
        
        
        .icon {
            width: 1em;
            height: 1em;
            vertical-align: -0.15em;
            fill: currentColor;
            overflow: hidden;
        }

        .menu {
            display: flex;
            flex-direction: row;
    
        }

        .menu div {
            width: 20%;
            background: #fff;
            border-bottom: 1px solid #b9b9b9;
            padding: .4rem .2rem;
            text-align: center;
            position: relative;
            /*导航竖线条颜色*/
            /*border-right: 1px solid #b9b9b9;*/
         
         
        }

        .menu i {
            position: absolute;
            right: 0;
            bottom: 0;
            line-height: 1rem;
            font-size: 1rem;
            display: none;
        }

        .tdBox i {
            position: absolute;
            bottom: 0;
            right: 0;
            display: none;
            font-size: .6rem;
            
        }

        .act i {
            display: inline;
        }
/*选择生肖底色*/
        .act {
            background: #DDAA00  !important;
            /*导航字体颜色*/
            color: #000000;
        }

        .jxTab {
            border: 1px solid;
            width: 96%;
            margin: 1rem auto;
            border-collapse: collapse;
        }

        .jxTab thead {
            background: #DDAA00 ;
            /*机选颜色*/
            color: #f0fcf0;
        }

        .jxTab th {
            padding: 10px 0;
            border: 1px solid #b9b9b9;
            font-size: 1.6rem;
        }

        .jxBtn {
            width: 90%;
            margin: .8rem auto;
            font-size: 1.5rem;
            line-height: 3rem;
            color: #fff;
            text-align: center;
            border-radius: .6rem;
            /*开始机选颜色*/
            background: #DDAA00 ;
        }

        .numTr div {
            line-height: 2.4rem;
            margin: 0 auto;
            width: 2.4rem;
            height: 2.4rem;
            background-repeat: no-repeat;
            background-position: center;
            background-size: cover;
            font-size: 1.2rem;
        }

        .ret .retList {
            display: flex;
            flex-wrap: wrap;
        }

        .ret .retList div {
            line-height: 2rem;
            margin: .1rem;
            width: 2rem;
            height: 2rem;
            background-repeat: no-repeat;
            background-position: center;
            background-size: cover;
            font-weight: 600;
            text-align: center;
            
        }


        .tmTab td {
            padding: .4rem .8rem;
        }

        .tdBox {
            display: flex;
            flex-wrap: wrap;
            
        }

        .tdBox div {
            /*挑码底色*/
            background-color: #fff;
            /*挑码框颜色*/
            border: 1px solid #d9d9d9;
            padding: .8rem;
            margin: .3rem 0;
            margin-right: .3rem;
            position: relative;
            border-radius: 5px;
             
         
         
            
        }

  .tmTab {
            
              transform: translateY(10px); /* 向上移动160像素 */
        }




        .tmTab tr td:first-child {
            /*列表线框*/
            /*border-right: 1px solid #b5b0b0;*/
            /*列表颜色*/
            background-color: #DDAA00 ;
            /*列表字体颜色*/
            color: #fff;
            font-weight: 600;
            
        }

        .tmTab tr td {
            /*生肖背景底色*/
            background: #fff;
            
        }

        .tmTab tr {
            border-bottom: 1px solid #b5b0b0;
        }

        .tmInfo {
            position: fixed;
            left: 0;
            right: 0;
            bottom: 0px;
            z-index: 10;
            display: flex;
            flex-wrap: wrap;
            /*已选号码底色*/
            background: #DDAA00 ;
            line-height: 36px;
            justify-content: space-around;
            border-top: 1px solid #a8a8a8;
            max-width: 800px;
            margin: 0 auto;
        }

        .tmInfo div {
            width: 33.3%;
            text-align: center;
        }

        .tmInfo div:nth-child(1),
        .tmInfo div:nth-child(2) {
            /*底部线框颜色*/
            border-right: 1px solid #FFF;
        }

        .ret {
            position: fixed;
            width: 100%;
            max-width: 800px;
            bottom: 36px;
            
        }

 /*       .ret .yixuan,*/
 /*       .ret .jiaoji {*/
 /*           padding: .4rem;*/
 /*           border: 1px solid #dedede;*/
            /*选号框颜色*/
            /*background-color: #fff;*/
 /*           padding-bottom: .6rem;*/
 /*           border-bottom: 0;*/
 /*background-color: rgba(255, 255, 255, 0.9);*/
 /*       }*/



.ret .yixuan,
.ret .jiaoji {
    padding: .4rem;
    border: 1px solid #dedede;
    padding-bottom: .6rem;
    border-bottom: 0;
    background-color: rgba(255, 255, 255, 0.9); /* 半透明白色背景 */
    overflow: auto; /* 允许滚动 */
    max-height: 23rem; /* 假设每行的高度是0.4rem，10行就是4rem */
    line-height: 0.4rem; /* 设置行高，确保每行的高度一致 */
    word-wrap: break-word; /* 确保长单词可以换行 */
}


















        .nav_tit {
            height: 1.8rem;
            line-height: 1.8rem;
            font-size: .8rem;
            text-align: center;
            color: #fff;
            padding-left: .5rem;
            background: -webkit-gradient(linear, left top, left bottom, from(#44e5f3), to(#259eed));
        }

        #app {
            background: #fff;
            padding: 0 0;
        }

        .djgg,
        .list {
            display: block;
            margin-top: 44px;
            
        }

        footer {
            background: #333;
            color: #fff;
            line-height: 25px;
            font-size: 13px;
            m padding: 10px;
            text-align: center;
            box-sizing: border-box;
        }

        .fade-enter-active,
        .fade-leave-active {
            transition: opacity 1s;
        }

        .fade-enter,
        .fade-leave-to
        /* .fade-leave-active below version 2.1.8 */

            {
            opacity: 0;
        }

        #vue iframe {
            border: none;
            width: 100%;
            min-height: 700px;
            padding-bottom: 50px;
            
        }
.icon-back {
    float: left;
    width: 40px;
    height: 45px;
    display: inline-block;
    position: relative
}

.icon-back:after {
    content: "";
    display: inline-block;
    width: 24px;
    height: 24px;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    position: absolute;
    top: 9px;
    left: 15px
}

.icon-back:after {
    -webkit-transform: rotate(225deg);
    -moz-transform: rotate(225deg);
    -o-transform: rotate(225deg);
    transform: rotate(225deg)
}
/* .newBackBtn {*/
/*    position: fixed;*/
/*    left: 3px;*/
/*    top: 50%;*/
/*    margin-top: -25px;*/
/*    width: 40px;*/
/*    height: 40px;*/
/*    z-index: 99999999;*/
/*    background-color: black;*/
/*    color: white;*/
/*    font-size: 40px;*/
/*    line-height: 45px;*/
/*    text-align: center;*/
/*    border-radius: 20px;*/
/*    opacity: 1;*/
/*    text-decoration: none;*/
    /*悬浮按钮*/
/*    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDoyODQ3MEZCOEJBQzUxMUVBQjZBN0Y3NDdFMDIxMDU2QSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDoyODQ3MEZCOUJBQzUxMUVBQjZBN0Y3NDdFMDIxMDU2QSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjI4NDcwRkI2QkFDNTExRUFCNkE3Rjc0N0UwMjEwNTZBIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjI4NDcwRkI3QkFDNTExRUFCNkE3Rjc0N0UwMjEwNTZBIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+KgtvfQAACGpJREFUeNrEWAtQlNcV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) no-repeat;*/
/*}*/