@charset "utf-8";

body,div,menu,ol,ul,li,dl,dd,dt,h1,h2,h3,h4,h5,h6,input,p,form,header,nav,article,section,aside,footer,video,audio,figure,textarea {
    padding: 0;
    margin: 0;
}
input,select,textarea,img,area {
    outline: none;
    border: none;
}
input,select,textarea {
    background: #FFF;
}
mark {
    background: none;
}
img {
    vertical-align: middle;
    width: 100%;
}
textarea {
    resize: none;
}
li {
    list-style-type: none;
}
body {
    font-size: 16px;
    line-height: 1em;
}
em,i,strong,b,small,h1,h2,h3,h4,h5,h6,address {
    font-style: normal;
}

.fl-c:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}
.fl-c {
    *zoom: 1;
}
a {
    text-decoration: none;
    outline: none;
    color: inherit;
}

.fl {
    float: left;
}
.fr {
    float: right;
}
.no-bt {
    border-top: none !important;
}
.no-br {
    border-right: none !important;
}
.no-bb {
    border-bottom: none !important;
}
.no-bl {
    border-left: none !important;
}
.no-mb{
    margin-bottom: 0!important;
}
.no-mr{
    margin-right: 0!important;
}

.wrap {
    width: 6.4rem;
    margin: 0 auto;
    overflow: hidden;
   
}
.topfixed {
    position: fixed;
    width: 6.4rem;
    top: 0;
    z-index: 20;
}
header{
    height: .84rem;
    background: #b03279;
}
header .logo{
    width: 2.67rem;
    float: left;
}
header .online{
    float: left;
    margin-top: .26rem;
    padding-left: .12rem;
    width: 2.98rem;
    height: .4rem;
    line-height: .4rem;
    background: url(../images/search-bg.jpg) center no-repeat;
    background-size: 2.98rem;
    font-size: .18rem;
    color: #fff;
    box-sizing:border-box;
}
header .top-r{
    width: .37rem;
    height: .84rem;
    float: right;
    margin:0 .2rem 0 0;
    
}
header .top-r .nav-icon{
    display: inline-block;
    width: .37rem;
    height: .82rem;
    background: url(../images/nav-icon0.png) 0 .25rem no-repeat;
    background-size: .36rem;
}
header .top-r .nav-icon.on{
    background: url(../images/nav-icon0.png) 0 -.88rem no-repeat;
    background-size: .36rem;

}
/*导航*/

.nav-img img{
    width: 6.4rem;

}
#nav-height {
    height: 100%;
    background: #fff;
}
.nav-bar{
    position: fixed;
    padding-bottom: .2rem;
    background: #f6f6f6;
    left: -100%;
    width: 6.4rem;
    height: 100%;
    overflow: hidden;
    z-index: 99999999999999;
    -webkit-overflow-scrolling: touch;
}
.nav-bar .dot{
    width: 50%;
    height: 100%;
    float: right;
    background:#b03279;
    padding-top: 1rem;
    box-sizing:border-box;
}
.nav-bar .dot .dot-item{
    margin:0 auto;
    position: relative;
    width: 2.1rem;
    height: 2.1rem;
    border-radius: .06rem;
    background: #e54ca2;
    color: #fff;
    font-size: .3rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -moz-align-items: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -moz-justify-content: center;
    -webkit-justify-content: center;
    justify-content: center;
}
.nav-bar .dot .dot-item:before{
    display: none;
    content: "";
    position: absolute;
    left: -.55rem;
    border-left: .2rem solid #f6f6f6;
    border-top:.2rem solid transparent;
    border-bottom:.2rem solid transparent;
}
.nav-bar .dot .dot-item.active{
    background: #c4629a;
}
.nav-bar .dot .dot-item.active:before{
    display: block;
}
.nav-bar .dot .dot-item i{
    display: inline-block;
    width: 1.37rem;
    height: 1.5rem;
    background: url(../images/nav-img0.png) no-repeat;
    background-size: 1.37rem;
}
.nav-bar .dot .dot-item span{
    display: block;
}
.nav-bar .dot .dot-item:nth-of-type(1){
    margin-bottom: .6rem;
}
.nav-bar .dot .dot-item:nth-of-type(1) i{
    background-position: 0 0;
}
.nav-bar .dot .dot-item:nth-of-type(2) i{
    background-position: 0px -2.15rem;
}
.nav-bar .nav-left{
    float: left;
    width: 50%;
    height: 100%;
    background: #fff;
}
.nav-bar .nav-left  ul{
    padding:.4rem .16rem 0 .16rem;
    font-size: 0;
}
.nav-bar .nav-left .left-item{
    display: none;
}
.nav-bar .nav-left .left-item.on{
    display: block;
}
.nav-bar .nav-left .left-item li{
    margin-right: .08rem;
    margin-bottom: .1rem;
    display: inline-block;
    width: 1.35rem;
    border-radius: .06rem;
    text-align: center;
    background: #fff;
}
.nav-bar .nav-left .left-item li:nth-of-type(2n){
    margin-right: 0;
}
.nav-bar .nav-left .left-item li img{
    display: inline-block;
    width: .88rem;
}
.nav-bar .nav-left .left-item li span{
    display: inline-block;
    padding:.2rem 0;
    margin-bottom: .2rem;
    width: 100%;
    border:1px solid #dddddd;
    box-sizing:border-box;
    border-radius: .06rem;
}
.nav-bar .nav-left .left-item li i{
    padding-top: .1rem;
    font-size: .22rem;
    color: #333333;
}
/*index*/
.top-img{
    margin:.06rem auto;
    width: 6.4rem;
    overflow: hidden;
}
.top-img .left{
    width: 3.35rem;
    float: left;
}
.top-img .right{
    width: 2.96rem;
    float: right;
    font-size: 0;
}
.top-img .right a{
    display: inline-block;
    width: 1.44rem;
    height: 1.2rem;
    float: left;
    margin:0 .08rem .08rem 0;
    background: #df108a;
    text-align: center;
}
.top-img .right a img{
    display: block;
    margin:0 auto .05rem auto;
    width: .7rem;
}
.top-img .right a span{
    font-size: .24rem;
    color: #fff;
}
.top-img .right a:nth-of-type(2n){
    margin-right: 0;
}
.top-img .right a:nth-of-type(3),.top-img .right a:nth-of-type(4){
    background: #b01d73;
}
.cont{
    width: 6rem;
    margin:0 auto;
}
.p1{
    margin:.4rem auto;
}
.p1 .p1-item{
    margin-bottom: .2rem;
    height: 2rem;
    background: #f0f0f0;
}
.p1 .p1-item:last-child{
    margin-bottom: 0;
}
.p1 .p1-item .img{
    width: 2.8rem;
}
.p1 .p1-item .text{
    width: 3.2rem;
    height: 2rem;
    text-align: center;
    display: table;
}
.p1 .p1-item .text h3{
    font-size: .26rem;
    color: #333333;
    line-height: 1em;
    margin-bottom: .2rem;
}
.p1 .p1-item .text p{
    display: inline-block;
    text-align: left;
}
.p1 .p1-item .text p span{
    display:block; 
    margin-bottom: .15rem;
    font-size: .22rem;
    color: #666666;
    line-height: 1em;
}
.p1 .p1-item .text .inner{
    display: table-cell;
    vertical-align: middle;
}
.p1 .p1-item.odd .img,.p1 .p1-item.even .text{
    float: left;
}
.p1 .p1-item.even .img,.p1 .p1-item.odd .text{
    float: right;
}
.mbanner{
    margin-bottom: .4rem;
}
.p2{
    margin-bottom: .35rem;
}
.p2-tit{
    padding-left: .15rem;
    border-left:.04rem solid #b11d73;
    height: .3rem;
}
.p2-tit span{
    display: inline-block;
    line-height: .3rem;
    font-size: .26rem;
    color: #b01d73;
}
.p2-tit .tit-fr{
    line-height: .3rem;
    float: right;
    font-size: .18rem;
    color: #666666;
}
.p2-tit .tit-fr a{
    margin-left: .2rem;
    padding:0 .1rem;
    display: inline-block;
    height: .3rem;
    border:1px solid #ff7e00;
    box-sizing:border-box;
    border-radius: .03rem;
    font-size: .22rem;
    color: #ff7e00;
}
.p2-list{
    margin-bottom: .2rem;
}
.p2-list li{
    padding:.25rem 0;
    border-bottom:1px dashed #c6c6c6;
}
.p2-list li h2{
    font-size: .24rem;
    color: #333333;
    line-height: 1em;
    margin-bottom: .1rem;
}
.p2-list li p{
    font-size: .22rem;
    line-height: .33rem;
    color: #666666;
}
.p2-list li p a{
    color: #ff0000;
}

.p2 .p2-list li img{ width: 1.74rem;}

.p2 .p2-list li .text{
    float: right;
    display: table;
    width: 4.15rem;
    min-height: 1.11rem;
}

.p3{
    margin-bottom: .35rem;
}
.p3-tit{
    padding-left: .15rem;
    border-left:.04rem solid #8a4aa8;
    height: .3rem;
}
.p3-tit span{
    display: inline-block;
    line-height: .3rem;
    font-size: .26rem;
    color: #b01d73;
}
.p3-tit .tit-fr{
    line-height: .3rem;
    float: right;
    font-size: .18rem;
    color: #666666;
}
.p3-tit .tit-fr a{
    margin-left: .2rem;
    padding:0 .1rem;
    display: inline-block;
    height: .3rem;
    border:1px solid #ff7e00;
    box-sizing:border-box;
    border-radius: .03rem;
    font-size: .22rem;
    color: #ff7e00;
}
.p3-list{
    margin-bottom: .2rem;
}
.p3-list li{
    padding:.25rem 0;
    border-bottom:1px dashed #c6c6c6;
}
.p3-list li h2{
    font-size: .24rem;
    color: #333333;
    line-height: 1em;
    margin-bottom: .1rem;
}

.p3-list li span{

    float: left;

    width: .52rem;

    height: .52rem;

    line-height: .52rem;

    border-radius: 50%;

    text-align: center;

    font-size: .28rem;

}

.p3-list .m4-w span {
    color: #fc89a8;
    border: 1px solid #fc89a8;
}

.p3-list .m4-d span {
    color: #4da2d9;
    border: 1px solid #4da2d9;
    margin-top: .1rem;
}

.p3-list li .m4-w h2{

    width: 5.3rem;

    float: right;

    font-size: .26rem;

    color: #333;

    line-height: .52rem;

    font-weight: normal;

}

.p3-list li .m4-d p{

    width: 5.3rem;

    float: right;

    font-size: .22rem;

    color: #333;

    line-height: .36rem;

}

.p3-list li .m4-d p a{

    color: #ff0000

}


.btn-wrap h3{
    margin-bottom: .4rem;
    line-height: 1em;
    font-size: .24rem;
    font-weight: normal;
    color: #b01d73;
    text-align: center;
}
.btn-wrap .btn{
    overflow: hidden;
}
.btn-wrap .btn a{
    display: inline-block;
    width: 2.9rem;
    height: .7rem;
    text-align: center;
    line-height: .7rem;
    font-size: .3rem;
    color: #fff;
}
.btn-wrap .btn a img{
    width: .7rem;
    vertical-align: top;
}
.btn-wrap .btn a.fl{
    background: #ed75bb;
}
.btn-wrap .btn a.fr{
    background: #b01d73;
}

.friend-link{
    position: relative;
    margin-bottom: 0.2rem;
    padding-left: .6rem;
    padding-bottom: .15rem;
    line-height: .36rem;
    font-size: .28rem;
    font-weight: bold;
    color: #b01d73;
    background: url(../images/icon.png) .16rem -.59rem no-repeat;
    background-size: .46rem;
    border-bottom: 1px solid #e9e9e9;
}
.friend-link:before{
    display: inline-block;
    position: absolute;
    left: 0;
    bottom: -.02rem;
    content: '';
    width: 2.84rem;
    height: .04rem;
    background: #b01d73;
}

.back-home{
    padding-left: .45rem;
    height: .34rem;
    line-height: .34rem;
    font-size: .24rem;
    color: #333333;
    background: url(../images/icon.png) 0px 0px no-repeat;
    background-size: .46rem;
}
/*list*/
.list-wrap{
    width: 6rem;
    margin:0 auto;
    padding:.4rem 0;
}
.list-wrap .list-item{
    overflow: hidden;
    padding:.25rem 0 .15rem 0;
    border-bottom: 1px dashed #c6c6c6;
}
.list-wrap .list-item .img{
    float: left;
    width: 1.74rem;
}
.list-wrap .list-item .text{
    width: 4.05rem;
    height: 1.11rem;
    display: table;
    float: right;
}
.list-wrap .list-item .text .inner{
    display: table-cell;
    vertical-align: middle;
}
.list-wrap .list-item .text h3{
    font-size: .24rem;
    color: #333333;
    line-height: 1em;
}
.list-wrap .list-item .text p{
    font-size: .22rem;
    line-height: .32rem;
    color: #666666;
}
.list-wrap .page-num{
    text-align: center;
}
.list-wrap .page-num div{
    display: inline-block;
    color: #666666;
    font-size: 0;
}
.list-wrap .page-num .inner div{
    padding:0 .1rem;
    margin:0 .14rem;
    height: .4rem;
    line-height: .4rem;
    border:1px solid #efefef;
    box-sizing:border-box;
    border-radius: .03rem;
    font-size: .24rem;
}

.page-num{

    text-align: center;

    margin-top: .2rem;

}

.inner1{

    display: inline-block;

    text-align: center;

}

.inner1 a{

    display: inline-block;

    text-align: center;

    border:1px solid #efefef;

    border-radius: .06rem;

    height: .4rem;

    line-height: .4rem;

    font-size: .24rem;

    color: #999;

    padding: 0 .08rem;
    margin: 0 .05rem;

}

.inner1 span{

    display: inline-block;

    text-align: center;

    border:1px solid #efefef;

    border-radius: .06rem;

    height: .4rem;

    line-height: .4rem;

    font-size: .24rem;

    color: #c50000;

    padding: 0 .08rem;

}

.inner1 i{

    display: inline-block;

    font-size: .24rem;

    color: #999;

    line-height: .4rem;

    margin: 0 .35rem 0 .35rem;

}


/*文章页*/
.article-wrap{
    padding:.4rem 0;
    width: 6rem;
    margin: 0 auto;

}
.article-wrap .article-cont{
    padding-top: .3rem;
}
.article-wrap .art-tit h2{
    margin-bottom: .25rem;
    line-height: 1em;
    font-size: .34rem;
    font-weight: bold;
    color: #333333;
    text-align: center;
}
.article-wrap .art-tit h3{
    margin-bottom: .35rem;
    height: .5rem;
    font-weight: normal;
}
.article-wrap .art-tit h3 a{
    margin: 0 .28rem 0 .1rem;
    padding-left: .5rem;
    display: inline-block;
    width: 2.82rem;
    height: .5rem;
    line-height: .5rem;
    border-radius: .25rem;
    border:1px solid #ef1456;
    font-size: .26rem;
    font-weight: normal;
    color: #ef1456;
    text-align: center;
    background: url(../images/icon.png) .19rem -1.2rem no-repeat;
    background-size: .46rem;
    box-sizing:border-box;
}
.article-wrap .art-tit h3 span{
    font-size: .26rem;
    color: #999999;
}
.article-more p{
    margin-bottom: .1rem;
    font-size: .24rem;
    line-height: .38rem;
    color: #333333;
}

.article-cont{
    position: relative;
}
.article-more.hide{
    height: 2rem;
    overflow: hidden;
}
#art-more{
    display: none;
    transition:all .2s;
}
.select-art{
    padding:.1rem 0 .3rem 0;
    font-size: .24rem;
    line-height: 1em;
    color: #000;
}
.select-art .prev-art{
    margin-bottom: .15rem;
}


.click-more{
    position: absolute;
    bottom: 0;
    left: 0;
    padding-top: 1.22rem;
    width: 100%;
    text-align: center;
    background-image: -webkit-linear-gradient(90deg,#FFF 37%,rgba(255,255,255,0) 100%);
    background-image: linear-gradient(0deg,#FFF 37%,rgba(255,255,255,0) 100%);
    box-sizing:border-box;

}

.click-more span{
    display: inline-block;
    line-height: .5rem;
    font-size: .24rem;
    color: #863114;
    text-align: center;

}

.click-more .ar-down{
    position: relative;
    top:0rem;
    display: inline-block;
    content: '';
    width: .3rem;
    height: .3rem;
    background: url(../images/ar_down.png) center bottom no-repeat;
    background-size: .23rem;
    animation: unfold-arrow-animation 300ms infinite alternate;

}

@keyframes unfold-arrow-animation{
    from{top:.05rem;}
    to{top:0rem;}

}
.article-wrap .btn-wrap h3{
    margin-bottom: .2rem;
}

/*2021/11/19*/
.m_shadow{

    width: 6.4rem;

    box-shadow: 1px 2px .09rem rgba(76,7,47,.4);

    border-radius: .2rem;

    position: relative;

}

.m-tit{

    width: 4.15rem;

    position: absolute;

    top:-.2rem;

    left: 50%;

    margin-left: -2.075rem;

}

.m-tit h2{

    width: 4.15rem;

    height: .66rem;

    line-height: .52rem;

    font-size: .32rem;

    font-weight: normal;

    color: #fff;

    text-align: center;

    border:1px solid #ee7bbc;

    background-image: linear-gradient(90deg, #f8b3cb, #ed73ba,#ed9bbe); 

    box-shadow: 1px 2px .09rem rgba(98,17,64,.67)

}

.m-tit p{

    width: 3.3rem;

    height: .24rem;

    line-height: .24rem;

    font-size: .16rem;

    color: #fff;

    text-align: center;

    background-color: #b01d73;

    margin-top: -.12rem;

    margin-left: .4rem;

    letter-spacing: 1px;

}

.m3{

    margin-top: .6rem;
    margin-bottom: .2rem;

}

.m3-cont1{

    padding-top: .8rem;

}

.m3-cont1 .m3-l{

    width: 2.63rem;

}

.m3-cont1 .m3-l a,.m3-cont1 .m3-l a img{

    display: block;

    width: 2.63rem;

}

.m3-cont1 .m3-r{

    width: 3.2rem;

}

.m3-cont1 .m3-r p{

    font-size: .22rem;

    color: #333;

    line-height: .33rem;

    text-indent: 2em;

}

.m3-tit h2{

    font-size: .48rem;

    color: #b01d73;

    text-align: center;

    line-height: .8rem;

}

.m3-tit img{

    display: block;

    width: 6rem;

    margin: 0 auto;

}

.m3-nav{

    margin-top: .28rem;

}

.m3-nav li{

    width: 6rem;

    height: .6rem;

    margin-bottom: .2rem;

    background-color: #f5f3f3;

}

.m3-nav li p{

    width: 2.5rem;

    float: left;

    font-size: .26rem;

    line-height: .6rem;

    padding-left: .06rem;

    box-sizing:border-box;

}

.m3-nav li span{

    float: left;

    width: 1rem;

    background-color: #f6badd;

    line-height: .3rem;

    color: #fff;

    font-size: .26rem;

    text-align: center;

}

.m3-btn{

    margin-top: .3rem;

    padding-bottom: .2rem;

}

.m3-btn a{

    display: block;

    width: 2.9rem;

    height: .7rem;

    line-height: .7rem;

    font-size: .3rem;

    color: #fff;

    text-align: center;

    box-shadow: 2px 2px .09rem rgba(76,7,47,.52)

}

.m3-btn a.a{

    background-color: #ed75bb

}

.m3-btn a.b{

    background-color: #b01d73

}