@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: .02rem solid #fff;}

.bor-nbr{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;

    background-color: #d42c50;

}

.nav li a{

    display: block;

}

.nav li{

    float: left;

    width: 25%;

    font-size: .26rem;

    color: #fff;

    text-align: center;

    line-height: .52rem;

    border-right: .02rem solid #fff;

    box-sizing:border-box;

}

.banner{

    width: 6.4rem;

}

.banner a,.banner a img{

    display: block;

    width: 6.4rem;

}

.cont{

    width: 6rem;

    margin: 0 auto;

}

.m1{

    margin-top: .38rem;

}

.m1-cont .m1-left{

    width: 2.48rem;

}

.m1-cont .m1-left .m1-left1{

    width: 2.48rem;

    height: 3.38rem;

    background-color: #fdeee9;

    padding-top: .38rem;

    box-sizing:border-box;

}

.m1-cont .m1-left .m1-item h2{

    font-size: .28rem;

    font-weight: bold;

    text-align: center;

    line-height: .52rem;

}

.m1-cont .m1-left .m1-left1 h2{

    color: #ff8e00

}

.m1-cont .m1-left .m1-item span{

    float: left;

    width: 1rem;

    margin-left: .15rem;

    font-size: .24rem;

    line-height: .32rem;

    color: #666;

}

.m1-cont .m1-left .m1-left1 img{

    display: block;

    width: 1.66rem;

    margin:.4rem auto 0;

}

.m1-cont .m1-left .m1-left2{

    width: 2.48rem;

    height: 1.5rem;

    margin-top: .11rem;

    background-color: #f5e9fb;

    padding-top: .15rem;

    box-sizing:border-box;

}

.m1-cont .m1-left .m1-left2 h2{

    color: #d42c50

}

.m1-cont .m1-cont .m1-right{

    width: 3.42rem;

}

.m1-right1{

    height: 1.63rem;

    background-color: #e9fbf8;

}

.m1-rightitem{

    width: 3.42rem;

    padding-top: .2rem;

    box-sizing:border-box;

}

.m1-rigth-item{

    width: 2.08rem;

}

.m1-rightitem h2{

    font-size: .28rem;

    font-weight: bold;

    line-height: .52rem;

    padding-left: .15rem;

}

.m1-rightitem span{

    width: 1rem;

    float: left;

    font-size: .24rem;

    line-height: .32rem;

    color: #666;

    margin-left: .15rem;

}

.m1-rightitem span.span1{

    width: .75rem;

}

.m1-right1 h2{

    color: #d42c50

}

.m1-rightitem img{

    float: left;

    width: 1.11rem;

    margin-top: .05rem;

}

.m1-right2 h2{

    color: #ff8e00

}

.m1-right2{

    height: 1.63rem;

    background-color: #fdeee9;

    margin: .11rem 0;

}

.m1-right3{

    height: 1.5rem;

    background-color: #e9effb

}

.m1-right3 h2{

    color: #d42c50

}

.m1-right3 span{

    display: block;

}

.m-btn{

    width: 4.8rem;

    height: .64rem;

    line-height: .64rem;

    margin: .5rem auto;

}

.m-btn a{

    display: block;

    font-size: .28rem;

    color: #fff;

    padding-left: .55rem;

    background:url(../images/icon.png) no-repeat 3.98rem .18rem #ff8e00;

    background-size: .42rem;

    border-radius: .15rem;

    box-shadow: .08rem 0 .2rem rgba(255,142,0,.6);

    text-shadow:.03rem .07rem .06rem rgba(109,68,34,.36);

    box-sizing:border-box;

}

.m-back{

    width: 6.4rem;

    height: .16rem;

    background-color: #eeeeee;

}

.m2{

    margin-top: .4rem;

}

.m2-tit h2{

    font-size: .56rem;

    font-weight: bold;

    color: #d42c50;

    line-height: .64rem;

    text-align: center;

}

.m2-tit p{

    font-size: .28rem;

    line-height: .42rem;

    color: #333;

    text-align: center;

}

.m2-cont{

    width: 5.8rem;

    margin: .15rem auto 0;

}

.m2-cont li{

    width: 2.8rem;

    border:1px solid #dddddd;

    border-radius: .15rem;

    margin-top: .2rem;

    box-sizing:border-box;

}

.m2-cont li img{

    display: block;

    width: 2.78rem;

}

.m2-cont li p{

    font-size: .23rem;

    line-height: .32rem;

    color: #555;

    padding: .1rem;

    box-sizing:border-box;

}

.m-img a,.m-img a img{

    display: block;

    width: 6.4rem;

}

.m3{

    width: 6rem;

    margin:.5rem auto 0;

    overflow: hidden;

}

.m3-tab{

    width: 4.4rem;

    margin: 0 auto;

    height: .62rem;

    border:1px solid #d42c50;

    border-radius: .1rem;

    overflow: hidden;

}

.m3-tab li{

    width: 2.2rem;

    float: left;

    font-size: .28rem;

    font-weight: bold;

    color: #d42c50;

    line-height: .62rem;

    text-align: center;

}

.m3-cont .m3-items{

    width: 6rem;

    margin: 0 auto;

    border-bottom: 1px dashed #dddddd;

    margin-top: .3rem;

    padding-bottom: .2rem;

}

.m3-cont .m3-items .m3-img{

    width:1.8rem; 

}

.m3-cont .m3-items .m3-img img{

    display: block;

    width: 1.8rem;

}

.m3-cont .m3-items .m3-text{

    width: 4rem;

}

.m3-cont .m3-items .m3-text h2{

    font-size: .28rem;

    line-height: .42rem;

    margin-bottom: .1rem;

    color: #333;

}

.m3-cont .m3-items .m3-text p{

    font-size: .22rem;

    line-height: .32rem;

    color: #666;

}

.m3-cont .m3-items .m3-text p a{

    color: #d42c50

}

#sync2 .synced .item{

    background-color: #d42c50;

    color: #fff;

}

.m4{

    margin-top: .45rem;

}

.m4-list{

    width: 5.8rem;

    margin: .25rem auto 0;

}

.m4-list li{

    width: 2.8rem;

    font-size: .24rem;

    line-height: .42rem;

    color: #444;

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

    background-size: .42rem;

    padding-left: .25rem;

    box-sizing:border-box;

}

.m4-list li a{

    border-bottom: 1px solid #666;

}

.m4 .m-btn a{

    background:url(../images/icon.png) no-repeat 3.98rem .18rem #d42c50;

    background-size: .42rem;

    box-shadow: .08rem 0 .2rem rgba(212,44,80,.6)

}

.m5{

    margin-top: .45rem;

}

.m5 h2{

    font-weight: bold;

    font-size: .38rem;

    color: #333;

    line-height: .6rem;

    text-align: center;

}

.m5 h2 span{

    color: #d42c50

}

.m5 p{

    font-size: .24rem;

    line-height: .36rem;

    color: #666;

    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 -.8rem #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 -1.6rem #e995a7;

    background-size: .426rem;

    padding: 0 0 0 .5rem;

}

.m-yq{

    font-size: .28rem;

    color:#333;

    line-height: .36rem;

    text-align: center;

    position: relative;

    margin-top: .32rem;

}

.m-yq i{

    display: block;

    width: 2.45rem;

    height: 1px;

    background-color: #ccc;

    position: absolute;

    top:50%;

}

.m-yq i:nth-of-type(1){

    left: 0;

}

.m-yq i:nth-of-type(2){

    right: 0;

}

.yq-list{

    width: 6rem;

    margin: .2rem auto 0.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, #f52e49 , #d42c50);

    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;

	animation: tada 2s infinite;

    -moz-animation: tada 2s infinite;

    -webkit-animation: tada 2s infinite;

    -o-animation: tada 2s infinite;

}

.f-swt ul li a.a3:before{

    content: "3";

    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;

	animation: tada 2s infinite;

    -moz-animation: tada 2s infinite;

    -webkit-animation: tada 2s infinite;

    -o-animation: tada 2s infinite;

}

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

    animation: tada 2s infinite;

    -moz-animation: tada 2s infinite;

    -webkit-animation: tada 2s infinite;

    -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{

    width: 6rem;

    margin:.28rem auto 0;

    font-size: .24rem;

    color:#333;

    line-height: .52rem;

    border-bottom: 1px solid #ddd;

}

.list-tit a:nth-of-type(1){

    color: #666;

}

.list-page{

    text-align: center;

    margin: .4rem 0 .5rem 0;

}

.lsit-page-wrap{

    display: inline-block;

    text-align: center;

}

.list-page a,.list-page span{

    display: inline-block;

    text-align: center;

    height: .35rem;

    line-height: .35rem;

    border:1px solid #ccc;

    padding:0 .12rem;

    font-size: .2rem;

    color: #999;

}

.list-page span{

    border:none;

    background-color: #d42c50;

    color: #fff;

}

/*文章页*/

.article-wrap .article-cont{

    padding-top: .3rem;

}

.article-wrap .art-tit h2{

    margin-bottom: .25rem;

    line-height: .42rem;

    font-size: .4rem;

    font-weight: bold;

    color: #333;

    text-align: center;

}

.article-wrap .art-tit h3{

    margin-bottom: .35rem;

    font-weight: normal;

    text-align: center;

}

.article-wrap .art-tit h3 a{

    display: block;

    width: 4.45rem;

    height: .65rem;

    line-height: .65rem;

    margin:0 auto .2rem;

    padding-left: .8rem;

    display: inline-block;

    border-radius: .32rem;

    font-size: .4rem;

    font-weight: bold;

    color: #fff;

    text-align: center;

    background: url(../images/icon.png) no-repeat .75rem -2.32rem #d42c50;

    background-size: .42rem;

    box-sizing:border-box;

}

.article-wrap .art-tit h3 span{

    display: block;

    text-align: center;

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

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

    text-align: center;

}