@import url(/static/v8/m/fonts/iconfont.css);
body{ background: #f7f7f7; max-width:562px; min-height:100%; height:auto;}
.h150{content: '';clear: both;height: 1.5rem;width: 100%;display: flex;}
/*回到顶部*/
.goUp{width: 1.4rem;height: 1.4rem;position:fixed;z-index: 10;right: 20px;bottom:30px;display: none; text-align:right;cursor: pointer;}
.goUp img{ width:0.7rem; height:0.7rem; }

/*提示语*/
#sendText {width:70%;max-width:600px; color: #fff; font-size: 0.24rem; text-align: center;z-index: 999999;position: fixed;top:50%; right:0; left:0; margin:-24px auto 0; display:none; box-sizing:border-box;}
#sendText .msgtext{background-color:rgba(0,0,0,.7);border-radius: 5px;padding:0.2rem 0.3rem; display:inline-block; margin:0 auto;}
.chuchuang_container{overflow: hidden;}
/* 点赞 */
.album_bottom {position:relative;width:100%;margin-top:0.66rem;background:#fff;height:1rem;display: flex;align-items: center;padding: 0 0.3rem;font-size: 0.26rem; color: #666666;}
.album_bottom .author{ width: 3rem;overflow: hidden; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.album_bottom .z_report{flex: 1;display: flex;align-items: center; justify-content: flex-end;}
.album_bottom .z_report .item{width: 1.33rem;height: 0.56rem;border: 1px solid #ddd;border-radius: 0.3rem;display: flex;align-items: center; justify-content: center;cursor: pointer;}
.album_bottom .z_report .item.zan{margin-right: 0.3rem;}
.album_bottom .z_report .item.zan i{font-size: 0.3rem;margin-right: 3px;}
.album_bottom .z_report .item.on .iconfont{color:#f00;}

/* 分享弹窗 */
.weixinShareStep {position:fixed;width:100%;height:100%;z-index:1000000;top:0;left:0;background:rgba(0,0,0,0.65);display:none;}
.weixinShareStep .imgwx {width:50%;height:50%;background:url(../images/music/share.png) no-repeat top right/100%;position:absolute;right:30px;top:30px;}
/* PC浏览器显示 */
.weixinShare {position:fixed;left:calc(50% + 300px);top:0;border:1px solid #eee;background:#f7f7f7;padding:10px 0;border-radius:10px;text-align:center;width:220px;font-size:14px}
.weixinShare .t1 {font-weight:700;font-size:16px;border-bottom:1px dotted #e4e4e4;padding:10px 0}
.weixinShare .t2 {margin:10px 0}
.weixinShare canvas {padding:5px;background:#fff;}
.weixinShare a {background:#3191f5;color:#fff;width:170px;height:40px;border-radius:5px;line-height:40px;display:inline-block;margin-top:10px}


/* 热门模板推荐 */
.hot_content{max-width:562px;margin:0 auto;}
.c_title{ margin:0.24rem 0.24rem 0; clear:both;position: relative;}
.c_title h1{ font-size:0.3rem; font-weight:bold; color:#585858; display:inline-block; position:relative;letter-spacing:1px;}
.c_title span{ margin-left:0.1rem; color:#fff; font-size: 0.2rem;background-color:#bbc7d3; padding: 1px 0.1rem;border-radius: 0.3rem 0.3rem 0.3rem 0; vertical-align: 2px;}
.c_title .c_more{position: absolute;right: 0; top:0;height: 0.4rem; line-height: 0.4rem; color:#2579f3;font-size:0.26rem;}
.c_title .c_more i{color: #2579f3;font-size: 0.22rem;}
.c_title .c_more i.icon-xiugai{margin-right: 3px;}
.hot_list{border-top: 0.2rem solid #fbfbfb;background-color: #fff;}
/* .hot_list::after{content: '';clear: both;height: 1.5rem;width: 100%;display: flex;} */
.hot_list .list_cont{padding-bottom: 0.3rem;}
.hot_list .list_cont .item{height: 1.4rem; border-top: solid 0.02rem #F8F8F8;}
.hot_list .list_cont .item:first-child{border: 0;}
.hot_list .list_cont .item a{display: flex; padding: 0.2rem 0.3rem;  font-size: 0.24rem; color: #666666;    }
.hot_list .list_cont .item_bg{ width: 1rem;height: 1rem;}
.hot_list .list_cont .item_bg img{object-fit: cover;width: 100%;height: 100%;}
.hot_list .list_cont .info{flex: 1;margin-left: 0.25rem;display: flex;flex-direction: column;justify-content: space-around;}
.hot_list .list_cont .info .item_title{font-size: 0.28rem; line-height: 1.2; color: #666666;}
.hot_list .list_cont .info .read-zan-box{text-align: right;}
.hot_list .list_cont .info .read-zan-box  .zan{margin-left: 0.3rem;}

/* 底部我要制作 */
.muban_btm {position:fixed;max-width:562px;display:flex;height:1rem;padding:0.24rem;z-index:6;justify-content:space-between;bottom:0;width:100%;background:rgba(255,255,255,0.8);align-items:center;border-top:1px solid #eee;}
.muban_btm a {font-size:0.26rem;display:flex;justify-content:center;align-items:center;font-weight:300;color:#333;height:0.56rem;line-height:0.56rem;border-radius:0.4rem;box-shadow:0 0 10px rgb(255 255 255 / 60%);}
.muban_btm .btm_r {flex:1;display:flex;align-items:center;justify-content:flex-end;}
.muban_btm a.more i {font-size:0.22rem;color:#777}
.muban_btm .btm_r a {background:#0493FF;color:#fff;padding:0 0.4rem;font-size:0.26rem;height:0.6rem;line-height:0.6rem;}
.muban_btm .btm_r a.share {background:#f5a623;margin-right:0.3rem;display: none;}

/* 举报弹窗 */
.reportAlert{position: fixed;width: 100%;max-width:562px; height: 100%; background-color: rgba(0,0,0,.5);top: 0;z-index: 1000;display: none;}
.reportAlert .form{background-color: #fff; position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);width: 80%;max-width:350px;padding: 0.25rem;border-radius: 0.1rem;}
.reportAlert .form h2{text-align: center; font-size: 0.3rem;}
.reportAlert .repClose{width: 0.55rem; height: 0.55rem; background-color: #FFF; display: flex; align-items: center;justify-content: center;position: absolute;right: -0.2rem;top: -0.2rem;border-radius: 50%;cursor: pointer;}
.reportAlert .repClose i{font-size: 0.3rem;color: #666;}
.reportAlert .formSelect{ display: flex;flex-wrap: wrap; text-align: left;margin-top: 0.2rem;}
.reportAlert .formSelect li{width: 33%; display: flex; align-items: center; margin-bottom:0.3rem;cursor: pointer;font-size: 0.28rem;color: #666;}
.reportAlert .formSelect li i{border: 1px solid #ddd; color: #fff;border-radius: 50%; font-size: 12px; display: inline-block; width:0.36rem; height: 0.36rem; display: flex; align-items: center; justify-content: center; margin-right: 0.1rem;}
.reportAlert .formSelect li.active i{border-color: #3191f5; color: #fff; background-color: #3191f5;}
.reportAlert .formCont{display: flex; flex-direction: column; align-items: center;}
.reportAlert .formCont textarea{width: 100%; border: 1px solid #ddd; height: 1rem; border-radius: 5px;padding:0.1rem;font-size: 0.28rem;}
.reportAlert .formCont .submit{width:2rem;text-align:center;background-color: #3995f5;color: #fff;font-size: 0.28rem;line-height:0.7rem; margin-top:0.3rem;border-radius: 5px;}

/* 评论留言 */
.album_comment {border-top:0.2rem solid #fbfbfb;background-color: #fff;}
.album_comment .commentBox{padding-top: 0.2rem;}
.album_comment .commentBox .li {display:flex;padding:0.3rem 0;border-bottom:1px solid #ededed;margin:0 0.3rem;}
.album_comment .commentBox .li.item_reply {border:0;margin:0;}

.album_comment .commentBox .li.item_reply{border-bottom: 1px solid #ededed;padding:0.3rem 0;}
.album_comment .commentBox .li.item_reply:last-child{border: 0;}
.album_comment .commentBox .li .replyCont{padding:0 0.3rem;background-color:#fafafc;position:relative;margin-top:0.22rem;}
.album_comment .commentBox .li .replyCont:before {content:'';display:block;width:0.2rem;height:0.2rem;background:#f8f8f8;-webkit-transform:rotate(45deg);transform:rotate(45deg);position:absolute;top:-0.05rem;left:0.4rem;}

.album_comment .commentBox .li .icon {width:0.65rem;height:0.65rem;margin-right:0.3rem;}
.album_comment .commentBox .li .icon img {width:100%;border-radius:50%;}
.album_comment .commentBox .li .content {flex:1;overflow:hidden;}
.album_comment .commentBox .li .content .name {font-size:0.26rem;line-height:0.37rem;color:#a8a8a8;}
.album_comment .commentBox .li .content .text {font-size:0.28rem;line-height:0.4rem;color:#666;display:block;margin-top:0.09rem; word-break: break-all;}
.album_comment .commentBox .li.item_reply .content .text{font-size: 0.26rem;}
.album_comment .commentBox .li .content .info {margin-top:0.1rem;display:flex;justify-content:space-between;align-items:center;}

.album_comment .commentBox .li .content .info .time {font-size:0.22rem;line-height:0.3rem;color:#9c9c9c;vertical-align:top;}
.album_comment .commentBox .li .content .info .right {display:flex;color:#747474;font-size:0.24rem;}
.album_comment .commentBox .li .content .info .right .tt {display:flex;align-items:center;cursor: pointer;}
.album_comment .commentBox .li .content .info .right .reply {margin-left:0.3rem;}
.album_comment .commentBox .li .content .info .right i {margin-right:3px;color:#a8a8a8;}
.album_comment .commentBox .li .content .info .right .zan.on i {color:#ff0000;}
.album_comment .no_comment{display: none; padding: 1rem 0;color: #999;text-align: center;font-size: 0.3rem;}
.album_comment .no_comment i{font-size: 1rem;color: #ccc;margin-bottom: 0.2rem;}
.album_comment .load_more{font-size: 0.28rem; color: #666; line-height: 1rem;text-align: center;cursor: pointer;}
/* 留言弹窗 */
.album_comment .cmt_textcont {position:fixed;top:0;max-width: 562px;width:100%;height:100%;background:transparent;z-index:11;background-color:rgba(0,0,0,.5);display: none;}
.album_comment .cmt_textcont .cmt_textcont_dt {background:#fff;padding:0 0.34rem 0.1rem;position:absolute;bottom:0;width:100%;box-sizing:border-box;display:block;z-index:11}
.album_comment .cmt_textcont .cmt_textcont_t {display:flex;justify-content:space-between;color:#444;line-height:0.9rem;font-size:0.28rem;font-weight: bold;}
.album_comment .cmt_textcont .cmt_textcont_t .cmt_cancel {cursor:pointer;padding: 0 0.2rem 0 0 ;}
.album_comment .cmt_textcont .cmt_enter {color:#3191f5;cursor:pointer;padding: 0 0 0 0.2rem;}
.album_comment .cmt_textcont .body_content_item {display:flex;display:-webkit-flex;align-items:center;margin-bottom:0.3rem;cursor:pointer;}
.album_comment .cmt_textcont .send_user_box textarea {flex:1;border:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:0;resize:none;width:100%;height:100%;background:transparent;caret-color:#3191f5;font-size: 0.28rem;height: 80px;}
.album_comment .cmt_textcont .body_content_item label {color:#888;font-size:0.26rem;margin-right:0.2rem}
.album_comment .cmt_textcont .body_content label:before {content:"*";color:#f83244}
.album_comment .cmt_textcont .send_user_box {border-radius:5px;padding:0.18rem 0.2rem;border:1px solid #f1f1f1;box-sizing:border-box;flex:1;background:#f7f7f7;cursor:pointer;}
.album_comment .cmt_textcont .send_user_ipt {background:transparent;border:0;height:100%;width:100%;caret-color:#3191f5;border-color:transparent;outline:none;font-size: 0.28rem;}