body{ background: #f7f7f7; max-width:640px; min-height:100%; height:auto;}
*{outline:none;box-sizing: border-box;}

/* 菜单 */
.h80{height: 0.8rem;}
/* .h90{height:1.36rem;} */
.ph1{height: 1rem;}
.ph1-1{height: 1.01rem;}
/* 大分类吸顶 */
.h180{height: 1.6rem;}
.bg{background:#ffffff;}


/* .headcontent .cateName{flex:1;display:flex;justify-content:center;align-items:center;font-weight:bold;font-size:0.36rem;}
.headcontent .navRight .toVip{ background: url(../images/music/vip.png) no-repeat right center/auto 50%; display: flex; height: 100%;}
.headcontent .navRight{width:1.2rem} */

.createCont{display:flex;justify-content: space-between;padding:0.2rem}
.createCont .item{width:48%;display:flex;align-items: center; padding:0.36rem 0;border-radius:0.1rem;color:#fff;font-size:0.3rem;border: 1px solid #f0f0f0;justify-content: center;}
.createCont .item i{font-size:0.5rem;}
.createCont .item.left i{color: #64b0f5;}
.createCont .item.right i{color: #efc357; font-size: 0.6rem;}
.createCont .item .d_r{margin-left: 0.2rem;}
.createCont .item .d_r .t1{color: #333;font-weight: bold;}
.createCont .item .d_r .t2{color: #ababab;font-size: 0.2rem;margin-top: 0.1rem;}


/* 栏目标题 */
.c_title{ margin:0.24rem 0.24rem 0; clear:both;position: relative;}
.c_title h1{ font-size:0.3rem; font-weight:bold; color:#000; display:inline-block; position:relative;letter-spacing:1px;}
/* .c_title h1:before{ content:''; width:3px; height:0.24rem; background-color:#3191f5; display:inline-block; position:absolute; left:0; top:0.06rem;} */

.c_title span{ margin-left:0.1rem; color:#fff; font-size: 0.2rem;background-color:#3191f5; padding: 1px 0.1rem;border-radius: 0.3rem 0.3rem 0.3rem 0; vertical-align: 2px;}
.c_title span i{font-size: 0.2rem;margin-right: 0.06rem;}
.c_title .c_more{position: absolute;right: 0; top:0;height: 0.4rem; line-height: 0.4rem; color:#333;font-size:0.24rem;}
.c_title .c_more i{color: #333;font-size: 0.22rem;}


.cate_list{padding-bottom:0.3rem}
.common_list_cont.last{margin-bottom: 0.2rem;}


.navibar-bot{    border-top: 0.01rem solid rgba(200,200,208,.2);}
.navibar-bot .navi-item .icon-create{ background: url(../images/music/create.png) no-repeat; background-size: 100% auto;width: 1rem;  height: 1rem;margin-top: -0.54rem;display:inline-block}
.navibar-bot .create p{margin-top:0}



/* 列表 */
.album_list{clear:both; width:100%; height: calc(100vh - 2.26rem); z-index: 9;background: #f5f6f8;overflow: hidden;display:flex;position:fixed;top:1.36rem;max-width:640px;}
.album_list  .leftCate{width:1.4rem;background: #fff;overflow-y: auto;}
.album_list  .leftCate .item{line-height:0.88rem;text-align:center;font-size:0.28rem;cursor:pointer;}
.album_list  .leftCate .item.on {border-left:0.08rem solid #3191f5;background: #f5f6f8;}
.album_list  .leftCate .item a{ display:inline-block;width:100%;height:100%;color:#333;font-size:0.28rem}
.album_list  .leftCate .item.on a{color:#3191f5;}

.common_list_cont.music_list .list_li{width:50%}


.scene_content{ clear:both;color:#555;padding:0 0 0.6rem;overflow-y:scroll;flex:1;}
.scene_content  .scene_list_content{display:grid;grid-template-columns: 45% 45%;padding-left:3%;padding-top:0.2rem; grid-column-gap: 7%;grid-row-gap:0.3rem;}
.scene_content  .scene_list_content .item{text-align:center;}
.scene_content  .scene_list_content .item .thumb{position:relative;font-size:0;}
.scene_content  .scene_list_content .item .thumb img{width:100%;border-radius:0.1rem}
.scene_content  .scene_list_content .item .name{overflow: hidden; text-overflow: ellipsis; white-space: nowrap;font-size:0.24rem;margin-top:5px;color:#666}
.zm-pages .num{display:none !important}      
  
/*menu*/
.category {padding:0.1rem 0.2rem 0.2rem; background-color: #fff; width: 100%; overflow: hidden;}
.category__row {display:flex;flex-wrap:wrap;justify-content: space-between;}
.category__row .category__item{flex:1;display: flex; justify-content: center; flex-direction: column;    align-items: center;}
.category__row .category__item i{color:#333;font-size:0.4rem }


.category__item__txt {font-size:0.22rem;text-align:center;color:#333;overflow: hidden;white-space: nowrap;text-overflow:ellipsis; width: 100%;margin-top:0.14rem;color:#666}



/* 创建相册 */
.createAlbum{z-index:1000;background:#f5f5f5; width:100%;max-width:640px;height:100%;position:fixed;top:0;visibility:hidden}
.createAlbum .create_top{height:0.7rem; line-height:0.7rem;display:flex;justify-content:center;align-items:center;position:relative;background:#ffffff;}
.createAlbum .create_top .create_back{position:absolute;left:0;top:0;height:100%;width:0.8rem;padding-left:0.2rem}
.createAlbum .create_top .create_back i{font-size:0.34rem;color:#666}
.createAlbum .create_top .create_title{font-weight:bold;font-size:0.34rem}

.createAlbum .create_type{padding:0.2rem}
.createAlbum .create_type .create_item{display:flex;background:#fff;box-shadow:0 0 0.1rem rgba(0,0,0,0.1);border-radius:0.1rem;padding:0.3rem 0.34rem;align-items: center;margin-bottom:0.2rem}
.createAlbum .create_type .create_item .create_item_left{flex:1}
.createAlbum .create_type .create_item .create_item_right{width:0.8rem;margin-left:0.2rem;text-align:center}
.createAlbum .create_item_right i{font-size:0.7rem;color:#a9d3f9}
.createAlbum .create_item_left .create_item_t1{font-size:0.3rem;}
.createAlbum .create_item_left .create_item_t1 span{ margin-left:0.1rem; color:#fff; font-size: 0.2rem;background-color:#e7675f; padding: 1px 0.07rem;border-radius: 0.3rem 0.3rem 0.3rem 0; vertical-align: 2px;}
.createAlbum .create_item_left .create_item_t2{font-size:0.22rem;color:#888;margin-top:0.1rem}


.createAlbum {transition: all 0.3s ease; transform: translateX(100%);}
.createAlbum.alertShow{transform: translateX(0%); visibility: visible;}



/* 视频显示 */
.normalPlayer{
    width: 100%;
    height: 3.6rem;
    position: relative;
    background: #000;
    max-width: 640px;
    margin-top:0.1rem
}
.normalPlayer_videoWrap{
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;cursor:pointer;
}
.normalPlayer_videoWrap .index__playBtn{
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    width: 0.9rem;
}
.normalPlayer_videoWrap .video_thumb{max-height:100%;max-width:100%;}
.normalPlayer_videoWrap video{
    width: 100%;
    max-height: 100%;
}

.webmap{display: flex;padding-right: 0;padding-top: 0.16rem;overflow: hidden;}
.webmap .webmap_l{flex: 1; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.webmap .webmap_r{width: 1.2rem; text-align: right;}
.likeIn{display: flex; align-items: right;font-size: 0.24rem !important; justify-content: center; }
.likeIn i{font-size: 0.28rem; color: #999; vertical-align: bottom; margin-right: 0.05rem;}
.likeIn.on i{color: #3191f5;}

.detail_item{padding:0.3rem 0.3rem 0.4rem;}
.detail_item .detail_title{font-weight:normal;font-size:0.3rem;}
.detail_item .detail_li{margin-top:0.35rem;font-size:0.24rem;color:#999}
.detail_item .detail_li .t1{margin-top:0.1rem}
.buyBtn{display: flex;margin-top: 0.4rem;}
.buyBtn a{flex: 1;font-size: 0.28rem; background-image: linear-gradient(to right,#3191f5,#3191f5); color: #fff; text-align: center; padding: 0.18rem 0;border-radius: 0.1rem;}



/* 视频预览 */
.video-dialog{position:fixed;width:100%;height:100%;z-index:9999;top:0;background:rgba(0,0,0,0.8);display:none;max-width: 640px;}
.video-content{width:100%;height:100%;position:relative;display:flex;justify-content:center;}
.video-content video{
    width: 100%;
    max-height: 80%;
}
.video-content .video-close{position:absolute;bottom:0.3rem;width:0.7rem;height:0.7rem;border:1px solid #fff;border-radius:50%;color:#fff;display:flex;justify-content:center;align-items:center;}