body{
    background: #F6F5FA;
    padding-bottom: 1.3rem;
}
/* 顶部数据雷达 */
.m-header-1 { background: url('../images/bg-t-07.png') no-repeat center top; background-size: 100%; padding-top: .01rem; }
.m-header-1 .Inn { width: 93%; margin: .65rem auto 0; background: #fff; border-radius: .08rem; box-shadow: 0 .02rem .15rem rgba(0, 0, 0, 0.1); }
.m-header-1 .title { text-align: center; padding-top: .4rem; }
.m-header-1 .title h3 { font-size: .34rem; font-weight: bold; color: #333; position: relative; display: inline-block; z-index: 1; }
.m-header-1 .title h3 span { width: 100%; height: .08rem; background: #DEE4FB; z-index: -1; position: absolute; left: 0; bottom: .05rem; }
.m-header-1 .list { padding-top: .4rem; padding-bottom: .62rem; }
.m-header-1 .list ul { display: flex; }
.m-header-1 .list ul li { position: relative; text-align: center; flex: 1; }
.m-header-1 .list ul li:nth-of-type(1) a { padding-left: 0; }
.m-header-1 .list ul li > a { display: block; padding: 0 .35rem; }
.m-header-1 .list ul li > a > p { font-size: .36rem; font-weight: bold; color: #333; }
.m-header-1 .list ul li > a > p em { position: relative; }
.m-header-1 .list ul li > a > span { color: #999; font-size: .22rem; display: block; margin-top: -.05rem; }
.m-header-1 .list ul li > a > span em { display: block; }

/* banner */
.m-banner-1 { width: 93%; max-height: 1.42rem; overflow: hidden; margin: .32rem auto 0; position: relative; }
.m-banner-1 span { width: .34rem; height: .34rem; position: absolute; right: .08rem; top: .08rem; }
.m-banner-1 span img { display: block; }

/* 分享列表 */
.m-list-1 { width: 93%; margin: .32rem auto 0; }
.m-list-1 > ul li { padding: 0 .3rem .32rem; background: #fff; border-radius: .08rem; margin-top: .3rem; }
.m-list-1 .title { display: flex; justify-content: space-between; align-items: center; padding-top: .24rem; }
.m-list-1 .title .con { display: flex; justify-content: space-between; align-items: center; }
.m-list-1 .title .con > span { width: .62rem; height: .62rem; margin-right: .2rem; display: flex; align-items: center; }
.m-list-1 .title .con > div h3 { font-size: .28rem; color: #333; line-height: 1.2; }
.m-list-1 .title .con > div p { color: #999; font-size: .22rem; height: .22rem; line-height: .22rem; margin-top: .07rem; }
.m-list-1 .title .u-btn-1 { display: flex; align-items: center; height: .51rem; padding: 0 .16rem; background: #5283FF; border-radius: .04rem; }
.m-list-1 .title .u-btn-1 p { color: #fff; }
.m-list-1 > ul li.s1 .info { color: #333; font-size: .28rem; padding-top: .25rem; }
.m-list-1 > ul li.s1 .share { margin-top: .28rem; padding: .22rem .3rem; background: #F8FAFF; border: 1px solid #E7E7E7; border-radius: .04rem; }
.m-list-1 > ul li.s1 .share dl { display: flex; align-items: center; }
.m-list-1 > ul li.s1 .share dl dt { width: 1.25rem; height: 1.25rem; margin-right: .22rem; position: relative; }
.m-list-1 > ul li.s1 .share dl dd { flex: 1;}
.m-list-1 > ul li.s1 .share dl dd strong { display: block; font-size: .3rem; color: #333; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.m-list-1 > ul li.s1 .share dl dd p { margin-top: .05rem; font-size: .26rem; color: #999; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow:hidden; }
.m-list-1 > ul li.s2 .info { color: #333; font-size: .32rem; padding-top: .25rem; }
.m-list-1 > ul li.s2 .share { margin-top: .28rem; padding: .22rem .3rem; background: #FAFAFC; border: 1px solid #E7E7E7; border-radius: .04rem; }
.m-list-1 > ul li.s2 .share > a { display: block; width: 100%; height: 2.4rem; overflow: hidden; position: relative; }
.m-list-1 > ul li.s2 .share > a img { width: 24%; }


/* 阅读数 */
.m-share-tj2 { display: flex; margin-top: .25rem; }
.m-share-tj2 > a { display: flex; align-items: center; position: relative; }
.m-share-tj2 > a:nth-of-type(1) { margin-right: .58rem; }
.m-share-tj2 > a span { width: .21rem; height: .21rem; margin-right: .1rem; }
.m-share-tj2 > a em { color: #999999; }
.m-share-tj2 > a:nth-of-type(1) span { width: .25rem; height: .25rem; }
.m-share-tj2 > a img { display: block; }

.m-picBox-1 {width: 6rem;position: fixed;left: 0;right: 0;top: 50%;margin: auto;z-index: 45;transform: translateY(-55%); }
.m-picBox-1 > p { height: 100%; }
/* .m-picBox-1 > p img { height: 100%; } */
.m-picBox-1 > div {width:1.2rem;height:1.2rem;position:absolute;left:0;right:0;top:38%;margin:auto;background:rgba(0,0,0,0.2);border-radius:50%;overflow:hidden;}
.m-picBox-1 > div span {display:flex;color:#fff;line-height:1.4;width:50%;margin:.24rem auto 0;}
.m-pay-1 { width: 100%; height: 1rem; background: #fff; position: fixed; left: 0; bottom: 0; z-index: 25;  }
.m-pay-1 ul { display: flex; justify-content: space-between; padding: .16rem .24rem 0 .4rem; }
.m-pay-1 ul li.info { color: #999; }
.m-pay-1 ul li.info strong { color: #FF696A; padding-left: .1rem; }
.m-pay-1 ul li.info strong i { font-style: normal; font-size: .42rem; }
.m-pay-1 ul li.info strong em { font-weight: normal; }
.m-pay-1 ul li.btn { width: 1.75rem; color: #fff; font-size: .28rem; height: .68rem; line-height: .68rem; text-align: center; background: #FF696A; border-radius: 1rem; }
.prev-box .m-picBox-1 > div { display: none; }
.prev-box.noPay .m-picBox-1 > p img { pointer-events: none; -webkit-user-select: none; user-select:none; }

.m-msgbox-2 { width: 78%; position:fixed; left:50%; top:50%; transform:translate(-50%,-50%); z-index: 20; display: none; margin-top: -.6rem; }
.m-msgbox-2 .tit { border-radius: .15rem .15rem 0 0; }
.m-msgbox-2 .con { background-color: #fff; border-radius: 0 0 .15rem .15rem; padding-bottom: .5rem; }
.m-msgbox-2 .con .tips { font-size: .34rem; text-align: center; background-color: #fff; padding-top: .45rem; }
.m-msgbox-2 .con .tips p { font-weight: 500; color: #333; }
.m-msgbox-2 .con .tips p em { color: #FF4444; }
.m-msgbox-2 .con .tips span { color: #999; font-size: .3rem; }
.m-msgbox-2 .con .qrcode { width: 55%; margin: .28rem auto 0; }
.m-msgbox-2 .con .btn { display: flex; justify-content: space-evenly; margin-top: .65rem; }
.m-msgbox-2 .con .btn a { height: .7rem; line-height: .7rem; border-radius: .08rem; padding: 0 .3rem; color: #fff; font-size: .32rem; font-weight: 500; }
.m-msgbox-2 .con .btn a.a1 { background-color: #5283FF; border: 1px solid #5283FF;  }
.m-msgbox-2 .con .btn a.a2 { border: 1px solid #5283FF; color: #5283FF; }
.m-msgbox-2 .close { width: .4rem; height: .4rem; position: absolute; right: .2rem; top: .15rem; }
.m-text-1 {
    font-size: .24rem;
    color: #999;
    text-align: center;
    padding: .36rem 0 .2rem;
}
.u-hot-1 {
    width: .12rem;
    height: .12rem;
    text-indent: -99999px;
    border-radius: 50%;
    right: -.16rem;
    top: 0;
    position: absolute;
    background: #FB4444;
}

/*我的分享--页面样式*/
.form-xj {
    padding: .1rem 0 .3rem;
    width: 95%;
    margin: 0 auto;
}

.anniu {
    margin: 0 8px;
    float: left;
    display: block;
    width: 75%;
    color: #fff;
    background: #80b92d;
    border-radius: 5px;
    padding: .2rem 0;
    text-align: center;
    font-size: .36rem;
    text-decoration: none;
}

.anniu2 {
    display: block;
    width: 98%;
    color: #fff;
    background: #ff9900;
    border-radius: 5px;
    padding: .18rem 0;
    text-align: center;
    font-size: .36rem;
    text-decoration: none;
    margin: 35px 6px;
}

.m-share-box ul {
    display: none;
}

.m-share-box ul li {
    display: flex;
    flex-direction: column;
    background: #ffffff;
    margin-bottom: .20rem;
}

.m-share-box ul li:nth-last-of-type(1) {
    border: 0 none;
}

.m-share-logo {
    width: 1.8rem;
    height: 1.8rem;
    overflow: hidden;
    border-radius: .05rem;
    margin-right: .20rem;
    flex-shrink: 0;
}

.m-share-t {
    display: flex;
    margin: 0 .3rem;
    padding: .30rem 0;
    border-bottom: 1px solid #e7e7e7;
}

.m-share-info {
    flex: 1;
    width: 0;
    display: flex;
    justify-content: center;
    flex-direction: column;
}

.m-share-info>a {
    width: 100%;
}

.m-share-info h3 {
    font-size: .34rem;
    font-weight: bold;
    color: #333;
    line-height: 1.25;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}

.m-share-info p {
    font-size: .24rem;
    font-weight: 500;
    color: rgba(102, 102, 102, 1);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
    margin-top: .1rem;
}

.m-share-tj {
    font-size: .24rem;
    font-family: PingFang SC;
    font-weight: 500;
    display: flex;
    margin-top: .25rem;
}

.m-share-tj>a {
    display: flex;
    align-items: center;
    position: relative;
}

.m-share-tj>a {
    margin-right: .30rem;
}

.m-share-tj>a:last-child {
    margin-right: 0;
}

.m-share-tj>a span {
    width: .21rem;
    height: .21rem;
    margin-right: .1rem;
}

.m-share-tj>a em {
    color: #999999;
}

.m-share-tj>a:nth-of-type(1) span {
    width: .25rem;
    height: .25rem;
}

.m-share-tj>a img {
    display: block;
}

.m-poster-tj {
    font-size: .22rem;
    font-family: PingFang SC;
    font-weight: 500;
    color: rgba(153, 153, 153, 1);
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: .65rem;
}

.m-poster-tj em {
    font-size: .24rem;
    font-family: PingFang SC;
    font-weight: bold;
    margin-right: .30rem;
    color: rgba(82, 131, 255, 1);
}

.m-share-b {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-top: .30rem;
}

.m-share-b>p {
    color: #666666;
}

.m-share-b>div {
    display: flex;
}

.m-share-b a {
    display: flex;
    justify-content: center;
    align-items: center;
}

/*.m-share-b > a:first-child{
margin-right:.40rem;
}*/
.m-share-b a>img {
    width: .28rem;
    height: .28rem;
    overflow: hidden;
}

.m-share-b a>span {
    margin-left: .10rem;
}

.m-poster-b a.m-poster-btn {
    margin-right: 0;
}

.m-share-empt-box {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 5.2rem;
    flex-direction: column;
}

.m-share-empt-box>img {
    width: 2.5rem;
}

.m-share-empt-box>p {
    margin-top: .35rem;
    font-size: .32rem;
    color: #c7c7c7;
    font-family: PingFang SC;
    text-align: center;
}

.m-share-del {
    padding: .30rem;
}

.m-share-del a {
    display: flex;
    justify-content: flex-end;
}

.m-share-del a>span {
    width: .28rem;
    height: .28rem;
    margin-right: .10rem;
    display: block;
}
.m-share-del a>span>img{
    
}
.m-share-del a>em {
    font-size: .26rem;
    color: #999999;
}

.m-top-1 {
    display: flex;
    height: .9rem;
    line-height: .9rem;
    border-bottom: .2rem solid #F4F6F8;
    background: #ffffff;
}

.m-top-1 li {
    flex: 1;
    text-align: center;
    height: 100%;
    position: relative;
}

.m-top-1 li span {
    color: #333;
    font-size: .3rem;
}

.m-top-1 li.active span {
    color: #5283FF;
}

.m-top-1 li.active span::after {
    content: '';
    width: .5rem;
    height: .06rem;
    background: #5283FF;
    position: absolute;
    left: 44%;
    bottom: 0;
    border-radius: .03rem;
}
.vid-del-dialog{
    width: 70%;
    height: 25%;
    display: none;
    position: fixed;
    left: 15%;
    top: 30%;
    border-radius: .20rem;
    z-index: 10;
    background-color: #ffffff;
}
.del-title{
    padding: .35rem .50rem;
}
.del-title h4{
    font-size: .32rem;
    color: #333333;
    text-align: center;
    font-weight: bold;
}
.del-title p{
    font-size: .25rem;
    text-align: center;
    color: #666666;
    margin-top: .35rem;
}
.del-btnGroup{
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0 .40rem;
    margin-top: .20rem;
}
.del-btnGroup a{
    flex:1;
    padding:.10rem 0;
    text-align: center;
    font-size:.28rem;
    color:#333333;
    border-radius: .05rem;
}
.del-btnGroup a.cacelBtn{
    margin-right:.35rem;
    border:1px solid #dedede;
}
.del-btnGroup a.sureBtn{
    background:#5283FF;
    color:#ffffff;
}