.container{ background: #4c2e89; padding-bottom: .2rem; font-family: 'Microsoft Yahei';}
.pageHead{ background: url(../images/m/headerBg.jpg) center center no-repeat; height: 3rem; background-size: cover; position: relative;}
.pageHead p{ background: rgba(0,0,0,0.58); height: .5rem; position: absolute; bottom: 0; left: 0; width: 100%; text-align: center; line-height: .5rem; color: #fff; font-size: .22rem;}
.sec{ background: #6942b8; margin:.1rem; box-shadow: 0 0 3px rgba(0,0,0,0.2);}
.sec_title{ padding-left: .2rem; height: .76rem; line-height: .76rem; font-size: .3rem; color: #703d88; border-bottom: 1px solid #e2e2e2; clear: both; overflow: hidden;}
.title_num{ display: inline-block; width: 1rem; height: 1rem; background: url(../images/m/title_bg_01.png) no-repeat center center; background-size: cover; float: left;}
.title_num02{background-image: url(../images/m/title_bg_02.png);}
.zisenichengArea{ background: url(../images/m/zisenicheng.png) no-repeat center center; background-size: cover; width: 2.19rem; height: 2.19rem; margin: .3rem auto; position: relative;}
.getBtn{ width: 1.1rem; height: .46rem; border-radius: .46rem; text-align: center; line-height: .46rem; color: #fff; font-size: .24rem; position: absolute; top: 1.43rem; left: 50%; -webkit-transform: translateX(-50%);}
.getBtn.has{ background: #f25858;}
.getBtn.noGet{ background: #cdcdcd;}
.actProgress{ height: .76rem; line-height: .76rem; background: #59379e; color: #fffd75; padding: 0 .1rem; overflow: hidden; clear: both;}
.dayProgress{ float: left; position: relative; font-size: .3rem;}
.dayProgress_tip{ color: #fff1b6; font-size: .2rem;}
.timeProgress{ float: right; position: relative; font-size: .28rem; padding-left: .42rem;}
.timeIcon{ width: .32rem; height: .35rem; position: absolute; left: 0; top: .2rem; background: url(../images/m/timeIcon.png) no-repeat center center; background-size: cover;}
/* #day{ color: #ff7800;} */
.stateArea{ color: #fffaec;}
.stateArea_title{ margin-top: .3rem; font-size: .28rem; line-height: 100%; padding: 0 .3rem .2rem; color: #ebe5ff;}
.stateAreaList{ background: #7d4fda; padding: .1rem 0;}
.stateAreaList li{ position: relative; font-size: .28rem; line-height: 100%; padding: .15rem .3rem .15rem; clear: both; overflow: hidden;}
.stateAreaList li a{ color: #ebe5ff;}
.headImg{ display: block; position: absolute; width: .5rem; height: .5rem; background-position: center center; background-size: cover; top: 0; left: 1rem; border-radius: 50%;}
.stateArea_head,.stateArea_picNum,.stateArea_flowerNum,.stateArea_attenNum,.stateArea_praiseNum{ float: left;}
.isGet{ float: right;}
.getFlag{ color: #ffef3c;}
.noFlag{ color: #c8c8c8;}
.wenBox{ clear: both; overflow: hidden; padding: 0 .3rem; padding-bottom: .4rem; border-bottom: 1px solid #e2e2e2;}
.wenList{ padding-top: .3rem; float: left;}
.wenList li{ font-size: .24rem; color: #6094d4; line-height: .4rem;}
.wenList li a{font-size: .24rem; color: #6094d4;}
.getZisenichengBtn{ font-size: .28rem; color: #fff; float: right; text-align: center; line-height: .72rem; width: 2.76rem; height: .72rem; background: #cdcdcd; border-radius: .72rem; margin-top: .6rem;}
.getZisenichengBtn.canGet{ background: #d65be3;}
.tishiBox{ padding: .24rem 0; background: #6942b8;}
.tishiTitle{ position: relative; color: #703d88; font-size: .3rem; width: 1.56rem; height: .45rem; line-height: .45rem; background: #9c6bff; text-align: center; color: #fffd75; margin-bottom: .2rem;}
.tishiTitle span{ position: absolute; display: block; background: #fd3d4e; width: .08rem; height: .3rem; left: 0; top: .05rem; border-radius: .08rem;}
.tishiBox p{ font-size: .24rem; line-height: .44rem; color: #e8e1ff; padding: 0 .16rem;}
.tishiBox p a{ color: #fffd75;}
.iconGetBox{ padding: .3rem .3rem 0;}
.iconGetBox_item{ padding-bottom: .5rem; height: 1.88rem; clear: both; overflow: hidden;}
.iconSec{ width: 1.88rem; height: 1.9rem; margin-right: .3rem; float: left; position: relative;}
.zhuanxiang{ background: url(../images/m/vvmusiczhuanIcon.png) no-repeat center center; background-size: cover;}
.cansai{ background: url(../images/m/cansaiIcon.png) no-repeat center center; background-size: cover;}
.iconSecBtn{ width: 1.1rem; height: .46rem; border-radius: .46rem; text-align: center; line-height: .46rem; color: #fff; font-size: .24rem; position: absolute; top: 1.23rem; left: 50%; -webkit-transform: translateX(-50%); color: #fff;}
.iconSecGet{ background: #f25858;}
.iconSecNoGet{ background: #cdcdcd;}
.iconGetBox_desc{ margin-top: .4rem;}
.iconGetBox_desc p{ font-size: .24rem; color: #c39f5c;}
.sss{ background: #fc6e51; padding: .3rem .3rem 0; margin: 0 .16rem;}
.vvmuslogo{margin: 0 auto 0; width: 1.4rem; height: 1.4rem;background: url(../images/m/vvmusicLogo.png) no-repeat center center; background-size: cover;}
.dlvm{ width: 2.7rem; height: .72rem; background: #d65be3; text-align: center; line-height: .72rem; color: #fff; font-size: .3rem; margin: .34rem auto 0; border-radius: .72rem; display: block;}
.bbb{ padding: .2rem .2rem 0; margin-top: .3rem; display: -webkit-box; padding-bottom: .3rem; background: #7d4fda;}
.guanbox{ -webkit-box-flex: 1;}
.sao{ color: #ffef3c; font-size: .31rem; font-weight: bold;}
.sb{ color: #fff9e7; font-size: .25rem;}
.vs{ color: #ffef3c;}
.guanbox p{ color: #fff9e7; font-size: .21rem;}
.erweima{ width: 2.12rem;}

.choujiang{ padding-bottom: .2rem;}
.chouTitle{ height: .9rem; background: url(../images/m/chouTitle.png) no-repeat center center; background-size: 100% auto;}
.chouContent{}
.chouMain{ background: url(../images/m/dotBg.png) no-repeat top center; background-size: 100% auto; height: 2.82rem; display: -webkit-box;-webkit-box-align:center; -webkit-box-pack: center;}
.chouMain ul{display: -webkit-box; -webkit-box-pack: center; clear: both; overflow: hidden;}
.chouMain li{ width: 83px; height: 109px; box-sizing: border-box; padding-left: 4px; padding-top: 4px; background: #4b0d6b; margin: 0 .1rem; position: relative; border-radius: 4px;}
.chouMain li img{ width: 100%; height: 100%; position: absolute;left: 0; top: 0; z-index: 40;}
.chouItem{ width: 75px; height: 102px; background: url(../images/m/chouBg.png) no-repeat; background-size: 75px auto; border-radius: 4px; overflow: hidden;}
.item-1{ width: 75px; height: 102px; background: url(../images/m/item-1.png) repeat-y; background-size: 75px 204px; position: relative;}
.item-2{ width: 75px; height: 102px; background: url(../images/m/item-2.png) repeat-y; background-size: 75px 408px; position: relative;}
.item-3{ width: 75px; height: 102px; background: url(../images/m/item-3.png) repeat-y; background-size: 75px 306px; position: relative;}
.transparent{ width: 75px; height: 102px; position: absolute; background: url(../images/m/chouMask.png) no-repeat; background-size: 75px 102px; top: 4px; left: 4px; z-index: 30;}
.chouBtn{ margin: .24rem 1.64rem 0; height: .64rem; background: #fffd75; text-align: center; line-height: .64rem; color: #da3c47; font-size: .3rem; border-radius: 4px;}
.chouBtn.nochou{ background: #a98fdd; color: #7053aa;}
.chouCount{ color: #fffad1; font-size: .24rem; text-align: center; margin-top: .1rem;}
.maskLayer{ display: none; position: fixed; width: 100%; height: 100%; top: 0; left: 0; background: rgba(0,0,0,0.8); z-index: 50;}
.alertLayer{ width: 4.68rem; height: 3.7rem; position: fixed; left: 50%; top: 50%; -webkit-transform: translate(-50%,-50%); z-index: 51;}
.alert-no{ background: url(../images/m/alert-noget.png) no-repeat; background-size: cover;}
.alert-yes{ background: url(../images/m/alert-get.png) no-repeat; background-size: cover;}
.closeBtn{ width: .46rem; height: .46rem; background: url(../images/m/closeBtn.png) no-repeat; background-size: cover; position: absolute; right: -.2rem; top: -.2rem; z-index: 60;}
.hasAward{ font-size: .24rem; color: #ffe9aa; text-align: center; padding-top: 3.1rem; text-shadow: 0 2px 4px rgba(0,0,0,0.24); font-family: 'Microsoft Yahei'; display: none;}
.wxYindao{ position: fixed; width: 100%; height: 100%; z-index: 1000; background: rgba(0,0,0,0.8); top: 0; left: 0; display: none;}
.wxYindao img{ max-width: 100%;}