@charset "utf-8";
/* 
    @名称: base
    @功能: 重设浏览器默认样式
*/
/* 防止用户自定义背景颜色对网页的影响，添加让用户可以自定义字体 */
html{
    color:#000;background:#fff;
    -webkit-text-size-adjust:100%;
    -ms-text-size-adjust:62.5%;
}
/* 内外边距通常让各个浏览器样式的表现位置不同 */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td,hr,button,article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {
    margin:0;padding:0;
}
/* 重设 HTML5 标签, IE 需要在 js 中 createElement(TAG) */
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section { 
    display:block;
}
/* HTML5 媒体文件跟 img 保持一致 */
audio,canvas,video {
    display:inline-block;*display:inline;*zoom:1;
}
/* 要注意表单元素并不继承父级 font 的问题 */
body,button,input,select,textarea{
    font-size: 12px;
    line-height: 1.5em;
}
/* iphone手机表单默认 */
input.no {-webkit-appearance:none;}

input,select,textarea{
    font-size:100%;
}
/* 去掉各Table  cell 的边距并让其边重合 */
table{
    border-collapse:collapse;border-spacing:0;
}
/* IE bug fixed: th 不继承 text-align*/
th{
    text-align:inherit;
}
/* 去除默认边框 */
fieldset,img{
    border:0;
    width: 100%;
}
/* ie6 7 8(q) bug 显示为行内表现 */
iframe{
    display:block;
}
/* 去掉 firefox 下此元素的边框 */
abbr,acronym{
    border:0;font-variant:normal;
}
/* 一致的 del 样式 */
del {
    text-decoration:line-through;
}
address,caption,cite,code,dfn,em,th,var {
    font-style:normal;
    font-weight:500;
}
/* 去掉列表前的标识, li 会继承 */
ol,ul {
    list-style:none;
}
/* 对齐是排版最重要的因素, 别让什么都居中 */
caption,th {
    text-align:left;
}
/* 来自yahoo, 让标题都自定义, 适应多个系统应用 */
h1,h2,h3,h4,h5,h6 {
    font-size:100%;
    font-weight:500;
}
q:before,q:after {
    content:'';
}
/* 默认不显示下划线，保持页面简洁 */
a {
    text-decoration: none;
    outline: none;
    color: inherit;
}
a:hover {
    text-decoration:none;
}
/* 清理内浮动 */
.fl-c:after {
    visibility:hidden;
    display:block;
    font-size:0;
    content:" ";
    clear:both;
    height:0;
}
.fl-c {
    *zoom:1; /* for IE6 IE7 */
}
i{font-style:normal;display:inline-block;}
.fl{float:left;}
.fr{float:right}
.no-mr{margin-right:0!important}
.no-mb{margin-bottom:0!important}
.no-pr{padding-right:0!important;}
.no-pb{padding-bottom:0!important}
.bor-bb{border-bottom: 1px solid #fff}
.no-br{border-right: none!important}


/* 最大宽度应对手机自定义 */
header,nav,section,footer {margin:0 auto; max-width:640px;}
.main {
    max-width: 640px;
    margin: 0 auto;
}
/* header*/
header a,header a img{
    display: block;
    width: 6.4rem;
}
nav{
   width: 6.4rem;
   height: 1.16rem;
   background-color: #e34a5f;
}
.nav-l{
    width: 1.48rem;
    height: 1.16rem;
    border-right: 1px solid #fff;
    padding-top: .16rem;
    box-sizing:border-box;
}
.nav-l a{
    display: block;
}
.nav-l a img{
    display: block;
    width: .65rem;
    margin: 0 auto;
}
.nav-l a i{
    display: block;
    font-size: .24rem;
    line-height: .32rem;
    text-align: center;
    color: #fff;
}
.nav-r{
    width: 4.92rem;
}
.nav-r li a{
    display: block;
}
.nav-r li{
    width: 1.64rem;
    float: left;
    font-size: .24rem;
    color: #fff;
    text-align: center;
    color: #fff;
    line-height: .58rem;
    border-right: 1px solid #fff;
    box-sizing:border-box;
}
.banner{
    width: 6.4rem;
}
.banner a,.banner a img{
    display: block;
    width: 6.4rem;
}
.banner-bt{
    width: 6.4rem;
    height: .5rem;
    font-size: .26rem;
    color: #333;
    line-height: .5rem;
    padding-left: .66rem;
    background:url(../images/icon.png) no-repeat .2rem .08rem #ededed;
    background-size: .43rem;
    box-sizing:border-box;
}
.banner-bt strong{
    color: #e34a5f;
    width: 1.3rem;
    float: left;
}
.banner-btright{
    float: left;
    width: 4.3rem;
}
#text-scroll{
    height: .5rem;
    line-height: .5rem;
    overflow: hidden;
}
.banner-btright a{
    display: block;
    text-overflow:ellipsis; 
    white-space:nowrap;
    width:4.3rem;
    height: .5rem;
    line-height: .5rem;
    overflow:hidden;
}
.m-tit{
    font-size: .48rem;
    font-weight: bold;
    text-align: center;
    line-height: .64rem;
    width: 6rem;
    color: #e34a5f;
    margin: .3rem auto .25rem;
}
.cont{
    width: 6rem;
    margin: 0 auto;
}
.m1-bg{
    background:url(../images/m-bg1.jpg) no-repeat;
    background-size: 100%;
}
.m1-nav{
    width: 5.55rem;
    margin: 0 auto;
}
.m1-nav li{
    width: 1.2rem;
    float: left;
    margin-right:.25rem; 
}
.m1-nav li a{
    display: block;
}
.m1-nav li img{
    display: block;
    width: 1.2rem;
}
.m1-nav li i{
    display: block;
    font-size: .26rem;
    color: #333;
    line-height: .6rem;
    text-align: center;
}
.m1-cont{
    width: 6rem;
    position: relative;
    margin: -3.2rem auto 0;
    overflow: hidden;
}
.m1-bgcolor{
    width: 6.4rem;
    height: 3.5rem;
    background-color: #e34a5f;
    padding-top: .3rem;
    margin-top: .2rem;
    box-sizing:border-box;
}
.m1-tab{
    width: 6rem;
    margin: 0 auto;
}
.m1-tab li{
    width: 1.9rem;
    float: left;
    height: .6rem;
    line-height: .6rem;
    border-radius: .06rem;
    border:1px solid #fff;
    font-size: .26rem;
    color: #fff;
    text-align: center;
    margin-right: .15rem;
    box-sizing:border-box;
}
.m1-contb li{
    width: 6rem;
    background-color: #fff;
    border-radius: .2rem;
    padding: .3rem 0;
    box-shadow: 0 .1rem .1rem rgba(0,0,0,0.3);
    margin-top: .2rem;
}
.m1-contb li .m1-item{
    width: 5.66rem;
    margin: 0 auto;
}
.m1-contb li .m1-item img{
    display: block;
    width: 2.1rem;
}
.m1-contb li .m1-item .m1-text{
    width: 3.3rem;
}
.m1-contb li .m1-item .m1-text h2{
    font-size: .26rem;
    font-weight: bold;
    color: #e34a5f;
    line-height: .42rem;
    margin-bottom: .05rem;
}
.m1-contb li .m1-item .m1-text p{
    font-size: .22rem;
    color: #666;
    line-height: .32rem;
}
.m1-contb li .m1-item .m1-text p a{
    color: #e83a18
}
.m1-contb li h3{
    width: 5.66rem;
    margin: 0 auto;
    line-height: .58rem;
    border-bottom: 1px dashed #d9d9d9;
    padding-left: .3rem;
    font-size: .26rem;
    color: #333;
    background:url(../images/icon.png) no-repeat 0 -.38rem;
    background-size: .43rem;
    box-sizing:border-box;
}
.m1-contb li h3 span{
    float: right;
    font-size: .22rem;
    color: #999;
}
#sync2 .synced .item{
    background-color: #fff;
    color: #e34a5f;
}
.m-img{
    width: 6.4rem;
    margin-top: .38rem;
}
.m-img a,.m-img a img{
    display: block;
    width: 6.4rem;
}
.m2-cont h2{
    border-bottom: 1px solid #dddddd;
    padding-left: .4rem;
    font-size: .3rem;
    font-weight: bold;
    color: #e34a5f;
    line-height: .58rem;
    margin-bottom: .2rem;
    box-sizing:border-box;
}
.m2-cont h2.h2-bg1{
    background:url(../images/icon.png) no-repeat 0 -.94rem;
    background-size: .43rem;
}
.m2-nav li{
    width: 1.9rem;
    float: left;
    line-height: .6rem;
    border:1px solid #ddd;
    background-color: #ffeff1;
    border-radius: .06rem;
    margin-right: .15rem;
    margin-bottom: .15rem;
    text-align: center;
    font-size: .24rem;
    color: #555;
    box-sizing:border-box;
}
.m2-nav li:nth-of-type(6){
    background-color: #e34a5f;
    border:none;
    color: #fff;
}
.m2-cont h2.h2-bg2{
    background:url(../images/icon.png) no-repeat 0 -1.57rem;
    background-size: .43rem;
}
.m2-cont h2.h2-bg3{
    background:url(../images/icon.png) no-repeat 0 -2.23rem;
    background-size: .43rem;
}
.m2-cont h2.h2-bg4{
    background:url(../images/icon.png) no-repeat 0 -2.9rem;
    background-size: .43rem;
}
.m3-bg{
    background: url(../images/m-bg2.jpg) no-repeat;
    background-size: 100%;
}
.m3-cont a{
    display: block;
    font-size: .22rem;
    color: #fff;
    text-align: center;
}
.m3-cont1 .a1{
    width: 1.44rem;
    height: 1.3rem;
    line-height: .34rem;
    padding-top: .25rem;
    box-sizing:border-box;
}
.m3-cont .pink{
    background-color: #eb7283;
}
.m3-cont .blue{
    background-color: #5792d6;
}
.m3-cont .orange{
    background-color: #ff9801;
}
.m3-cont .m3-cont1-l{
    width: 4.56rem;
    overflow: hidden;
}
.m3-cont .m3-cont1-l a{
    float: left;
    width: 2.44rem;
    height: .6rem;
    line-height: .6rem;
    margin:0 0 .1rem .1rem;
}
.m3-cont .m3-cont1-l a.a2{
    width: 1.92rem;
}
.m3-cont2 a{
    width: 1.9rem;
    height: .7rem;
    line-height: .7rem;
    float: left;
    margin-right: .1rem;
}
.m3-cont2 .pink{
    width: 2rem;
}
.m3-cont3-l{
    width: 5rem;
    overflow: hidden;
}
.m3-cont3-l a{
    float: left;
    width: 2.4rem;
    height: .6rem;
    line-height: .6rem;
    margin-right: .1rem;
    margin-top: .1rem;
}
.m3-cont3 .a1{
    float: right;
    width: 1rem;
    height: 1.3rem;
    background-color: #ff9801;
    margin-top: .1rem;
    line-height: .32rem;
    padding: .15rem .05rem 0 .05rem;
    text-align: left;
    box-sizing:border-box;
}
.m5{
    margin-top: .45rem;
}
.m5 h2{
    font-weight: bold;
    font-size: .38rem;
    color: #e34a5f;
    line-height: .6rem;
    text-align: center;
}
.m5 h2 span{
    color: #d42c50
}
.m5 p{
    font-size: .22rem;
    line-height: .36rem;
    color: #ababab;
    text-align: center;
    margin-bottom: .35rem;
}
.list-menu{
    width: 5.75rem;
    margin: 0 auto;
}
.list-menu div{
    margin-top: .2rem;
}
.list-menu div label{
    float: left;
    width: 1.45rem;
    font-size: .26rem;
    color: #333;
    line-height: .68rem;
    text-align: right;
}
.list-menu div input{
    float: left;
    width: 4.25rem;
    height: .68rem;
    line-height: .68rem;
    border:1px solid #d3d3d3;
    border-radius: .1rem;
    background-color: #edebf1;
    font-size: .26rem;
    color: #c9c9c9;
    padding: .1rem;
    box-sizing:border-box;
}
.list-menu div label span{
    color: #e81e3a
}
.list-menu div textarea{
    float: left;
    width: 4.25rem;
    height: 1.38rem;
    line-height: .42rem;
    border:1px solid #d3d3d3;
    border-radius: .1rem;
    background-color: #edebf1;
    font-size: .26rem;
    color: #c9c9c9;
    padding: .1rem;
    box-sizing:border-box;
}
.list-menu div.sub{
    width: 5.65rem;
    height: .7rem;
    line-height: .7rem;
    margin: .4rem auto 0;
}
.list-menu div.sub .sub-input,.list-menu div.sub .sub-reset{
    display: block;
    width: 2.72rem;
    height: .66rem;
    line-height: .66rem;
    border-radius: .15rem;
    font-size: .3rem;
    color:#fff;
    box-sizing:border-box;
}
.list-menu div.sub .sub-input{
    float: left;
    background: url(../images/icon.png) no-repeat .45rem -3.47rem #d42c50;
    background-size: .42rem;
    padding: 0 0 0 .4rem;
    border:none;
    appearance:none;
    -webkit-appearance:none;
}
.list-menu div.sub .sub-reset{
    float: right;
    background: url(../images/icon.png) no-repeat .5rem -4.2rem #e995a7;
    background-size: .426rem;
    padding: 0 0 0 .5rem;
}
.yq-list{
    width: 6rem;
    margin: .2rem auto 1.5rem;
}
.yq-list li{
    width: 25%;
    float: left;
    font-size: .24rem;
    color: #999999;
    line-height: .36rem;
    text-align: center;
}
.yq-list li a{
    overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
}
.f-swt{
    width: 6.4rem;
    height: 1.2rem;
    position: fixed;
    bottom: 0;
    left: 50%;
    margin-left: -3.2rem;
    z-index: 999;
    background: linear-gradient(to right, #e34a5e , #e65522);
    padding: .2rem 0;
    box-sizing:border-box;
}
.f-swt ul li{
    width: 1.6rem;
    float: left;
}
.f-swt ul li i{
    float: right;
    width: 1px;
    height: .65rem;
    margin-top: .1rem;
    background-color: #ec6743;
}
.f-swt ul li a{
    float: left;
    width: 1.55rem;
    position: relative;
}
.f-swt ul li img{
    display: block;
    width: .55rem;
    margin: 0 auto;
}
.f-swt ul li span{
    display: block;
    font-size: .24rem;
    color: #fff;
    text-align: center;
    line-height: .4rem;
}
.f-swt ul li a.a1:before{
    content: "快";
    position: absolute;
    top:0;
    right:.2rem;
    width: .3rem;
    height: .3rem;
    line-height: .3rem;
    border-radius: 50%;
    background-color: #fff600;
    color: #d31829;
    font-size: .2rem;
    text-align: center;
}
.f-swt ul li a.a3 em{
    position: absolute;
    top:0;
    right:.2rem;
    width: .3rem;
    height: .3rem;
    line-height: .3rem;
    border-radius: 50%;
    background-color: #fff600;
    color: #d31829;
    font-size: .2rem;
    text-align: center;
}
.tada {
    animation: tada 2s infinite;
    -moz-animation: tada 2s infinite;
 /* Firefox */
    -webkit-animation: tada 2s infinite;
  /* Safari 和 Chrome */
    -o-animation: tada 2s infinite;
}

@-webkit-keyframes tada {
    0% {
        -webkit-transform: scale3d(1,1,1);
        transform: scale3d(1,1,1)
    }

    10%,20% {
        -webkit-transform: scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg);
        transform: scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg)
    }

    30%,50%,70%,90% {
        -webkit-transform: scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg);
        transform: scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg)
    }

    40%,60%,80% {
        -webkit-transform: scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg);
        transform: scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg)
    }

    100% {
        -webkit-transform: scale3d(1,1,1);
        transform: scale3d(1,1,1)
    }
}

@keyframes tada {
    0% {
        -webkit-transform: scale3d(1,1,1);
        -ms-transform: scale3d(1,1,1);
        transform: scale3d(1,1,1)
    }

    10%,20% {
        -webkit-transform: scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg);
        -ms-transform: scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg);
        transform: scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg)
    }

    30%,50%,70%,90% {
        -webkit-transform: scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg);
        -ms-transform: scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg);
        transform: scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg)
    }

    40%,60%,80% {
        -webkit-transform: scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg);
        -ms-transform: scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg);
        transform: scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg)
    }

    100% {
        -webkit-transform: scale3d(1,1,1);
        -ms-transform: scale3d(1,1,1);
        transform: scale3d(1,1,1)
    }
}
/*列表页*/
.list-tit{
    background:url(../images/icon.png) no-repeat 0 -5.01rem;
    background-size: .43rem;
    padding-left: .45rem;
    font-size: .24rem;
    color: #666;
    margin: .2rem 0 0 .2rem;
    box-sizing:border-box;
}
.list-tit a{
    font-size: .24rem;
    color: #666;
    line-height: .36rem;
}
.list-item{
    width: 6.4rem;
    border-bottom: 1px solid #ccc;
    margin-top: .3rem;
    padding-bottom: .3rem;
}
.list-item-cont img{
    display: block;
    width: 1.8rem;
}
.list-cont-text{
    width: 4rem;
}
.list-cont-text h2{
    font-size: .28rem;
    color: #333;
    line-height: .42rem;
    margin: .1rem 0 .15rem 0;
}
.list-cont-text p{
    font-size: .2rem;
    line-height: .32rem;
    color: #666;
}
.list-cont-text p a{
    color: #da251e
}
.list-page{
    text-align: center;
    margin: .4rem 0 .5rem 0;
}
.lsit-page-wrap{
    display: inline-block;
    text-align: center;
}
.list-page span{
    display: inline-block;
    text-align: center;
    height: .35rem;
    line-height: .35rem;
    border:1px solid #ccc;
    padding:0 .1rem;
    font-size: .2rem;
    color: #999;
}
.list-page span.on{
    border:none;
    color: #333;
}
/*文章页*/
.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;
    text-align: center;
}
.article-wrap .art-tit h3 a{
    margin: 0 .28rem 0 .1rem;
    padding-left: .4rem;
    display: inline-block;
    width: 2.2rem;
    height: .5rem;
    line-height: .5rem;
    border-radius: .25rem;
    border:1px solid #da2220;
    font-size: .24rem;
    font-weight: normal;
    color: #da2220;
    text-align: center;
    background: url(../images/icon.png) no-repeat .06rem -5.53rem;
    background-size: .43rem;
    box-sizing:border-box;
}
.article-wrap .art-tit h3 span{
    font-size: .24rem;
    color: #999999;
}
.artcile-more p{
    width: 6rem;
    margin: 0 auto .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{
    font-size: .24rem;
    line-height: 1em;
    color: #333333;
    padding-bottom: .3rem;
    margin-left: .2rem;
}
.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: #e34a5f;
    text-align: center;
}
.art-btn{
    width: 6rem;
    margin: .5rem auto .45rem;
}
.art-btn a{
    display: block;
    width: 2.9rem;
    height: .7rem;
    line-height: .7rem;
    color: #fff;
    box-sizing:border-box;
}
.art-btn a.a1{
    font-size: .28rem;
    padding-left: .85rem;
    background:url(../images/art-btn1.jpg) no-repeat .2rem center #e34a5f;
    background-size: .44rem;
    box-shadow: .08rem 0 .2rem rgba(227,74,95,.6)
}
.art-btn a.a2{
    font-size: .3rem;
    font-weight: bold;
    padding-left: .65rem;
    background:url(../images/art-btn2.jpg) no-repeat .2rem center #ff8000;
    background-size: .44rem;
    box-shadow: .08rem 0 .2rem rgba(255,128,0,.6)
}