@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:underline;
}
/* 清理内浮动 */
.fl-c:after {
    visibility:hidden;
    display:block;
    font-size:0;
    content:" ";
    clear:both;
    height:0;
}
.fl-c {
    *zoom:1; /* for IE6 IE7 */
}
span,strong{display:inline-block;}
i{font-style:normal;display:inline-block;}
.fl{float:left;}
.fr{float:right}
.no-r{margin-right:0!important}
/* 默认字体样式 微软雅黑&宋体\5b8b\4f53*/
*,input,button,select,textarea {font-family:\5FAE\8F6F\96C5\9ED1;}

/* 最大宽度应对手机自定义 */
header,nav,section,footer {margin:0 auto; max-width:640px;}
.main {
    max-width: 640px;
    background: url(../images/img_bg1.jpg) repeat-y;
    background-size: 6.4rem;
    margin: 0 auto;
}
/* header*/
header{
    width: 6.4rem;
}
header a,header a img{
    display: block;
    width: 6.4rem;
}
.nav{
    width: 6.4rem;
    height: .6rem;
    background: url(../images/nav_bg.jpg) no-repeat;
    background-size: 100%;
}
.nav li{
    float: left;
    width: 20%;
    text-align: center;
    line-height: .6rem;
    font-size: .28rem;
    color: #fff;
}
.banner{
    width: 6.4rem;
    height: 4.16rem;
    background: url(../images/banner_bg.jpg) no-repeat;
    background-size: 100%;
    padding: .6rem .35rem 0 .4rem;
    box-sizing:border-box;
}
.banner img{
    float: left;
    width: 1.14rem;
    margin-right: .05rem;
}
.banner p{
    font-size: .22rem;
    line-height: .33rem;
    color: #666666;
}
.list_banner {
    position: relative;    overflow: hidden;
}
.list_banner img{
    width: 6.4rem;
}
.list_banner .swiper-pagination{
    position: absolute;
    bottom: 0;
}
.list_banner .swiper-pagination .swiper-pagination-bullet{
    width: .18rem;
    height: .18rem;
    border-radius: 50%;
    background: rgba(255,255,255,.5);
    opacity: 1;
    transition:all .2s;
}
.list_banner .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{
    width: .4rem;
    height: .18rem;
    border-radius: .09rem;
    background: rgba(77,177,232,.5);
    opacity: 1;
}
.m-tit img{
    display: block;
    width: 6.05rem;
    margin: 0 auto;
}
.m1-cont{
    width: 6rem;
    margin: 0 auto .35rem;
    overflow: hidden;
}
.m1-cont .m1-tab{
    width: 6rem;
    margin: .15rem auto .25rem;
}
.m1-cont .m1-tab li{
    float: left;
    width: 1.2rem;
    height: .5rem;
    line-height: .5rem;
    background: url(../images/tab_2.png) no-repeat;
    background-size: 100%;
    font-size: .22rem;
    color: #ffcd94;
    text-align: center;
}
.m1-cont .m1-tab li.on{
    background: url(../images/tab_1.png) no-repeat;
    color: #fff;
}
#slide1-content{
    width: 10000%;
}
.m1-cont .m1-text{
    width: 6rem;
    margin: 0 auto;
}
.m1-cont .m1-text li{
    float: left;
    width: 6rem;
}
.m1-cont .m1-text li .m1-img{
    float: left;
    width: 2.28rem;
    height: 2.75rem;
} 
.m1-cont .m1-text li .m1-img a ,.m1-cont .m1-text li .m1-img a img{
    display: block;
    width: 2.28rem;
}
.m1-cont .m1-text li .m1-right{
    width: 3.6rem;
    height: 2.75rem;
    position: relative;
}
.m1-cont .m1-text li .m1-right h2{
    font-size: .26rem;
    color: #333;
    line-height: .36rem;
    text-align: center;
    font-weight: bold;
}
.m1-cont .m1-text li .m1-right p{
    font-size: .22rem;
    line-height: .33rem;
    color: #333;
    text-indent: 2em;
}
.m1-text li .m1-right .m1-btns{
    width: 3.6rem;
    position: absolute;
    left: 0;
    bottom: 0;
}
.m1-text li .m1-right .m1-btns a{
    display: block;
    width: 1.76rem;
    font-size: .26rem;
    text-align: center;
    line-height: .46rem;
}
.m1-text li .m1-right .m1-btns a.a{
    background: url(../images/img_btnbg1.png) no-repeat;
    background-size: 1.76rem;
    color: #ffcd94;
}
.m1-text li .m1-right .m1-btns a.b{
    background: url(../images/img_btnbg2.png) no-repeat;
    background-size: 1.76rem;
    color: #fff;
}

.m2{
    margin-bottom: .2rem;
}
.m2-cont{
    width: 6.02rem;
    margin: .2rem auto 0;
    overflow: hidden;
}
.m2-cont .m2-tab{
    width: 6.02rem;
    margin: 0 auto .17rem;
}
.m2-cont .m2-tab li{
    float: left;
    width: 1.46rem;
    height: .53rem;
    line-height: .53rem;
    background: url(../images/tab_4.png) no-repeat;
    background-size: 100%;
    font-size: .22rem;
    color: #ffcd94;
    margin-right: .06rem;
    text-align: center;
}
#sync2 .synced .item{
    background: url(../images/tab_3.png) no-repeat;
    background-size: 100%;
    color: #fff;
}
#slide2-content{
    width: 10000%;
}
.m2-cont .m2-img{
    width: 6.02rem;
}
.m2-cont .m2-img li{
    width: 6.02rem;
    float: left;
}
.m2-cont .m2-img li a img{
    display: block;
    width: 6.02rem;
}
.m2-list{
    width: 6rem;
    margin: 0 auto;
}
.m2-list h2{
    font-size: .24rem;
    color: #333;
    line-height: .36rem;
    margin-top: .1rem;
}
.m2-list h2 span{
    display: inline-block;
    width: .3rem;
    height: .3rem;
    line-height: .3rem;
    border-radius: 50%;
    background-color: #DD850A;
    text-align: center;
    color: #fff;
    font-size: .18rem;
    margin-right: .08rem;
}
.m2-list p{
    font-size: .22rem;
    line-height: .33rem;
    color: #666666;
}
.m2-list p a{
    color: #ff0101
}
.m2-wrap{
    width: 5.45rem;
    margin: 0 auto;
}
.m2-wrap h2{
    width: 3.12rem;
    height: .65rem;
    line-height: .65rem;
    background: url(../images/img_btnbg3.png) no-repeat;
    background-size: 100%;
    font-size: .24rem;
    color: #fff;
    text-align: center;
    margin: .2rem auto .3rem;
}
.m2-wrap .m2-btn{
    width: 5.45rem;
    margin: 0 auto;
}
.m2-wrap .m2-btn a{
    display: block;
    width: 2.67rem!important;
    height: .75rem;
    line-height: .75rem;
    font-size: .32rem;
    color: #fff;
    padding-left: .98rem;
    box-sizing:border-box;
}
.m2-wrap .m2-btn a.a{
    background: url(../images/img_btnbg4.png) no-repeat;
    background-size: 100%
}
.m2-wrap .m2-btn a.b {
    background: url(../images/img_btnbg5.png) no-repeat;
    background-size: 100%
}

.swiper-m3{
    width: 6rem;
    margin:.2rem auto;
}
.swiper-m3 .m3-cont{
    width: 6rem;
    margin: 0 auto;
}
.swiper-m3 .m3-cont .m3-l{
    width: 1.8rem;
}
.swiper-m3 .m3-cont .m3-l a,.swiper-m3 .m3-cont .m3-l a img{
    display: block;
    width: 1.8rem;
}
.swiper-m3 .m3-cont .m3-r{
    width: 4.05rem;
}
.swiper-m3 .m3-cont .m3-r h2{
    font-size: .26rem;
    color: #a90000;
    line-height: .3rem;
}
.swiper-m3 .m3-cont .m3-r h2 span{
    font-size: .22rem;
}
.swiper-m3 .m3-cont .m3-r p{
    font-size: .2rem;
    line-height: .3rem;
    color: #333;
    text-indent: 2em;
}
.m3-btn .m3-btns{
    width: 3.75rem;
    margin: 0 auto;
}
 .m3-btn .m3-btns a{
    display: block;
    width: 1.84rem;
    font-size: .24rem;
    line-height: .67rem;
    text-align: center;
    color: #fff;
 }
 .m3-btn .m3-btns a.a{
    background: url(../images/img_btnbg6.png) no-repeat;
    background-size: 100%;
 }
 .m3-btn .m3-btns a.b{
    background: url(../images/img_btnbg7.png) no-repeat;
    background-size: 100%;
 }
 .m3-btn h2 a{
    display: block;
    font-size: .24rem;
    line-height: .45rem;
    color: #ff0101;
    text-align: center;
 }
 .m3-banner{
    width: 6.4rem;
    margin-top: .15rem;
    margin-bottom: .2rem;
 }
 .m3-banner a,.m3-banner a img{
    display: block;
    width: 6.4rem;
 }
 .m4-cont{
    width: 6rem;
    margin: 0 auto;
 }
 .m4-box{
    width: 6rem;
    margin: .1rem auto 0;
 }
 .m4-box img{
    float: left;
    width: .78rem;
 }
 .m4-box .m4-text{
    float: right;
    width: 5.1rem;
 }
 .m4-box .m4-text h2{
    font-size: .24rem;
    color: #333;
    line-height: .81rem;
 }
 .m4-box .m4-text p{
    font-size: .22rem;
    line-height: .33rem;
    color: #666;
    text-indent: 2em;
 }
 .m4-box .m4-text p a{
    color: #ff0101
 }
 .m4-btn{
    width: 6.4rem;
    margin-top: .2rem;
 }
 .m4-btn a,.m4-btn a img{
    display: block;
    width: 6.4rem;
 }
 .m5-pad{
    padding-bottom: 2rem;
 }
 .m5{
    width: 6rem;
    margin: 0 auto;
    font-size: .26rem;
    color: #6f2323;
    line-height: .54rem;
    border-bottom: 1px solid #dadada;
    background: url(../images/img_icon1.png) no-repeat left center;
    background-size:.45rem; 
    padding-left: .5rem;
    margin-top: .2rem;
    position: relative;
    box-sizing:border-box;
 }
 .m5 i{
    display: block;
    width: 1.5rem;
    height: .03rem;
    background-color: #6f2323;
    position: absolute;
    left: 0;
    bottom: 0;
 }
 footer{
    width: 6.4rem;
    height: .98rem;
   /* background: url(../images/foot_bg.jpg) no-repeat;
    background-size: 100%;*/
    position: fixed;
    left: 50%;
    bottom: 0;
    margin-left: -3.2rem;
    padding-top: .06rem;
    z-index: 999;
    box-sizing:border-box;
 }
 footer a{
    float: left;
    width: 25%;
    font-size: .26rem;
    color: #fff;
    text-align: center;
 }
 footer a.on{
    color: #ff6914
 }
 footer a img{
    display: block;
    width: .6rem;
    margin: 0 auto .1rem;
 }
 /*列表页*/
 .list_banner{
    width: 6.4rem;
 }
 .list_banner a,.list_banner a img{
    display: block;
    width: 6.4rem;
 }
 .list_m1{
    width: 6rem;
    margin: .25rem auto 0;
 }
 .list_tit{    width: 1.46rem;    height: .53rem;    line-height: .53rem;    background: url(../images/list_bg1.png) no-repeat;    background-size: 100%;    font-size: .24rem;    color: #fff;    text-align: center;    line-height: .48rem; } 
 .list_nav{
    width: 6rem;
    margin: 0 auto;
 }
 .list_nav li{
    font-size: .24rem;
    line-height: .42rem;
    color: #666;
 }
 .list-wrap{
    text-align: center;
    margin: .1rem 0 .25rem 0;
 }
 .list-page{
    display: inline-block;
    text-align: center;
 }
 .list-page span{
    display: inline-block;
    width: 1.28rem;
    height: .46rem;
    line-height: .36rem;
    background: url(../images/next_bg.png) no-repeat;
    background-size: 100%;
    font-size: .24rem;
    color: #fff;
    text-align: center;
 }
 .list-page i{
    display: inline-block;
    width: 1.29rem;
    height: .48rem;
    line-height: .4rem;
    font-size: .24rem;
    color: #999;
    background: url(../images/center_bg.png) no-repeat;
    background-size: 100%;
    margin: 0 .25rem;
 }
 /*文章页*/
 .art_m1{
    width: 6.4rem;
    border:.02rem dashed #673121;
    overflow: hidden;
    border-radius: .5rem;
    padding: 0 .2rem 1.2rem .2rem;
    position: relative;
    box-sizing:border-box;
 }
 .art_m1 img{
    float: left;
    width: 1.14rem;
 }
 .art_m1 p i{
    display: block;
    font-size: .22rem;
    color: #999;
    line-height: .33rem;
    padding-top: .15rem;
 }
 .art_m1 p{
    font-size: .22rem;
    color: #333;
    line-height: .3rem;
 }
 .art_btn{
    width: 3.38rem;
    height: 1.08rem;
    position: absolute;
    bottom: .1rem;
    right: .1rem;
 }
 .art_btn a{
    display: block;
    width: 3.38rem;
    height: 1.08rem;
    background: url(../images/art_img2.png) no-repeat;
    background-size: 100%;
 }


 .article-wrap {
    width: 6rem;
    margin: .2rem auto 0;
    padding-top: .15rem;
}

.article-wrap .art-tit img{
    display: block;
    width: 1.46rem;
    margin-left: .2rem;
}
.article-more{
	margin-bottom: .1rem;
    font-size: .24rem;
    line-height: .36rem;
    color: #333333;
}
.article-more p,.article-more div,.article-more span{
    margin-bottom: .1rem;
    font-size: .24rem;
    line-height: .36rem;
    color: #333333;
    /*text-indent: 2em;*/
}

.art-btn{
    padding-bottom: .13rem;
    border-bottom:1px dashed #ececec;
}
.art-btn h2{
    margin-bottom: .2rem;
    line-height: 1.5em;
    font-size: .2rem;
    font-weight: normal;
    color: #e70012;
    text-align: center;
}
.article-cont{
    position: relative;
}

.article-more.hide{
    height: 2rem;
    overflow: hidden;
}

.article-title h2{
    line-height: 1.5em;
    font-size: .25rem;
    text-align: center;
    color:#333;
}

#art-more{
    display: none;
    transition:all .2s;
}
.select-art{
    padding:.3rem 0;
    font-size: .2rem;
    line-height: 1em;
    color: #000;
    text-indent: 0!important;
}
.select-art div{
    text-indent: 0!important;
}
.select-art .prev-art{
    margin-bottom: .15rem;
}
.select-art div{
    color: #fff;
    background: url(../images/art_bg1.png) no-repeat;
    background-size: 3.7rem;
}

#click-more{
    position: absolute;
    bottom: 0;
    left: 0;
    margin-bottom: 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: #a90000;
    text-align: center;

}

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

}

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

}/*** page-------------------------------------------------------------- ****/.pageBox {text-align: center;margin: .1rem 0;line-height: .34rem}.pageBox a {border:.01rem solid #ddd;display:inline-block;margin-right:.06rem;color: #707070;height:.34rem;font-size: .16rem;padding:0 .1rem}.pageBox a:hover,.pageBox a:active{background:#863114;color: #FFFFFF;text-decoration: none;}.pageBox .cur { background: #863114;border: .01rem solid #863114;text-decoration: none;}.pageBox a.cur {color: #fff;}.pageBox .disabled {width: .79rem;}