.gear-date160{
    font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size:10px;
    background-color:rgba(0,0,0,.5);
    display:block;
    position:absolute;
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:100%;
    z-index:9900;
    overflow:hidden;
    -webkit-animation-fill-mode:both;
    -moz-animation-fill-mode:both;
    animation-fill-mode:both;
    animation-fill-mode:both;
    -webkit-transform:translateZ(0);
    -moz-transform:translateZ(0);
    transform:translateZ(0)
}
.gear-date160 .date-ctrl{
    vertical-align:middle;
    background-color:#fff;
    -webkit-box-shadow:0 0 2px rgba(0,0,0,.4);
    -moz-box-shadow:0 0 2px rgba(0,0,0,.4);
    box-shadow:0 0 2px rgba(0,0,0,.4);
    color:#363837;
    margin:0;
    height:auto;
    width:100%;
    max-width:640px;
    position:absolute;
    left:0;
    right:0;
    bottom:0;
    z-index:9902;
    overflow:hidden;
    margin:0 auto;
    -webkit-user-select:none;
    -moz-user-select:none;
    user-select:none;
    -ms-user-select:none
}
.gear-date160 .date-ctrl--anim{
    -webkit-animation:bounceInUp 0 0 ease both;
    -moz-animation:bounceInUp 0 0 ease both;
    animation:bounceInUp 0 0 ease both
}
@-webkit-keyframes bounceInUp{
    0%{
        opacity:0;
        -webkit-transform:translateY(2000px);
        transform:translateY(2000px)
    }
    100%{
        opacity:1;
        -webkit-transform:translateY(0);
        transform:translateY(0)
    }
}
@-moz-keyframes bounceInUp{
    0%{
        opacity:0;
        -moz-transform:translateY(2000px);
        transform:translateY(2000px)
    }
    100%{
        opacity:1;
        -moz-transform:translateY(0);
        transform:translateY(0)
    }
}
@keyframes bounceInUp{
    0%{
        opacity:0;
        -webkit-transform:translateY(2000px);
        -moz-transform:translateY(2000px);
        -o-transform:translateY(2000px);
        transform:translateY(2000px)
    }
    100%{
        opacity:1;
        -webkit-transform:translateY(0);
        -moz-transform:translateY(0);
        -o-transform:translateY(0);
        transform:translateY(0)
    }
}
.gear-date160 .date-header{
    text-align:center;
    font-size:1.8em;
    color:#2196F3;
    border-bottom:1px solid #f6f6f6;
    padding:.5em 0;
    font-weight:700;
    display:none!important
}
.gear-date160 .date-class{
    text-align:center;
    padding:1.5em 1em 1em
}
.gear-date160 .date-class__box{
    display:inline-block;
    font-size:1.6em;
    width:49%;
    padding:.4em 0;
    text-align:center;
    border:1px solid #d4d4d4;
    cursor:pointer;
    line-height:1.5em;
    background-color:#fbfbfb;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box
}
.gear-date160 .date-class__box:first-of-type{
    -webkit-border-top-left-radius:.3em;
    -moz-border-radius-topleft:.3em;
    border-top-left-radius:.3em;
    -webkit-border-bottom-left-radius:.3em;
    -moz-border-radius-bottomleft:.3em;
    border-bottom-left-radius:.3em;
    border-right:0
}
.gear-date160 .date-class__box:last-of-type{
    -webkit-border-top-right-radius:.3em;
    -moz-border-radius-topright:.3em;
    border-top-right-radius:.3em;
    -webkit-border-bottom-right-radius:.3em;
    -moz-border-radius-bottomright:.3em;
    border-bottom-right-radius:.3em;
    border-left:0
}
.gear-date160 .date-class__box.active{
    position:relative;
    background-color:#2196F3;
    color:#fff;
    font-weight:700;
    border-color:#2196F3
}
.gear-date160 .date-class__box.active::after{
    content:"";
    position:absolute;
    bottom:-.4em;
    left:50%;
    -webkit-transform:translateX(-50%);
    -moz-transform:translateX(-50%);
    -ms-transform:translateX(-50%);
    -o-transform:translateX(-50%);
    transform:translateX(-50%);
    border-left:.4em solid transparent;
    border-right:.4em solid transparent;
    border-top:.4em solid #2196F3
}
.gear-date160 .date-roll-mask{
    -webkit-mask:-webkit-gradient(linear,0 40%,0 0,from(#debb47),to(rgba(36,142,36,0)));
    -webkit-mask:-webkit-linear-gradient(bottom,#debb47 50%,rgba(36,142,36,0))
}
.gear-date160 .date-roll{
    position:relative;
    width:100%;
    height:auto;
    overflow:hidden;
    background-color:transparent;
    -webkit-mask:-webkit-gradient(linear,0 50%,0 100%,from(#debb47),to(rgba(36,142,36,0)));
    -webkit-mask:-webkit-linear-gradient(top,#debb47 50%,rgba(36,142,36,0))
}
.gear-date160 .date-roll>div{
    font-size:1.8em;
    height:6em;
    font-weight:700;
    float:left;
    background-color:transparent;
    position:relative;
    overflow:hidden;
    width:33.3333%
}
.gear-date160 .date-roll--hh>div{
    width:16%
}
.gear-date160 .date-roll--hh>div:last-child{
    width:52%
}
.gear-date160 .date-roll--hhii>div{
    width:20%
}
.gear-date160 .date-roll .gear{
    float:left;
    position:absolute;
    z-index:9902;
    width:100%;
    margin-top:-6em;
    cursor:pointer
}
.gear-date160 .date-roll .tooth{
    height:2em;
    line-height:2em;
    text-align:center;
    overflow:hidden
}
.gear-date160 .date-grid{
    position:relative;
    top:2em;
    width:100%;
    height:2em;
    margin:0;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
    z-index:0;
    border-top:1px solid #d4d4d4;
    border-bottom:1px solid #d4d4d4
}
.gear-date160 .date-grid>div{
    color:#000;
    position:absolute;
    right:0;
    top:0;
    font-size:.8em;
    line-height:2.5em
}
.gear-date160 .date-btn{
    overflow:hidden;
    margin-top:1.5em;
    margin-bottom:1em
}
.gear-date160 .date_btn__elem{
    color:#999;
    font-size:1.6em;
    line-height:2.3em;
    text-align:center;
    cursor:pointer;
    width:50%;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
    margin:0 auto .3em
}
.gear-date160 .date_btn__elem:first-child{
    color:#fff;
    font-weight:700;
    font-size:1.8em;
    border:1px solid #2196F3;
    -webkit-border-radius:.4em;
    -moz-border-radius:.4em;
    border-radius:.4em;
    background:rgba(238,82,64,1);
    background:-webkit-gradient(linear,left top,left bottom,from(#2196F3)),to(#2196F3));
    background:-webkit-linear-gradient(top,rgba(238,82,64,1) 0,rgba(226,69,55,1) 100%);
    background:-moz-linear-gradient(top,rgba(238,82,64,1) 0,rgba(226,69,55,1) 100%);
    background:-o-linear-gradient(top,rgba(238,82,64,1) 0,rgba(226,69,55,1) 100%);
    background: linear-gradient(to bottom,#2196F3 0,#03A9F4 100%);
}
.gear-date160 .date-confirm{
    text-align:center;
    display:none;
    position:relative
}
.gear-date160 .date-confirm__tit{
    padding:.68em 0;
    border-bottom:1px solid #f6f6f6;
    font-size:2em;
    color:#2196F3
}
.gear-date160 .date-confirm__tip{
    display:inline-block;
    font-size:1.4em;
    color:#666;
    line-height:1.6em;
    margin:1em 0 .5em
}
.gear-date160 .date-confirm__info{
    position:relative;
    height:7em
}
.gear-date160 .date-confirm__p{
    position:absolute;
    width:100%;
    font-size:1.8em;
    line-height:2em
}
.gear-date160 .date-confirm__p b{
    color:#2196F3;
    font-weight:400
}
.gear-date160 .date-confirm__info--nongli .date-confirm__p:first-child{
    top:0
}
.gear-date160 .date-confirm__info--nongli .date-confirm__p:last-child{
    bottom:0
}
.gear-date160 .date-confirm__info--gongli .date-confirm__p:first-child{
    bottom:0
}
.gear-date160 .date-confirm__info--gongli .date-confirm__p:last-child{
    top:0
}
.gear-date160 .date-confirm__btn{
    position:relative;
    padding:1.4em 0 2.7em
}
.gear-date160 .date-confirm__btn>div{
    display:inline-block;
    margin:0 1em;
    color:#fff;
    font-size:1.6em;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    border-radius:5px;
    padding:.6em 1.2em
}
.gear-date160 .date-confirm__cancel{
    background-color:#b1b1b1

}
.gear-date160 .date-confirm__finish{
    background-color:#2196F3
}
.bd-container {
            display: none; 
            flex-wrap: nowrap; 
            gap: 8px; 
            overflow-x: auto;
            margin-top:30px;
            margin-bottom:30px;
        }
        .bd-item {
            background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
            border-radius: 8px;
            padding: 12px 8px;
            text-align: center;
        }
        .bd-item a {
            color: #fff;
            text-decoration: none;
            font-size: 14px;
            font-weight: 500;
            display: block;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
        }
        .bd-item:nth-child(2) {
            background: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);
        }
        .bd-item:nth-child(3) {
            background: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);
        }
        .bd-item:nth-child(4) {
            background: linear-gradient(135deg, #43e97b 0%, #38f9d7 100%);
        }
        .bd-item:nth-child(5) {
            background: linear-gradient(135deg, #fa709a 0%, #fee140 100%);
        }
        .bd-item:nth-child(6) {
            background: linear-gradient(135deg, #ff9a9e 0%, #fecfef 100%);
        }
        .bd-item:nth-child(7) {
            background: linear-gradient(135deg, #a8edea 0%, #fed6e3 100%);
        }
        .bd-item:nth-child(8) {
            background: linear-gradient(135deg, #ffecd2 0%, #fcb69f 100%);
        }
        .bd-item:nth-child(9) {
            background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
        }
        .bd-item:nth-child(10) {
            background: linear-gradient(135deg, #a8edea 0%, #fed6e3 100%);
        }
        .bd-title {
            grid-column: span 3;
            text-align: center;
            font-size: 16px;
            font-weight: bold;
            color: #333;
            padding: 8px 0;
        }
         .fc-container {
  display: none; 
}

@media (max-width: 767px) {
  .fc-container {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    width: 100%;
    max-width: 1000px;
    margin: 0 auto;
    margin-top: 30px;
    padding: 0 15px;
    box-sizing: border-box;
  }
  
  .fc-container a {
    flex: 0 0 calc(33.333% - 6.666px);
    display: flex;
    flex-direction: column;
    align-items: center;
    text-decoration: none;
    color: #333;
    box-sizing: border-box;
    padding: 10px;
    text-align: center;
  }
  
  .fc-container img {
    width: 100%;
    height: auto;
    display: block;
    border: none;
    margin: 0 auto 10px;
  }
}