@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: 16px/1 "Microsoft YaHei";

    background-color: #fff;

}

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 {

    max-width: 6.4rem;

    margin: 0 auto;

    overflow: hidden;

   

}

#top{

    width: 6.4rem;

    background: #fff;

    box-shadow: 0.08rem 0 0.15rem rgba(0,0,0,.1);

}

.topfixed{

    position: fixed;

    top:0;

    z-index: 20

}

header{

    position: relative;

    padding:0 .2rem;

    height: .84rem;

    background-image: linear-gradient(#d03690, #a61a6c,#942264);

    box-sizing:border-box;

}

header .t-logo{

    float: left;

    width: 2.452rem;

}

header .t-logo img{

    width: 2.45rem;

    margin-top: .15rem;

    display: inline-block;

    vertical-align: middle;

}

header .top-tel{

    float: left;

    margin-top: .21rem;

    margin-left: .08rem;

}

header .top-tel img{

    width: 2.98rem;

    height: .42rem;

}

header .top-r{

    position: absolute;

    right: .1rem;

    width: .55rem;

    height: .84rem;

    

}

header .top-r>span{

    display: block;

    width: 100%;

    height: 100%;

    background: url(../images/top-icon.png) .15rem .15rem no-repeat;

    background-size: .45rem;

}

header .top-r>span.on{

    background: url(../images/top-icon.png) .15rem -.47rem no-repeat;

    background-size: .45rem;

}



/*导航*/

.nav-img img{

    width: 6.4rem;

}

#nav-height {

    height: 100%;

    background: #fff;

}

.nav-bar{

    position: fixed;

    padding-bottom: .2rem;

    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: #b01d73;

    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: #952064;

    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: #ed75bc;

}

.nav-bar .dot .dot-item.active:before{

    display: block;

}

.nav-bar .dot .dot-item i{

    display: inline-block;

    width: 1.37rem;

    height: 1.25rem;

    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 -.1rem;

}

.nav-bar .dot .dot-item:nth-of-type(2) i{

    background-position: 0px -1.62rem;

}

.nav-bar .nav-left{

    float: left;

    width: 50%;

    height: 100%;

    background: #f6f6f6;

}

.nav-bar .nav-left  ul{

    padding:.25rem .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{

    padding-top: .11rem;

    margin-right: .08rem;

    margin-bottom: .15rem;

    display: inline-block;

    width: 1.35rem;

    .height: 1rem;

    box-sizing:border-box;

    text-align: center; 

}

.nav-bar .nav-left .left-item li .nav_img{

    width: 1.35rem;

    border-radius: .06rem;

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

    padding: .25rem 0;

    background-color: #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: .7rem;

}

.nav-bar .nav-left .left-item li span{

    padding-top: .15rem;

    display: block;

    font-size: .22rem;

    color: #333333;

}

.home{

    padding:.25rem .3rem;

    box-sizing:border-box;

    border-top:1px solid #ececec;

    

}

.home>div{

    padding-left: .43rem;

    font-size: .24rem;

    line-height: .27rem;

    background: url(../images/icon.png) 0 -2.26rem no-repeat;

    background-size: .55rem;

}

.banner{

    width: 6.4rem;

    margin-top: .05rem;

}

.banner a,.banner a img{

    display: block;

    width: 6.4rem;

}
.banner1{

    width: 6.4rem;
   position: relative;
}

.banner1 a,.banner1 a img{

    display: block;

    width: 6.4rem;

}
.banner1 .swiper-pagination {
    position: absolute;
    bottom: 0;
}
.m1-tit{

    width: 6.4rem;

}

.m1-tit img{

    display: block;

    width: 6.4rem;

}

.cont{

    width: 6rem;

    margin: 0 auto;

}

.m1-text p{

    font-size: .22rem;

    color: #333;

    text-indent: 2em;

    line-height: .33rem;

    margin-top: .1rem;

}

.m1-text p a{

    color: #ff0000

}

.m2{

    margin-top: .6rem;

}

.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;

}

.m1-nav{

    width: 6rem;

    margin:0 auto 0;

    padding-top: .8rem;

}

.m1-nav li{

    width: 1.92rem;

    height: .74rem;

    line-height: .74rem;

    border-radius: .08rem;

    float: left;

    font-size: .28rem;

    color: #fff;

    text-align: center;

    margin-right: .12rem;

    margin-bottom: .22rem;

}

.m1-nav li:nth-of-type(1){

    background-color: #f59fc6

}

.m1-nav li:nth-of-type(2){

    background-color: #ed75bb

}

.m1-nav li:nth-of-type(3){

    background-color: #d4499a

}

.m1-nav li:nth-of-type(4){

    background-color: #c23688

}

.m1-nav li:nth-of-type(5){

    background-color: #a92e76

}

.m1-nav li:nth-of-type(6){

    background-color: #932766

}

.m2-tit{

    height: .5rem;

    line-height: .5rem;

    padding: 0 .2rem;

    margin-top: .3rem;

    border-radius: .1rem;

    box-sizing:border-box;

}

.m2-tit h2{

    float: left;

    width: 3.2rem;

    font-size: .26rem;

    color: #ff95ab;

    font-weight: normal;

    overflow: hidden;

}

.m2-tit h2 span{

    display: inline-block;

    font-weight: bold;

    margin-right: .1rem;

}

.m2-tit p{

    width: 2.5rem;

    float: right;

    font-size: .18rem;

    color: #666666;

    text-align: right;

}

.m2-tit p a{

    display: inline-block;

    width: 1rem;

    height: .3rem;

    line-height: .3rem;

    color: #ff7e00;

    border-radius: .06rem;

    border:1px solid #ff7e00;

    margin-left: .1rem;

    text-align: center;

}

.m2-list li{

    margin-bottom: .12rem;

}

.m2-list li h2{

    font-size: .24rem;

    color: #333;

    line-height: .32rem;

    font-weight: normal;

}

.m2-list li p{

    font-size: .22rem;

    line-height: .33rem;

    color: #666;

}

.m2-list li p a{

    color: #ff0000

}

.m2-box{

    width: 6.4rem;

    border-radius: .2rem;

    margin-top: .2rem;

    padding-top: .2rem;

    padding-bottom: .2rem;

    box-shadow: 0 .1rem .1rem -.09rem rgba(76,7,47,.52);

}

.m2-wrap h2{

    font-size: .22rem;

    color: #b01d73;

    line-height: .58rem;

    text-align: center;

    font-weight: normal;

}

.m2-wrap .m2-btn a{

    display: block;

    width: 2.9rem;

    height: .7rem;

    line-height: .7rem;

    font-size: .3rem;

    color: #fff;

    padding-left: .88rem;

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

    box-sizing:border-box;

}

.m2-wrap .m2-btn a.a{

    background: url(../images/ds_icon1.png) no-repeat .15rem center #ed75bb;

    background-size: .59rem;

}

.m2-wrap .m2-btn a.b{

    background: url(../images/ds_icon2.png) no-repeat .15rem center #b01d73;

    background-size: .54rem;

}

.m3{

    margin-top: .6rem;

}

.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

}

.m4-cont{

    margin-bottom: .15rem;

}

.m4-cont span{

    float: left;

    width: .52rem;

    height: .52rem;

    line-height: .52rem;

    border-radius: 50%;

    text-align: center;

    font-size: .28rem;

}

.m4-cont .m4-w{

    margin-bottom: .1rem;

}

.m4-cont .m4-w span{

    color: #fc89a8;

    border:1px solid #fc89a8;

}

.m4-cont .m4-w h2{

    width: 5.3rem;

    float: right;

    font-size: .26rem;

    color: #333;

    line-height: .52rem;

    font-weight: normal;

}

.m4-cont .m4-d span{

    color: #4da2d9;

    border:1px solid #4da2d9;

    margin-top: .1rem;

}

.m4-cont .m4-d p{

    width: 5.3rem;

    float: right;

    font-size: .22rem;

    color: #333;

    line-height: .36rem;

}

.m4-cont .m4-d p a{

    color: #ff0000

}

.m5-tit{

    margin-top: .3rem;

    width: 6.4rem;

    height: .6rem;

    line-height: .6rem;

    border-bottom: 1px solid #dbdbdb;

    font-size: .26rem;

    color: #b01d73;

    padding-left: .6rem;

    font-weight: bold;

    position: relative;

    margin-bottom: 0.2rem;

    background: url(../images/icon.png) no-repeat .1rem .1rem;

    background-size: .6rem;

    box-sizing:border-box;

}

.m5-tit i{

    display: block;

    width: 2.8rem;

    height: .04rem;

    background-color: #b01d73;

    position: absolute;

    left: 0;

    bottom: -.02rem;

}

/*列表页*/

.list-m1{

    margin-top: .4rem;

    padding-bottom: .2rem;

}

.list-tit{

    background: url(../images/icon.png) no-repeat 0 -.6rem;

    background-size: .6rem;

    font-size: .24rem;

    color: #333;

    line-height: .5rem;

    padding-left: .42rem;

    box-sizing:border-box;

}

.list-ul li{

    margin-top: .2rem;

}

.list-ul .list_img{

    width: 1.74rem;

}

.list-ul .list_img a,.list-ul .list_img img{

    display: block;

    width: 1.74rem;

}

.list-ul .list_text{

    width: 4rem;

}

.list-ul .list_text h2{

    font-size: .24rem;

    color: #333;

    line-height: .3rem;

}

.list-ul .list_text p{

    font-size: .22rem;

    color: #666666;

    line-height: .32rem;

}

.list_page{

    text-align: center;

    margin: .2rem 0 .2rem 0;

}

.list_wrap{

    display: inline-block;

}

.list_page .list_wrap span{

    display: inline-block;

    height: .4rem;

    line-height: .4rem;

    font-size: .24rem;

    padding: 0 .1rem;

    border-radius: .06rem;

    border:1px solid #ce81ae;

    color: #fff;

    background-image: linear-gradient(#fcb0dc, #ff82cb,#fedef1);

    box-shadow: 1px .02rem .04rem rgba(72,6,45,.28)

}

.list_page .list_wrap i{

    display: inline-block;

    height: .4rem;

    line-height: .4rem;

    margin: 0 .2rem;

    padding: 0 .1rem;

    font-size: .24rem;

    color: #b01d73;

    border-radius: .06rem;

    border:1px solid #fd94d2;

    box-shadow: 1px .02rem .04rem rgba(72,6,45,.28)

}

.list_hot li{

    height: .58rem;

    line-height: .58rem;

    border-radius: .08rem;

    font-size: .24rem;

    color: #fff;

    margin-bottom: .06rem;

    text-align: center;

}

.list_hot li.li_bg1{

    background-color: #ed75bb;

}

.list_hot li.li_bg2{

    background-color: #b01d73;

}

.list_hot li:nth-of-type(1){

    width: 2.94rem; 

}

.list_hot li:nth-of-type(2){

    width: 3rem; 

}

.list_hot li:nth-of-type(3){

    width: 3.27rem; 

}

.list_hot li:nth-of-type(4){

    width: 2.674rem; 

}

.list_hot li:nth-of-type(5){

    width: 3.34rem; 

}

.list_hot li:nth-of-type(6){

    width: 2.6rem; 

}

.list_hot li:nth-of-type(7){

    width: 3.58rem; 

}

.list_hot li:nth-of-type(8){

    width: 2.36rem; 

}

.list_box{

    margin-top: 0

}

/*文章页*/

.art_m1{

    margin-top: .4rem;

}

.article-wrap{

    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: .26rem;

    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/ds-tel.png) no-repeat .2rem center;

    background-size: .31rem;

    box-sizing:border-box;

}

.article-wrap .art-tit h3 span{

    font-size: .24rem;

    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:.3rem 0;

    font-size: .24rem;

    line-height: 1em;

    color: #333333;

}

.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: #ef1456;

    text-align: center;



}

.art-m1{

    width: 5.6rem;

    margin: .4rem auto 1.6rem;

    position: relative;

}

.art-m1 h2{

    font-size: .28rem;

    color: #333;

    padding-left: 1.7rem;

    background: url(../images/ds_icon.png) no-repeat 1.15rem -5.15rem;

    background-size: .65rem;

    line-height: .45rem;

    box-sizing:border-box;

}

.art-m1 i{

    display: block;

    width: 1.2rem;

    height: 1px;

    background-color:#aaaaaa;

    position: absolute;

    top:50%;

}

.art-m1 i:nth-of-type(1){

    left: 0;

}

.art-m1 i:nth-of-type(2){

    right: 0;

}