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

.no-rb{border-right:none!important;}

.line-b{border-bottom:1px solid #fff;}





/* 最大宽度应对手机自定义 */

header,nav,section,footer {margin:0 auto; max-width:640px;}

.main {

    max-width: 640px;

    margin: 0 auto;

}

/* header*/

/* header*/
.logo{
    width: 6.4rem;
    height: .83rem;
    background: url(../images/logo.jpg) no-repeat;
    background-size: 100%;
    position: relative;
}
.logo-right{
    width: .76rem;
    height: .83rem;
    background:url(../images/logo-right.jpg) no-repeat;
    background-size: 100%;
    position: absolute;
    top:0;
    right: 0;
}
.logo-right.on{
    background:url(../images/logo-right2.jpg) no-repeat;
    background-size: 100%;
}
.logo-left{
    width: 3.2rem;
    height: 100%;
    background-color: #fff;
    position: fixed;
    left:-3.2rem;
    top: 0;
    z-index: 99999;
}
.logo-left img{
    display: block;
    width: 2.25rem;
}
.logo-left a{
    display: block;
    width: 3.2rem;
    font-size: .3rem;
    line-height: .86rem;
    border-top: 1px solid #eaeaea;
    color: #333;
    padding-left: .88rem;
    background:url(../images/left-icon.png) no-repeat;
    background-size: .36rem;
    box-sizing:border-box;
}
.logo-box{
    width: 100%;
    height: 100%;
    position: fixed;
    left:0;
    top:0;
    background:rgba(0,0,0,0.7);
    z-index: 99999;
    display: none;
}
.logo-left a.a1{
    background-position: .4rem 0.17rem;
}
.logo-left a.a2{
    background-position: .4rem -.6rem;
}
.logo-left a.a3{
    background-position: .4rem -1.35rem;
}
.logo-left a.a4{
    background-position: .4rem -2.15rem;
}
.logo-left a.a5{
    background-position: .4rem -2.92rem;
}
.logo-left a.a6{
    background-position: .4rem -3.77rem;
}


.banner{

    width: 6.4rem;

}

.banner a,.banner a img{

    display: block;

    width: 6.4rem;

}

.nav{

    width: 6.4rem;

    background-color: #c8257c;

}

.nav li a{

    display: block;

}

.nav li{

    width: 25%;

    float: left;

    border-right: 1px solid #fff;

    height: .6rem;

    line-height: .6rem;

    color: #fff;

    text-align: center;

    font-size: .26rem;

    box-sizing:border-box;

}

.cont{

    width: 6rem;

    margin: 0 auto;

}

.m1-tit img{

    display: block;

    width: 1.97rem;

    margin: .24rem 0 .2rem 2.55rem;

}

.m1-cont p{

    font-size: .28rem;

    line-height: .42rem;

    text-indent: 2em;

    color: #333333;

}

.m2{

    background-color: #fbe3f1;

    margin-top: .35rem;

}

.m2-tit img{

    display: block;

    width: 6.4rem;

}

.m2-list{

    margin-top: .2rem;

}

.m2-list li{

    float: left;

    width: 1.8rem;

    background-color: #e158a1;

    margin-right: .3rem;

    margin-bottom: .38rem;

    border-radius: .2rem;

}

.m2-list li a{

    display: block;

}

.m2-list li a img{

    display: block;

    width: 1.8rem;

}

.m2-list li a p{

    height: .43rem;

    line-height: .43rem;

    font-size: .22rem;

    color: #fff;

    text-align: center;

}

.m2-list li.li-click p{

    width: 1.8rem;

    height: 1.36rem;

    font-size: .28rem;

    line-height: .4rem;

    padding-top: .35rem;

    box-sizing:border-box;

}

.m2-list li.li-click span{

    display: block;

    width: 1.8rem;

    height: .43rem;

    line-height: .43rem;

    background-color: #ff6000;

    font-size: .26rem;

    font-weight: bold;

    text-align: center;

    border-radius: 0 0 .2rem .2rem;

    color: #fff;

}

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

    display: block;

    width: 6.4rem;

}

.m3{

    margin-top: .39rem;

}

.m3-tit h2{

    width: 1.06rem;

    height: .61rem;

    line-height: .61rem;

    background:url(../images/ind-bg.jpg) no-repeat;

    background-size: 100%;

    font-size: .36rem;

    font-weight: bold;

    text-align: center;

    color: #fff;

    margin: 0 auto;

}

.m3-tit h3{

    font-size: .36rem;

    font-weight: bold;

    color: #242424;

    text-align: center;

    line-height: .48rem;

}

.m3-tit h3 span{

    color: #c8257c

}

.m3-tit p{

    font-size: .14rem;

    color: #cdcdcd;

    text-align: center;

    line-height: .36rem;

}

.m3-bg1{

    background:url(../images/bg.jpg) repeat;

    background-size: .27rem;

    padding: .1rem .15rem .1rem .2rem;

    box-sizing:border-box;

}

.m3-bg1 p{

    font-size: .22rem;

    line-height: .3rem;

    color: #2e2e2e;

}

.m3-img img{

    display: block;

    width: 6rem;

    margin: .2rem auto 0;

}

.m3-cont{

    width: 6rem;

    margin: .2rem auto 0;

}

.m3-cont .m3-left{

    width:1.53rem; 

}

.m3-cont .m3-left img{

    display: block;

    width: 1.53rem;

}

.m3-cont .m3-right{

    width: 4.47rem;

    background: #f9f9f9;

    height: 1.2rem;

    margin-top: .05rem;

    padding-left: .12rem;

    box-sizing: border-box;

}

.m3-cont .m3-right p{

    font-size: .18rem;

    line-height: .28rem;

    color: #666;

    padding-top: .1rem;

}

.m3-cont .m3-right a{

    display: block;

    font-size: .18rem;

    color: #f00f0f;

    margin-top: .05rem;

}

.m-btns{

    width:6rem;

    margin:.3rem auto 0;

}

.m-btns a{

    display: block;

    width:2.9rem;

    height: .7rem;

    line-height: .7rem;

    border-radius: .35rem;

    font-size: .3rem;

    color: #fff;

}

.m-btns a.a1{

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

    background-size:.66rem;

    padding-left: .9rem;

    box-sizing: border-box;

}

.m-btns a.a2{

    background:url(../images/icon.png) no-repeat .2rem -.77rem #ba2273;

    background-size:.66rem;

    padding-left: .9rem;

    box-sizing: border-box;

}

.m-btns a.a{

    box-shadow: 0 .06rem .21rem rgba(255,96,0,.44);

}

.m-btns a.b{

    box-shadow: 0 .06rem .21rem rgba(186,34,155,.44);

}

.m4{

    margin-top: .3rem;

}

.m4-top{

    border-bottom: 1px dashed #cecece;

    padding-bottom: .1rem;

}

.m4-top h2{

    float: left;

    width: 2rem;

    font-size: .26rem;

    line-height: .42rem;

    color:#c8257c;

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

    background-size: .34rem;

    padding-left: .4rem;

    box-sizing:border-box

}

.m4-top p{

    width: 2.3rem;

    float: right;

    font-size: .18rem;

    line-height: .42rem;

    color:#666666;

}

.m4-top p a{

    display: inline-block;

    width:1rem;

    height: .3rem;

    line-height: .3rem;

    font-size: .22rem;

    color:#ff7e00;

    border:1px solid #ff7e00;

    border-radius: .05rem;

    text-align: center;

    margin-left: .05rem;

}

.m4-cont{

    margin-top: .22rem;

    padding-bottom: .25rem;

    border-bottom:1px dashed #d5d5d5;

}

.m4-cont .m4-left{

    width:1.74rem;

}

.m4-cont .m4-left img{

    display: block;

    width:1.74rem;

}

.m4-cont .m4-right{

    width:4rem;

}

.m4-cont .m4-right h2{

    font-size: .24rem;

    line-height: .32rem;

    color: #333;

    margin-bottom: .05rem;

}

.m4-cont .m4-right p{

    font-size:.22rem;

    line-height: .32rem;

    color: #666;

}

.m4-cont .m4-right p a{

    color:#f00f0f

}

.m4-btn h2{

    font-size: .24rem;

    line-height: .32rem;

    color: #f00f0f;

    text-align: center;

    margin-top:.12rem;

}

.m5{

    margin-top: .4rem;

}

.m5-cont{

    width:6rem;

    margin:.2rem auto 0;

    background-color: #f5f5f5;

    border-radius: .2rem;

    padding-bottom: .2rem;

    position: relative;

}

.m5-cont h2{

    font-size: .3rem;

    font-weight: bold;

    color: #c8257c;

    line-height: .8rem;

    padding-left: .2rem;

}

.m5-cont .m5-item{

    width: 5.7rem;

    margin: 0 auto .2rem;

}

.m5-cont .m5-item .m5-left{

    width:2.3rem;

}

.m5-cont .m5-item .m5-left img{

    display: block;

    width: 2.3rem;

}

.m5-cont .m5-item .m5-right{

    width:3.15rem;

}

.m5-cont .m5-item .m5-right h3{

    width:1.2rem;

    background-color: #c8257c;

    height: .32rem;

    line-height: .32rem;

    border-radius: .16rem;

    text-align: center;

    font-size: .22rem;

    color:#fff;

    margin-bottom: .1rem;

}

.m5-cont .m5-item .m5-right p{

    font-size: .22rem;

    color:#333;

    line-height: .34rem;

}

.m5-cont .m5-bt{

    padding-left: .2rem;

    box-sizing:border-box;

}

.m5-cont .m5-bt span{

    display: inline-block;

    height: .32rem;

    line-height: .32rem;

    border-radius: .16rem;

    background-color: #c8257c;

    color:#fff;

    font-size: .22rem;

    padding: 0 .1rem;

}

.m5-cont .m5-bt p{

    font-size: .22rem;

    line-height: .34rem;

    color:#333;

    margin-top: .1rem;

}

.m5-cont .m5-rt{

    width:1.18rem;

    height: 1.22rem;

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

    background-size: 100%;

    position: absolute;

    top:0;

    right:0;

    padding-top: .3rem;

    box-sizing: border-box;

}

.m5-cont .m5-rt i{

    display: block;

    width: 1.18rem;

    line-height: .32rem;

    font-size: .32rem;

    color:#fff;

    transform:rotate(45deg);

    margin-left: .3rem;

}

.m-btns .a3{

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

    background-size: .66rem;

    padding-left: .72rem;

    box-sizing:border-box;

}

.m-btns .a4{

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

    background-size: .66rem;

    padding-left: .65rem;

    box-sizing:border-box;

}

.m6-form{

    margin-top: .5rem;

}

.m6-form h2{

    font-size: .46rem;

    font-weight: bold;

    line-height: .62rem;

    color:#c8257c;

    text-align: center;

}

.m6-form p{

    font-size: .3rem;

    line-height: .36rem;

    color:#333;

    text-align: center;

}

.m6-form img{

    display: block;

    width: 6rem;

    margin: .12rem auto;

}

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

    height: .7rem;

    line-height: .7rem;

    margin: .4rem auto 0;

}

.list-menu div.sub .sub-input,.list-menu div.sub a{

    display: block;

    width: 2.4rem;

    height: .7rem;

    line-height: .7rem;

    border-radius: .35rem;

    font-size: .3rem;

    color:#fff;

    box-sizing:border-box;

}

.list-menu div.sub .sub-input{

    float: left;

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

    background-size: .66rem;

    padding: 0 0 0 .5rem;

    border:none;

    box-shadow: 0 .06rem .21rem rgba(255,96,0,.44);

    appearance:none;

    -webkit-appearance:none;

}

.list-menu div.sub a{

    float: right;

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

    background-size: .66rem;

    padding: 0 0 0 .93rem;

    box-shadow: 0 .06rem .21rem rgba(186,34,155,.44)

}





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

}



.m6-list{

    margin-bottom: 1.35rem;

         width:6rem;

}



.m6-list  li a{

    display: block;

    overflow: hidden;

    white-space:nowrap;

    text-overflow:ellipsis;

}





.m6-list li{

    width: 20%;

    float: left;

    font-size: .24rem;

    color: #666;

    text-align: center;

    line-height: .32rem;

}





/*列表页*/

.list-tit{

    font-size: .24rem;

    color: #333;

    line-height: .32rem;

    margin-left: .2rem;

    margin-top: .3rem;

}

.list-b{

    border-bottom: none;

    padding-bottom: 0;

}

/*.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: #c8257c;

}

*/



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















/*文章页*/

.art-t{

    border-bottom: 1px solid #eee;

    padding-bottom: .2rem;

    margin-top: .2rem;

    font-size: .26rem;

    color:#666;

}

.article-wrap .art-tit h2{

    line-height: .85rem;

    font-size: .28rem;

    font-weight: bold;

    color: #333;

    text-align: center;

}

.article-wrap .art-tit h3{

    width: 4.6rem;

    margin: 0 auto;

    height: .4rem;

    line-height: .4rem;

    border:1px solid #f00f0f;

    background: url(../images/art-icon.jpg) no-repeat .25rem center;

    background-size: .37rem;

    padding-left: .6rem;

    border-radius: .2rem;

    margin-bottom: .25rem;

    box-sizing:border-box;

}

.article-wrap .art-tit h3 a{

    display: inline-block;

	padding-right:.1rem;

    font-size: .22rem;

    color: #f00f0f;

}

.article-wrap .art-tit h3 span{

    font-size: .22rem;

    color: #666;

}

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

    margin-top: .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: #ba2273;

    text-align: center;

}