/*div内发光效果 
.all {
    width:6rem;
    height:6rem;
    margin-left:0.01rem;
    margin-top:0.01rem;
    border-radius:0.05rem;
    box-shadow:rgb(11, 234, 235) 0 0 .18rem inset;
} */

/*移动端重置样式*/
v-cloak {
display: none;
}

html,
body {
width: 100%;
font-family: "Helvetica Neue", "Arial", "Hiragino Sans GB", "PingFang SC", "Heiti SC", "STHeiti", "Microsoft Yahei", "Source Han Sans SC", "Noto Sans CJK SC", "Droid Sans Fallback", "sans-serif";
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
-webkit-overflow-scrolling: unset !important;
word-wrap: break-word;
word-break: break-all;
margin: 0px;
padding: 0px;
position: relative;
-webkit-font-smoothing: antialiased;
overflow-x: hidden;
-ms-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%;
}

* {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}

ul,
p{
margin-block-start: 0;
margin-block-end: 0;
padding-inline-start: 0;
-webkit-margin-before: 0;
-webkit-margin-after: 0;
-webkit-padding-start:0
}

img{
    display: block;
}

.main{
    width:7.5rem;
    margin:0 auto;
    position: relative;
}

.admin{
    width:7.5rem;
    height:.62rem;
    background: rgba(95,180,241,.6);
    border-radius: 0 0 .4rem .4rem;
    line-height: .62rem;
    font-size: .26rem;
    text-align: center;
    color:#fff;
}

.admin a{
    text-decoration: none;
    color:#fff;
}

.main-header{
    width:100%;
    height:12.38rem;
    margin:0 auto;
    background-image: url(../images/header-bg2.png);
    background-size: 100% 100%;
    position: relative;
}

.main-header-ball{
    width:1.59rem;
    height:2.22rem;
    position: absolute;
    top:2.56rem;
    left:0;
    animation: ballfloat 4s infinite linear;
}

/* 气球动画 */
@keyframes ballfloat{
    0% {
        top: 2.56rem;
        left: 0;
    }
    25% {
        top: 3.232rem;
        left: 0.4rem;
    }
    75% {
        top: 1.888rem;
        left: -0.4rem;
    }
    100% {
        top: 2.56rem;
        left: 0;
    }
}

.main-header-ball img{
    width:100%;
}

.noshery{
    width:1.5rem;
    height:1.8rem;
    position: absolute;
    top: 3.4rem;
    right: 0;
    /* border: 1px solid yellow; */
}

.cinema{
    width: 3.2rem;
    height: 3rem;
    position: absolute;
    top: 3.7rem;
    left: 2.2rem;
    /* border: 1px solid yellow; */
}

.cinema-hand{
    width:.84rem;
    height:.84rem;
    /* border: 1px solid #000; */
    margin: 1rem 0 0 1.6rem;
    animation: handchange 1s infinite linear;
}

/* 手指动画 */
@keyframes handchange{
    0%{
        width:.84rem;
        height:.84rem;
    }
    50%{
        width:1.1rem;
        height:1.1rem;
    }
    100%{
        width:.84rem;
        height:.84rem;
    }
}

.cinema-hand img{
    width:100%;
}

.cinema-natant{
    width:2rem;
    height:1.1rem;
    background: rgba(0, 0, 0, .5);
    border-radius: .3rem;
    position: absolute;
    top: -0.2rem;
    left:1.6rem;
    display: none;
}

.noshery-natant{
    top: -1rem;
    left: -0.5rem;
}

.shopping-natant{
    top: -0.8rem;
    left: 0.4rem;
}

.odeum-natant{
    top: -1rem;
    left: 1rem;
}

.cinema-natant-content{
    width:1.8rem;
    height:.6rem;
    margin:.12rem auto 0;
    /* background-color: blue; */
    display: flex;
}

.cinema-natant-content img{
    width:.48rem;
    height:.48rem;
    margin:auto;
}

.cinema-natant-content-text{
    width:1.2rem;
    height:.6rem;
    /* border:1px solid #fff; */
}

.cinema-natant-content-text p{
   font-size: .2rem;
   color:#fff;
}

.cinema-natant-p{
    font-size: .24rem;
    color:#fff;
    width:100%;
    text-align: center;
}

.cinema-natant-p span{
    font-size: .2rem;
    text-decoration:line-through;
}

.cinema-natang-triangle{
    width:0;
    height:0;
    border-width:.15rem;
    border-style:solid;
    border-color:rgba(0, 0, 0, .5) transparent transparent transparent;
    margin: 0.05rem 0 0 0.3rem;
}

.shopping{
    width: 1.9rem;
    height: 3.26rem;
    position: absolute;
    top: 5.34rem;
    left: 0;
    /* border: 1px solid yellow; */
}

.odeum{
    width: 3.3rem;
    height: 1.9rem;
    position: absolute;
    top: 7.38rem;
    right: 0;
    /* border: 1px solid yellow; */
}

.main-nav{
    width:7.5rem;
    height:1.62rem;
    border-radius: .4rem;
    margin:-2rem auto 0;
    background-image: -webkit-linear-gradient(top,#4eb6ff,#6ba7ff,#8998fe);
    position: relative;
    top:0;
    padding: 0.16rem;
    z-index: 100;
}

.navigation{
    width:7.18rem;
    height:1.3rem;
    border-radius: .2rem;
    background-color: #fff;
    display: flex;
    flex-wrap: wrap;
    list-style: none;
}

.navigation li{
    width:1.79rem;
    height:.65rem;
    /* border:1px solid #000; */
    display: flex;
}

.navigation-li-icon{
    width:.58rem;
    height:.65rem;
    margin:0;
    padding:.145rem .14rem;
}

.navigation-li-icon-img{
    width:.29rem;
    height:.37rem;
    display: none;
}

.navigation-li-span{
    font-size: .29rem;
    line-height: .65rem;
}

/* 文字点击后样式 */
.showSpan{
    font-size: .34rem;
    font-weight: bold;
    color:#fe6b6d;
}

.showImg{
    display: block;
}

.videoHot{
    width: 7.5rem;
    /* height: 14rem; */
    margin: 0.53rem auto 0;
    box-shadow: #fff1f1 0 0.6rem 0.2rem inset;
    padding:.76rem 0 0;
    border-radius: 0.4rem;
    position: relative;
}

.videoHot-title{
    width:3.13rem;
    height:1.03rem;
    position: absolute;
    top:-.35rem;
    left: 0;
}

.videoHot-title img{
    width:100%;
    height:100%;
}

.videoHot-subhead{
    width:6.74rem;
    height:.4rem;
    display: flex;
    margin:0 auto;
    /* border: 1px solid #000; */
    justify-content: space-between;
}

.videoHot-subhead-p{
    font-size: .3rem;
    line-height: .4rem;
}

.videoHot-subhead-cue{
    width:1.5rem;
    height:.4rem;
    border-radius: .2rem;
    background-color: #fdedee;
}

.videoHot-subhead-cue p{
    font-size: .25rem;
    text-align: center;
    line-height: .4rem;
    color:#eb090f;
    font-weight: bold;
}

.videoHot-ul{
    width:6.7rem;
    /* border: 1px solid #000; */
    list-style: none;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin:.26rem auto 0;
}

.videoHot-ul li{
    width:3.25rem;
    height:2rem;
    box-shadow: #bdbdbd 0 0 .2rem;
    margin:0 0 .2rem;
    border-radius: .2rem;
    padding: .36rem 0 0;
}

.videoHot-content{
    width:3.25rem;
    height:.71rem;
    /* border:1px solid #000; */
    margin:0 auto;
    display: flex;
}

.videoHot-content-icon{
    width:.77rem;
    height:.71rem;
    margin: 0 0 0 .17rem;
    /* border: 1px solid #000; */
}

.videoHot-content-icon img{
    width:100%;
    height:100%;
}

.videoHot-content-introduce{
    width:2.3rem;
    height:.71rem;
    /* border: 1px solid #000; */
}

.videoHot-content-introduce p{
    font-size: .26rem;
    margin: 0 0 0 .3rem;
}

.videoHot-price{
    width:3.25rem;
    height:.44rem;
    margin:.22rem auto 0;
    /* border: 1px solid #000; */
}

.videoHot-price p{
    width:100%;
    font-size: .22rem;
    text-align: center;
    line-height: .44rem;
    color:#eb090f;
}

.videoHot-price-span1{
    font-size: .3rem;
    font-weight: bold;
}

.videoHot-price-span2{
    font-size: .17rem;
    color:#999999;
    text-decoration: line-through;
    margin: 0 0 0 .16rem;
}

.videoHot-ul .cmp{
    height:2.7rem;
    padding: 0;
}

.cmp-title{
    width: 1.3rem;
    height: 0.4rem;
    border-radius: .2rem 0 .2rem 0;
    background-image: -webkit-linear-gradient(left,#fed5ad,#f8b78c,#f39f6f);
}

.cmp-title p{
    font-size: .21rem;
    width:100%;
    text-align: center;
    line-height: .4rem;
}

.cmp-icon{
    width:2.23rem;
    height:.67rem;
    margin:.04rem auto 0;
}

.cmp-icon img{
    width:100%;
    height:100%;
}

.cmp-p1,.cmp-p2,.cmp-p3{
    width:100%;
    text-align: center;
    color:#301c0e;
}

.cmp-p1{
    font-size: .28rem;
    font-weight: bold;
    margin: .14rem 0 0;
}

.cmp-p2{
    font-size: .22rem;
    margin: .14rem 0 0;
}

.cmp-p3{
    font-size: .26rem;
    font-weight: bold;
    color:#eb090f;
    margin: 0.1rem 0 0;
}

.cmp-p3-span1{
    font-size: .3rem;
}

.cmp-p3-span2{
    font-size: .17rem;
    text-decoration: line-through;
    margin-left: .1rem;
    color:#999999;
}

.videoHot-ul .cmp-tv{
    height:1.98rem;
    padding: 0;
}

.cpm-tv-video{
    width:3.26rem;
    height:1.98rem;
    border-radius: .2rem;
    object-fit: fill;
}
/* 去除进度条 */
/* video::-webkit-media-controls-timeline {
    display: none;
} */
/* 去除音量 */
/* video::-webkit-media-controls-mute-button {
    display: none;            
} */

.shop{
    margin:.3rem 0 0 ;
    box-shadow: #f4e4fe 0 0.6rem 0.2rem inset;
}

.food{
    margin:.3rem 0 0 ;
    box-shadow: #dfe6ff 0 0.6rem 0.2rem inset;
}

.quality{
    margin:.3rem 0 0 ;
    box-shadow: #d1ecff 0 0.6rem 0.2rem inset;
}

.quality-music{
    width:6.74rem;
    height:1.05rem;
    margin:0 auto .1rem;
    padding: 1px;
    position: relative;
    background-image: url('../images/music-CD.png');
    background-size: 100% 100%;
}

.quality-music-img{
    width:100%;
    height:100%;
}

.quality-music-audio1,.quality-music-audio2,.quality-music-audio3{
    width:1rem;
    height:1rem;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
}

.quality-music-circle{
    width:.5rem;
    height:.5rem;
    margin: 0.274rem 0 0 5.8rem;
    position: relative;
}

.music-circle{
    width:.5rem;
    height:.5rem;
}

.showCircle{
    display: none;
    animation:revolveCircle 1s linear infinite;
}

/* 外圈旋转动画 */
@keyframes revolveCircle{
    0%{
        transform: rotateZ(0);
    }
    100%{
        transform: rotateZ(360deg);
    }
}

.quality-music-circle-center{
    width:.26rem;
    height:.26rem;
    position: absolute;
    top:50%;
    left:50%;
    transform: translateX(-50%) translateY(-50%);
}

.quality-music-circle-center img{
    width:100%;
    height:100%;
}

.music-end,.qtfm-end{
    display: none;
}

.videoHot-ul .qtfm{
    padding:0;
}

.quality-qtfm{
    width: 3.25rem;
    height: 2rem;
    background-image: url('../images/QTFM-content.png');
    background-size: 100% 100%;
    padding: 1px;
}

.quality-xmly{
    background-image: url('../images/XMLY-content.png');
}

.quality-qtfm-circle{
    width:1rem;
    height:1rem;
    margin: .5rem auto;
    position: relative;
}

.qtfm-circle{
    width:1rem;
    height:1rem;
}

.quality-qtfm-circle-center{
    width:.52rem;
    height:.52rem;
    position: absolute;
    top:50%;
    left:50%;
    transform: translateX(-50%) translateY(-50%);
}

.quality-qtfm-circle-center img{
    width:100%;
    height:100%;
}

.go{
    margin:.3rem 0 0 ;
    box-shadow: #bdf6fb 0 0.6rem 0.2rem inset;
}

.book{
    margin:.3rem 0 0 ;
    box-shadow: #e5f5d9 0 0.6rem 0.2rem inset;
}

.life{
    margin:.3rem 0 0 ;
    box-shadow: #f5f2cc 0 0.6rem 0.2rem inset;
}

.study{
    margin:.3rem 0 0 ;
    box-shadow: #ffdac1 0 0.6rem 0.2rem inset;
}

/* 弹窗样式 */
.bigBox{
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: 999;
    top:0;
    left:0;
    background: rgba(0, 0, 0, .7);
    display: none;
}

.pop{
    width: 4.8rem;
    height: 4.55rem;
    border-radius: .4rem;
    position: absolute;
    top:50%;
    left:50%;
    transform: translateX(-50%) translateY(-50%);
    background-image: -webkit-linear-gradient(top,#f0c9a7,#caacbb,#a08ad0,#8d7bd9);
}

.pop-content{
    width:4.56rem;
    height:4.3rem;
    border-radius: .3rem;
    position: absolute;
    top:50%;
    left:50%;
    transform: translateX(-50%) translateY(-50%);
    background: #fff;
    padding: .6rem 0 0;
}

.pop-content-p1{
    font-size: .29rem;
    width:100%;
    text-align: center;
    color:#e96925;
    margin: 0 0 0.2rem;
}

.pop-content-p2{
    font-size: .32rem;
    width:100%;
    text-align: center;
    color:#fb4c3c;
    font-weight: bolder;
    margin: 0 0 0.18rem;
}

.pop-content-p3{
    font-size: .22rem;
    width:100%;
    text-align: center;
    color:#999999;
}

.pop-content img{
    width:6rem;
    height:5.3rem;
    position: absolute;
    top:-.38rem;
    left:50%;
    transform: translateX(-50%);
}

.pop-btn{
    width:2.5rem;
    height:.7rem;
    position: absolute;
    top:5.06rem;
    left:50%;
    transform: translateX(-50%);
}

.pop-btn img{
    width:100%;
    height:100%;
}
.advertisement{
    margin-top: 0.5rem;
    margin-bottom: 0.7rem;
}
.advertisement div{
    margin: 0 0.2rem;
}
.advertisement div img{
    width: 100%;
    display: block;
    margin-top:  0.2rem;
}

.rulePrize{
    position: absolute;
    right: 0;
    top: 1.2rem;
}
.rulePrize div{
    width: 1.09rem;
    height: .56rem;
    background: url(../images/qyyly-01.png);
    background-size: 1.09rem 1.35rem;
    background-repeat: no-repeat;
}
.rulePrize div.rule{
    background-position: 0 0;
}
.rulePrize div.prize{
    background-position: 0 -.8rem;
    margin-top: .24rem;
}

.popMark{
    background-color: rgba(0, 0, 0, .7);
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index:101;
    display: none;
}
.popMark .pop-main{
    background: url(../images/qyyly-02.png);
    background-repeat: no-repeat;
    width: 5.4rem;
    height: 6.9rem;
    background-size: 100% 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}
.popMark .pop-main .close{
    width: .66rem;
    height: .66rem;
    position: absolute;
    bottom: -0.8rem;
    left: 45%;
    transform: translate(-50%,0);
}

.popMark .pop-main .close img{
    width: 100%;
    height: 100%;
}

.popMark .pop-main .pop-title{
    height: .34rem;
    margin: 0.25rem auto 0 auto;
    font-size: .36rem;
    font-family: "FZZDHK";
    text-align: center;
    color: rgb( 255, 255, 255 );
    font-weight: bold;
}

.qyyly-02-1{
    width: 1.38rem;
    height: 2.68rem;
    position: absolute;
    right: -0.65rem;
    top: -0.4rem;
}
.pop-content2{
    width: 4.9rem;
    margin: .5rem auto 0 auto;
}
.pop-content2 .th{
    background-image: -moz-linear-gradient( -180deg, rgb(164,140,222) 1%, rgb(77,183,255) 98%);
    background-image: -webkit-linear-gradient( -180deg, rgb(164,140,222) 1%, rgb(77,183,255) 98%);
    background-image: -ms-linear-gradient( -180deg, rgb(164,140,222) 1%, rgb(77,183,255) 98%);
    width: 4.9rem;
    height: .77rem;
    font-size: .26rem;
    font-family: "PingFang SC";
    color: rgb(255, 255, 255);
    border-radius: .2rem .2rem 0 0;
    display: flex;
    text-align: center;
    align-items: center;
}
.pop-content2 .th .td{
    border-right: 1px solid #8cbcf7;
    height: .77rem;
    line-height: .77rem;
}
.pop-content2 .th .td:last-child{
    border-right:none
}
.pop-content2 .th .td,.pop-content2 .tr .td{
    width: 33.333333333333333%;

}

.pop-content2 .tr{
    display: flex;
    text-align: center;
    align-items: center;
    font-size: .24rem;
    font-family: "PingFang SC";
    color: rgb(51, 51, 51);
    height: .77rem;
    border-bottom: 1px solid #dedcf9;
}
.pop-content2 .tr:last-child{
    border-bottom: none;
}

.scorll{
    height: 4.8rem;
    overflow: scroll;
    border-radius: 0 0 .2rem .2rem ;
    border: 1px solid #dedcf9;
}
button.got{
    background-color: rgba(51, 51, 51,.3);
    width: 1rem;
    height: .4rem;
    border: none;
    display: block;
    margin: auto;
    font-size: .24rem;
    font-family: "PingFang SC";
    color: rgb(255, 255, 255);
    text-align: center;
    border-radius: .4rem;
}

.noData{
    font-size: .3rem;
    font-family: "PingFang SC";
    color: rgb(51, 51, 51);
    text-align: center;
    padding-top: 1.5rem;
}
.ruleData{
    font-size: .26rem;
    font-family: "PingFang SC";
    color: rgb(51, 51, 51);
    padding: .2rem;
}
#rule .pop-content2 .help-main-title{
    font-size: 0.28rem;
    margin-top: 0.15rem;
    margin-bottom: 0.1rem;
    font-weight: bold;
}
#rule .pop-content2 .help-main-content{
    font-size: 0.26rem;
    line-height: 0.45rem;
}


.tableBox .tableTitle{
    font-size: .34rem;
    font-family: "SourceHanSansCN";
    font-weight: bold;
    text-align: center;
    margin-bottom: .3rem;
}

.tableBox table th{
    font-size: .3rem;
    font-family: "SourceHanSansCN";
    text-align: center;
    margin-bottom: .2rem;
    font-weight: bold;
}
.tableBox table{
    width: 100%;
    font-size: .28rem;
    text-align: center;
    border-collapse: collapse;
    border-spacing: 0;
}

.tableBox .tableDiv{
    border-radius: .1rem;
    border: 1px solid;
    width: 4.7rem;
    margin: 0 0 0.3rem -0.18rem;
}

.tableBox table th,.tableBox table td{
    border: 1px solid;
    border-radius: .1rem;
    padding: .1rem 0;
    font-size: .26rem;
    font-family: "SourceHanSansCN";
}

.tableBox table th{
    border-top: none;
}

.tableBox table th:nth-child(1),
.tableBox table td:nth-child(1){
    border-left: none;
    width: 65%;
}
.tableBox table th:nth-child(2),
.tableBox table td:nth-child(2){
    border-right: none;
    width: 35%;
}

.tableBox table tr:last-child td{
    border-bottom: none;
}