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

}


#top{

    top: 0;	
    
    height:1.45rem;
    
     z-index: 99;
}

header{

    height: .84rem;

    background: #fd7ba2;

    width: 6.4rem;

}

header .logo{

    width: 2.66rem;

}

header .top-search{

    margin-left: .02rem;

    margin-top: .25rem;

    width: 2.96rem;

    height: .42rem;

}

header .top-search input{

    padding:0 .13rem;

    width: 100%;

    height: .42rem;

    line-height: .4rem;

    border-radius: .21rem;

    background: #f5f5f5 url(../images/search-icon.jpg) 2.55rem center no-repeat;

    background-size: .26rem;

    border:1px solid #ececec;

    box-sizing:border-box;

    font-size: 16px;

    color: #7c7c7c;

}

header .top-search input:after{

    content: '';

    display: inline-block;

    width: .26rem;

    height: .39rem;

    background: url(../images/search-icon.jpg) right center no-repeat;

    

}

header .top-icon{

    float: left;

    margin: .3rem 0 0 .2rem;

    width: .35rem;

}

header .top-icon .nav-icon{

    display: inline-block;

    width: .35rem;

    height: .33rem;

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

    background-size: .35rem;

}

header .top-icon .nav-icon.show{

    background: url(../images/top-icon.png) bottom center no-repeat;

    background-size: .35rem;

}

.flex{

  display: -webkit-box;

  display: -webkit-flex;

  display: -moz-box;

  display: -ms-flexbox;

  display: flex;

}

.flex-j-sa{

  -webkit-box-pack: space-around;

  -moz-justify-content: space-around;

  -webkit-justify-content: space-around;

  justify-content: space-around;

}

.flex-j-sb{

  -webkit-box-pack: space-between;

  -moz-justify-content: space-between;

  -webkit-justify-content: space-between;

  justify-content: space-between;

}

.flex-w{

  -webkit-flex-wrap: wrap;

  -moz-flex-wrap: wrap;

  -ms-flex-wrap: wrap;

  -o-flex-wrap: wrap;

  flex-wrap:wrap;

}

nav{

    padding:.18rem .1rem;

    margin-bottom: .12rem;

}

nav a{

    padding: 0 .14rem .14rem;

    display: inline-block;

    line-height: 1em;

    font-size: .24rem;

    color: #6c6c6c;

}

nav a.on{

    color: #f84776;

    border-bottom: .02rem solid #f84776;

}

/*头部显示隐藏*/

.nav-bar{

    position: fixed;

    background: #f6f6f6;

    left: -100%;

    top: 1.45rem;

    width: 6.4rem;

    overflow: hidden;

    z-index: 999;

    -webkit-overflow-scrolling: touch;

}

.nav-bar .dot{

    position: relative;

    padding:.25rem .2rem 0 .2rem;

    width: 50%;

    height: 100%;

    float: left;

    background:#ef1456;

    box-sizing:border-box;

}

.nav-bar .dot:after{

    display: block;

    content: "";

    position: absolute;

    top: 50%;

    margin-top: -.05rem;

    right: -.1rem;

    border-left: .1rem solid #ef1456;

    border-top:.1rem solid transparent;

    border-bottom:.1rem solid transparent;

}

.nav-bar .dot .dot-item{

    float: left;

    margin-right: .1rem;

    margin-bottom: .15rem;

    width: 1.35rem;  

    color: #fff;

    text-align: center;

}

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

    background: #fec6d5;

}

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

    margin-right: 0;

}



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

    display: inline-block;

    width: 1.35rem;

    height: 1rem;

    background: #fff;

    text-align: center;

    border:1px solid #dddddd;

    border-radius: .06rem;

    box-sizing:border-box;

}

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

    width: .87rem;

}

.nav-bar .dot .dot-item span{

    display: block;

    font-size: .22rem;

    line-height: .35rem;

}



.nav-bar .nav-right{

    float: right;

    width: 50%;

    height: 100%;

    background: #fff;

}

.nav-bar .nav-right  ul{

    padding:.25rem .2rem 0 .2rem;

    font-size: 0;

}

.nav-bar .nav-right .right-item{

    display: none;

}

.nav-bar .nav-right .right-item.on{

    display: block;

}

.nav-bar .nav-right .right-item li{

    margin-right: .08rem;

    margin-bottom: .15rem;

    display: inline-block;

    width: 1.35rem;

    box-sizing:border-box;

    text-align: center;

    background: #fff;

}

.nav-bar .nav-right .right-item li i{

    display: inline-block;

    width: 1.35rem;

    height: 1rem;

    border:1px solid #dddddd;

    border-radius: .06rem;

    box-sizing:border-box;

    text-align: center;

}

.nav-bar .nav-right .right-item li i img{

    width: 1.17rem;

}

.nav-bar .nav-right .right-item li:nth-of-type(2n){

    margin-right: 0;

}



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

    display: block;

    line-height: .35rem;

    font-size: .22rem;

    color: #333333;

}

.banner{

    width: 6.4rem;

}
.banner .swiper-pagination {
    position: absolute;
    bottom: .1rem;
}
.banner a,.banner a img{

    display: block;

    width: 6.4rem;

}

.tit{

    width: 6.4rem;

    border-bottom: 1px solid #dbdbdb;

    line-height: .54rem;

    padding: 0 .5rem 0 .2rem;

    position: relative;

    margin: .25rem 0 .2rem 0;

    box-sizing:border-box;

}

.tit h2{

    float: left;

    font-size:.28rem;

    color: #ef1456;

    line-height: .54rem;

    padding-left: .54rem;

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

    background-size: .65rem; 

}

.tit i{

    display: block;

    width: 2.84rem;

    height: .04rem;

    background-color: #ef1456;

    position: absolute;

    left: 0;

    bottom: -1px;

}

.tit a{

    float: right;

    font-size: .2rem;

    color: #ef1456;

}

.m1 .tit h2{

    background-position: 0 -.03rem;

}

.cont{

    width: 6rem;

    margin: 0 auto;

}

.m1-nav li{

     padding-left: .35rem;

     font-size: .2rem;

     line-height: .36rem;

     background: url(../images/hot.jpg) no-repeat left center;

     background-size: .31rem;

     color: #666;

}

.m2-box{

    width: 5.7rem;

    margin: 0 auto;

}

.m2-box .m2-l{

    width: 3.7rem;

    overflow: hidden;

}

.m2-box .m2-l a{

    display: block;

    width: 1.8rem;

    height: .42rem;

    line-height: .42rem;

    border:1px solid #f9a1bb;

    border-radius: .04rem;

    font-size: .2rem;

    color: #ef1456;

    text-align: center;

    margin-bottom: .1rem;

}

.m2-box .m2-r{

    width: 1.83rem;

    background-color: #ef1456;

    padding-bottom: .15rem;

}

.m2-box .m2-r a{

    display: block;

    font-size: .28rem;

    line-height: .4rem;

    color: #fff;

    text-align: center;

}

.m2-box .m2-r a img{

    display: block;

    width: 1.83rem;

}

.m2-wrap h2{

    font-size: .22rem;

    line-height: .58rem;

    color: #ff0101;

    text-align: center;

    font-weight: normal;

}

.m2-btn{

    width: 5.86rem;

    margin: 0 auto;

}

.m2-btn a{

    display: block;

    width: 2.8rem;

    height: .86rem;

    line-height: .86rem;

    border-radius: .08rem;

    font-size: .3rem;

    color: #fff;

    padding-left: 1.05rem;

    

    box-sizing:border-box;

}

.m2-btn a.a{

    background: url(../images/ds_icon.png) no-repeat .2rem -.53rem #fd7ba2;

    background-size: .65rem;

}

.m2-btn a.b{

    background: url(../images/ds_icon.png) no-repeat .2rem -1.47rem #ef1456;

    background-size: .65rem;

}

.m2-banner{

    width: 6.4rem;

    margin-top: .2rem;

}

.m2-banner a,.m2-banner a img{

    display: block;

    width: 6.4rem;

}

.m2-bt{

    width: 6.4rem;

    height: .1rem;

    background-color: #edeaf1;

    margin-top: .1rem;

    margin-bottom: .2rem;

}





.news{

    padding-bottom: .4rem;

}

.news .btn-wrap{

    width: 6rem;

    margin: .3rem auto 0 auto;

}

.list-cont{

    box-sizing:border-box;

}



.list-cont li{

    overflow: hidden;

    padding: .1rem 0;

}



.list-cont li img{

    width: 1.74rem;

    height:1.11rem;

    float: left;

}



.list-cont li .fr{

    width: 4rem;

    height: 1.11rem;

    display: table;

}



.list-cont li .fr>div{

    display: table-cell;

    vertical-align: middle

}

.list-cont li .fr>div h2{

    line-height: 1em;

    margin-bottom: .1rem;

    width: 4rem;

    height: .28rem;

    overflow: hidden;

    text-overflow:ellipsis;

    white-space: nowrap;

    font-weight: normal;

    font-size: .24rem;

    color: #333333;

}



.list-cont li .fr>div p{

    font-size: .22rem;

    line-height: 1.5em;

    color: #666;

}

.list-cont li .fr>div p a{

    color: #ff0101

}

#sync2 {

    margin-top: .15rem;

}



#sync2 .owl-item{

    width: 1.2rem!important;

}



#sync2 .owl-item li.item{

    width: 1.2rem!important;

    height: .5rem;

    line-height: .5rem;

    font-size: .24rem;

    text-align: center;

    float: left;

}



#sync2 .synced .item {

    color: #ef1456;

    border-bottom:1px solid #ef1456;

}

.m4 .tit h2{

    background-position: 0 -2.6rem;

}

.m4-nav{

    width: 6rem;

    margin: 0 auto;

}

.m4-nav li{

    height: .58rem;

    line-height: .58rem;

    border-radius: .08rem;

    font-size: .26rem;

    color: #fff;

    text-align: center;

    margin-right: .06rem;

    margin-bottom: .06rem;

    float: left;

}

.m4-nav li.li_bg1{

    background-color: #fd7ba2

}

.m4-nav li.li_bg2{

    background-color: #ef1456

}

.m4-nav li a{

    display: block;

}

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

    width: 2.94rem;

}

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

    width: 3rem;

}

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

    width: 2.5rem;

}

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

    width: 1.33rem;

}

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

    width: 2.03rem;

}

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

    width: 3.34rem;

}

.m4-nav li:nth-of-type(7){

    width: 2.6rem;

}

.m4-nav li:nth-of-type(8){

    width: 3.27rem;

}

.m4-nav li:nth-of-type(9){

    width: 2.67rem;

}

.m5 .tit h2{

    background-position: -.1rem -3.27rem;

}

.m5{

    margin-bottom: 1.4rem;

}

.m5  .list-cont{font-size:0.24rem;padding: 0 .5rem 0 .2rem;}

.m5  .list-cont a{line-height:0.4rem;display: inline-block;    width: 3rem;text-align: center;}

.ft-swt{

    position: fixed;

    bottom: 0;

    left: 50%;

    margin-left: -3.2rem;

    width: 6.4rem;

    height: 1.08rem;

    background: url(../images/bt.gif) top center no-repeat;

    background-size: 6.4rem;

    font-size: 0;

}

.ft-swt a{

    display: inline-block;

    width: 20%;

    height: 1.08rem;

}

/*列表页*/

.list-tit{

    font-size: .24rem;

    font-weight: bold;

    color: #333;

    padding-left: .65rem;

    line-height: .5rem;

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

    background-size: .65rem;

    margin-top: .2rem;

}

.list-nav{

    width: 6rem;

    margin: 0 auto;

}

.list-nav li h2{

    font-size: .24rem;

    color: #333;

    line-height: .36rem;

    font-weight: normal;

    margin-top: .15rem;

}

.list-nav li p{

    font-size: .22rem;

    line-height: .34rem;

    color: #666

}

.list-nav li p a{

    color: #ff0101

}

.list-nav1 li {
    overflow: hidden;
    padding: .1rem 0;
}

.list-nav1 li img{

    width: 1.74rem;

    height:1.11rem;

    float: left;

}



.list-nav1 li .fr{

    width: 4rem;

    height: 1.11rem;

    display: table;

}



.list-nav1 li .fr>div{

    display: table-cell;

    vertical-align: middle

}

.list-nav1 li .fr>div h3{

    line-height: 1em;

    margin-bottom: .1rem;

    width: 4rem;

    height: .28rem;

    overflow: hidden;

    text-overflow:ellipsis;

    white-space: nowrap;

    font-weight: normal;

    font-size: .24rem;

    color: #333333;

}



.list-nav1 li .fr>div p{

    font-size: .22rem;

    line-height: 1.5em;

    color: #666;

}

.list-nav1 li .fr>div p a{

    color: #ff0101

}

.list-page{

    text-align: center;

    margin-top: .2rem;

}

.list-wrap{

    display: inline-block;

    text-align: center;

}

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

}

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

}

.list-wrap i{

    display: inline-block;

    font-size: .24rem;

    color: #999;

    line-height: .4rem;

    margin: 0 .35rem 0 .35rem;

}

.list-banner{

    width: 6.4rem;

}

.list-banner a,.list-banner a img{

    display: block;

    width: 6.4rem;

}

.list-m2 .tit h2{

    background-position: 0 -3.95rem;

}

/*文章*/

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

}
.artcile-more{

    margin-bottom: .1rem;

    font-size: .24rem;

    line-height: .38rem;

    color: #333333;

}
.artcile-more p{

    margin-bottom: .1rem;

    font-size: .24rem;

    line-height: .38rem;

    color: #333333;

}



.art-btn{

    padding-bottom: .13rem;

    .border-bottom:1px dashed #ececec;

}

.art-btn h2{

    width: 6rem;

    margin: 0 auto;

    font-size: .28rem;

    color: #fff;

    background-color: #ef1456;

    text-align: center;

    margin-bottom: .2rem;

    height: .5rem;

    line-height: .5rem;

    font-weight: normal;

}

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

}