.page{
    max-width: 460px;
    min-width: 300px;
    margin: 0 auto;
    left: 0;
    right: 0;

}
.page-title{
    width: 100%;
    height: 450px;
    /*background-color: #ff5500;*/
}
.page-title-du{
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 131999999994;
    /*background-color: #0C0C0C;*/
    text-align: center;
    color: #fff;
    font-weight: bold;
    height: 40px;

}
.du-item{
    width: 100%;
    height: 40px;
    align-items: center;
    justify-content: center;
    display: flex;
    font-size: 25px;
    font-weight: bold;
    margin-top: 5px;
}
.bg-image{
    width: 100%;
    height: 100%;
   /* filter: blur(5px); /* 模糊度为5像素 */
}
.bg-image img{
    width: 100%;
    height: 100%;
   /* filter: blur(5px); /* 模糊度为5像素 */
}
.bg-bannur{
    height: 150px;
    background-color:#ffffff;
    margin-top: -90px;
    z-index:666;
    position: relative;
    width: 96%;
    margin-left: 2%;
    margin-right: 2%;
    border-radius: 10px;
    box-shadow: #0d0d0d;
}
.bg-bannur img{
    width: 100%;
    height: 100%;
    border-radius:10px;
    /*background-color:#ff5500;*/
}
.bg-bannur-div{
    border-radius:10px;
}

/*菜单*/
.container{
    padding-top: 100px;
    /*background-color: #fff;*/
    height: 100px;
    display: flex;
    align-items: center;
    justify-content: space-around;
    width: 96%;
    margin: 0px 2%;
    position: relative;
    z-index: 9999;

}
.container-item{
    width: 23.5%;



}
.container-item-title{
    height: 30px;
    border-radius: 3px;
    background-color: #00a0e9;
    color: #fff;
    font-weight: bold;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    margin: 8px 0px;
    font-size: 10px;
    font-family: 'UKIJ Tuz Kitab';
}
.container-item-title1{
    height: 68px;
    border-radius: 3px;
    background-color: #00a0e9;
    color: #fff;
    font-weight: bold;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    margin: 8px 0px;
    font-size: 12px;
    font-family: 'UKIJ Tuz Kitab';
}

/*内容区*/
.cate{
    width: 96%;
    margin: auto;
}
.cate-title{
    margin-top: 10px;
    width: 100%;
    height: 40px;
    align-items: center;
    display: flex;
    justify-content: space-between;
    direction: rtl;
    
}
.cate-title-name{
    /*font-size: 25px;*/
    font-weight: bold;
    margin: 0px 5px;
    font-family: 'utuq nur xet';
    color: #ff5500;
}
.cate-title-gengduo{
    font-weight: bold;
    color: #ff5500;
    height: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 10px;
    border-radius: 30px; 
    padding: 0px 6px; 
    margin: 5px 5px 0 5px; 
    background: #ff57221c;
}
/*电影区*/
.movie{
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
}
.movie-item{
    width: 31%;
    margin: 10px 1%;
    height: 190px;
    /*border: 1px solid rgba(183, 183, 183, 0.48);*/
    /*border-radius: 10px;*/
}
.movie-item-img{
    width: 100%;
    height: 170px;
    margin-top: -15px;
}
.movie-item-img img{
    width: 100%;
    height: 100%;
    border-radius:40px 5px 40px 5px;
}
.movie-name{
    font-size: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 8px;
    /*font-weight: bold;*/
    font-family: 'UKIJ Tor';
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-decoration: none;
    text-align: center;
}
.movie-cate{
    display: none;
    align-items: center;
    justify-content: space-around;
    font-size: 10px;
    padding-bottom: 3px;
    margin-top: 5px;
    color: #7d7b7b;

}
.movie-cate-item{
    font-family: 'UKIJ Tuz Kitab';
    font-size: 10px;
    font-weight: bold;
}
.movie-pingfen-vip{
    display: none;
    align-items: center;
    justify-content: space-between;
    position: relative;
}
.movie-pingfen{
    background-color: #ff5500ad;
    height: 15px;
    width: 20px;
    color: #fff;
    text-align: center;
    border-radius:3px;
    display: flex;
    align-items: center;
    justify-content: center;
    /*margin-top: 5px;*/
}
.movie-pingfen-item{
    font-size: 10px;
}
.movie-vip{
    /*background-color: #ff5500ad;*/
    height: 15px;
    width: 18px;
    color: #fff;
    border-radius: 3px;

}

.movie-vip-img{
    width: 15px;
    width: 18px;
}



.swiper-slide-img{
    width:130px;
    height: 180px;
    /*margin: 0px 5px;*/
    border-radius: 3px;
}

/*!*aylanma 特效*!*/
#bannerswiper{
    width: 96%;
    margin: auto;
}

/*题目样式*/
.title-bannur{
    height: 30px;
    color: red;
    margin:15px 0px 5px 0px;
    width: 100%;
    justify-content: center;
    align-items: center;
    text-align: center;
    font-family: 'UKIJ Tuz Kitab';
}
.title-bannur-image{
    width: 15px;
    height: 15px;
    margin-top: -5px;
}
.title-bannur-text{
    font-size: 1.2rem;
    padding:0px 10px;
    font-weight: bold;
}





.uy{
    font-family: 'UKIJ Tor';
}

.color1{
    background-color: #ff5500;
}
.color2{
    background-color: #00a0e9;
}
.color3{
    background-color: #FD482C;

}
.color4{
    background-color: #ff4400;
}
.color5{
    background-color: #1aad19;
}
.color6{
    background-color: #d20b6f;
}
.color7{
    background-color: #4a098a;
}

.tabbar-bg{
    width: 80%;
    height: 60px;
    /*background-color: #fff;*/
    position: fixed;
    bottom: 4px;
    right: 0;
    left: 35px;
    margin: 13px 1%;
    border-radius: 30px;

    z-index: 999999;
    /*border-top: 1px solid #b0b0b0;*/
    direction: rtl;
    box-shadow: 0px 2px 20px 0px rgb(0 0 0 / 56%);
}
.tabbar-flex{
    display: flex;
    align-items: center;
    justify-content: space-around;
    height: 100%;
    width: 100%;
    position: relative;
    background-color: #f5e8e8;
    border-radius: 19px;
}
.tabar-img{
    width: 30px;
    height: 30px;
}
.tabbar{
    width: 25%;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
}
.tabbar-title{
    font-family: 'UKIJ Tuz Kitab';
    font-size: 10px;
    text-align: center;
    margin-top: 5px;
    color: #000000;
    font-weight: bold;
}

/*.men_head {*/




/*    background: linear-gradient(-55deg, #f66d0a, #007aff, #ffe600, #f50707, #00f7ff61, #00ccff59, #0004ff8f, #e100ff70);*/
/*    background-size: 400% 400%;*/
/*    animation: gradientBG 12s ease infinite;*/

/*}*/

@keyframes gradientBG {
    0% {
        background-position: 0% 50%;
    }

    50% {
        background-position: 100% 100%;
    }

    100% {
        background-position: 0% 50%;
    }
}