/* ---------------------reset CSS----------------------- */
body,h1,h2,h3,h4,h5,h6,dl,dd,p,form{margin:0;}
body{font:14px/1.5 'Microsoft Yahei',tahoma,arial,sans-serif; background:#fff; color:#000; -webkit-tap-highlight-color:rgba(0,0,0,0); -webkit-text-size-adjust:100%;}
input::-webkit-input-placeholder{color:#999;}
input,textarea,select{font-size:16px; font-family:inherit; -webkit-appearance:none;}
h4,h5,h6{font-size:1em;}
ul,ol{margin:0; padding:0; list-style:none;}
img,button{border:0;}
a{text-decoration:none; color:#333; -webkit-tap-highlight-color:rgba(0,0,0,0); -webkit-tap-highlight-color:transparent; outline:none;}
a:hover{text-decoration:none;}
input:focus,textarea:focus{font-size:.32rem !important;}

/* ---------------------common CSS----------------------- */
.dn{display:none;}
.db{display:block;}
/* line */
.line_tit{display:-webkit-box; text-overflow:ellipsis; overflow:hidden; -webkit-box-orient:vertical;}
.line1{-webkit-line-clamp:1;}
.line2{-webkit-line-clamp:2;}
.line3{-webkit-line-clamp:3;}

/* img */
.img{display:block; width:100%; height:100%;}

/* ---------------------wrapper CSS----------------------- */
.max750{max-width:750px; margin:0 auto; overflow:hidden;}

/* ---------------------header CSS----------------------- */
.header{position:fixed; z-index:9; width:100%;}
/* head */
.head{display:flex; align-items:center; width:100%; height:1rem; background:#7bca0b; color:#fff;}
.head_logo{display:block; width:.54rem; height:.54rem; margin-left:.3rem; background:#fff; border-radius:.05rem; overflow:hidden;}
.head_back{display:flex; justify-content:center; align-items:center; width:.54rem; height:.54rem; margin-left:.26rem;}
.head_back .iconfont{color:#fff; font-size:.4rem;}
.head_tit{display:flex; align-items:center; margin-left:.15rem; font-size:.36rem; font-weight:400;}
.head_tit span{margin:0 .1rem; font-size:.32rem;}
.head_tit a{font-size:.36rem; color:#fff;}

/* menu */
.menu{position:absolute; top:.22rem; right:.06rem; width:.8rem; text-align:center;}
.menu .iconfont{font-size:.36rem; cursor:pointer;}
.menu_nav{position:fixed; top:0; left:0; z-index:9; display:none; width:100%; height:100vh; background:#fff; z-index:10; background:#f3f3f3; overflow-y:scroll;}
.menu_nav_ico{position:fixed; top:0; left:0; display:flex; justify-content:space-between; align-items:center; width:94%; height:1rem; padding:0 3%; background:#7bca0b; color:#fff; text-align:center;}
.menu_nav_ico em{width:.54rem; height:.54rem; font-size:.36rem; border:1px #fff solid; border-radius:100%; cursor:pointer;}
.menu_nav dt em .iconfont{font-size:.3rem;}
.menu_nav_list{padding-top:.9rem; text-align:left;}
.menu_nav_tit{display:flex; align-items:center; padding:.4rem .3rem .2rem; font-size:.36rem; font-weight:400; background:#fff; color:#333;}
.menu_nav_tit .iconfont{width:.44rem; height:.44rem; margin-right:.12rem; line-height:.44rem; text-align:center; font-size:.38rem;}
.menu_nav_tit .icon-lanmu{color:#6bc30d;}
.menu_nav_tit .icon-toutiao{color:#ff0000; font-size:.42rem;}
.menu_nav_tit .icon-yinshibaike{color:#fca32d;}
.menu_nav_tit .icon-renqun{color:#4ac3fc; font-size:.44rem;}
.menu_nav_tit .icon-liangxing{color:#ff699e;}
.menu_nav_tit .icon-shenghuo{color:#87d1cd; font-weight:700;}
.menu_nav_tit .icon-yundong{color:#22cc76;}
.menu_nav_tit .icon-zhongyike{color:#fd5f37; font-size:.44rem;}
.menu_nav_tit .icon-navjijie{color:#2cb0e9;}
.menu_nav_tit .icon-zixun{color:#9ccc2b;}
.menu_nav_con{display:flex; flex-wrap:wrap; padding:.1rem .15rem; background:#fff;}
.menu_nav_con a{margin:.1rem .06rem; padding:0 .21rem; line-height:.6rem; font-size:.3rem; background:#F8F8F8; border:.02rem solid #dcdcdc; border-radius:.1rem; color:#404040; text-align:center; overflow:hidden;}
.menu_nav_con a:hover{background:#6bc30d; border-color:#6bc30d; color:#fff; transition:all .2s linear;}

/* nav */
.nav{max-width:750px; height:.8rem; line-height:.8rem; white-space:nowrap; background:#fff; overflow-x:auto;}
.nav::-webkit-scrollbar{display:none;}
.nav .li{margin-right:.3rem; font-size:.34rem; text-align:center; color:#999; cursor:pointer;}
.nav .li:first-child{margin-left:.3rem;}
.nav .on{color:#66d066;}

/* ---------------------main CSS----------------------- */
.main{padding-top:1.8rem;}
.main .pedia{margin:0 .3rem;}
.main .pedia .title{padding-top:.3rem; line-height:.58rem; font-size:.48rem; font-weight:700; color:#000;}

.main .pedia .write .text{position:relative;}
.main .pedia .write .text .anchor{position:absolute; top:-1.8rem; visibility:hidden;}
.main .pedia .write .text p{margin-top:.3rem; line-height:.6rem; font-size:.36rem; text-align:justify; color:#222;}
.main .pedia .write .text h2{display:flex; align-items:center; margin-top:.4rem; padding-top:.4rem; line-height:.54rem; font-size:.4rem; font-weight:700; border-top:#f8f8f8 2px solid; color:#333;}
.main .pedia .write .text h2 i{display:flex; justify-content:center; align-items:center; width:.42rem; height:.42rem; margin-right:.12rem; font-size:.28rem; font-style:normal; font-weight:700; background:#43B600; border-radius:3px; color:#fff;}

/* titles */
.main .titles{position:relative; margin:.5rem .3rem 0;}
.main .titles .tit{position:relative; z-index:2; font-size:.38rem; font-weight:400;}
.main .titles .ico{position:absolute; left:.1rem; bottom:-2px; z-index:1; width:1.72rem; height:.2rem; border-radius:100px; overflow:hidden;}
.video .titles .ico{background:#fae6e6;}
.audio .titles .ico{background:#e1edfa;}
.article .titles .ico{background:#eee6fa;}
.answer .titles .ico{background:#e1f7fa;}
.pedia .titles .ico{background:#faeedc;}
.like .titles .ico{background:#e1fae2;}

/*artlist*/
.artlist{margin:.1rem .3rem 0; overflow:hidden;}
.artlist li{display:flex; align-items:center; margin:.2rem 0; font-size:.34rem;}
.artlist li em{font-family:Georgia; font-size:.38rem; padding-right:.16rem; color:#999;}
.artlist li:nth-child(1) em{color:#ff0000;}
.artlist li:nth-child(2) em{color:#fc7039;}
.artlist li:nth-child(3) em{color:#fd8607;}

/* ad */
.ad_30{margin-top:.3rem;}
.ad_foot{margin-top:.4rem;}

/* fixed */
.fixed{position:fixed; right:.3rem; z-index:8; display:flex; justify-content:center; align-items:center; width:.88rem; height:.88rem; background:rgba(102,208,102,.8); border-radius:20px;}

/* catelog */
.catelog .tit{bottom:1.6rem; font-size:.3rem; color:#fff;}
.catelog .con{position:fixed; top:0; left:0; z-index:10; display:none; width:100%; height:100vh; background:rgba(0,0,0,.6);}
.catelog .con .top{position:absolute; z-index:8; top:0; left:0; right:0; bottom:30%;}

.catelog .con .bottom{position:absolute; z-index:9; bottom:0; left:0; right:0;}
.catelog .con .tit{line-height:1.16rem; text-indent:.5rem; font-size:.4rem; font-weight:700; background:#f8f8f8; border-bottom:#ededed 1px solid; border-radius:10px 10px 0 0; color:#333;}
.catelog .con .li{display:block; line-height:1.16rem; text-indent:.5rem; font-size:.38rem; background:#fff; border-bottom:#ededed 1px solid; color:#333;}

.catelog .con .btn{padding:absolute; z-index:10; bottom:0; left:0; right:0; display:block; line-height:1.2rem; font-size:.36rem; text-align:center; background:#fff;}

/* backtop */
.backtop{bottom:.4rem;}
.backtop .iconfont{font-size:.36rem; color:#fff;}

/* ---------------------screen CSS----------------------- */
@html{font-size:100px;}
@media screen and (min-width:320px){html{font-size:42.66667px}}
@media screen and (min-width:360px){html{font-size:48px}}
@media screen and (min-width:375px){html{font-size:50px}}
@media screen and (min-width:384px){html{font-size:51.2px}}
@media screen and (min-width:400px){html{font-size:53.34px}}
@media screen and (min-width:414px){html{font-size:55.2px}}
@media screen and (min-width:424px){html{font-size:56.54px}}
@media screen and (min-width:480px){html{font-size:64px}}
@media screen and (min-width:540px){html{font-size:72px}}
@media screen and (min-width:720px){html{font-size:96px}}
@media screen and (min-width:750px){html{font-size:100px}}

@font-face {
  font-family: "iconfont"; /* Project id 2639030 */
  src: url('iconfont_m.ttf?t=1624948119232') format('truetype');
}

.iconfont {
  font-family: "iconfont" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-xiazhi:before {
  content: "\e67f";
}

.icon-shangzhi:before {
  content: "\e680";
}

.icon-toubu:before {
  content: "\e62e";
}

.icon-zubu:before {
  content: "\e665";
}

.icon-beibu:before {
  content: "\e602";
}

.icon-xiongbu:before {
  content: "\e603";
}

.icon-yueduliang:before {
  content: "\e646";
}

.icon-shucai:before {
  content: "\e6ec";
}

.icon-antdiconhuaban1fuben502:before {
  content: "\e622";
}

.icon-ZXZSK:before {
  content: "\e644";
}

.icon-reliang:before {
  content: "\e645";
}

.icon-zhongyao:before {
  content: "\e68e";
}

.icon-navjijie:before {
  content: "\e664";
}

.icon-weixian:before {
  content: "\e61c";
}

.icon-iconfonticon2:before {
  content: "\e611";
}

.icon-dengdaijieda:before {
  content: "\e934";
}

.icon-liangxing:before {
  content: "\e6de";
}

.icon-gengduo-2:before {
  content: "\e615";
}

.icon-shenghuo:before {
  content: "\e809";
}

.icon-wenzhang:before {
  content: "\e60d";
}

.icon-zhongyike:before {
  content: "\e697";
}

.icon-tuijian:before {
  content: "\e74d";
}

.icon-tubiaozhizuomoban:before {
  content: "\e60c";
}

.icon-sousuo:before {
  content: "\e618";
}

.icon-lanmu:before {
  content: "\e80f";
}

.icon-shouye:before {
  content: "\e8d0";
}

.icon-bofang:before {
  content: "\e681";
}

.icon-xia:before {
  content: "\e641";
}

.icon-wenda:before {
  content: "\e609";
}

.icon-yundong:before {
  content: "\e60b";
}

.icon-yuyin1:before {
  content: "\e62d";
}

.icon-toutiao:before {
  content: "\e632";
}

.icon-een:before {
  content: "\e647";
}

.icon-dingbu1:before {
  content: "\e60a";
}

.icon-yinhao:before {
  content: "\e610";
}

.icon-dingbu:before {
  content: "\e643";
}

.icon-biaoqian:before {
  content: "\e621";
}

.icon-xihuan:before {
  content: "\e660";
}

.icon-een1:before {
  content: "\e601";
}

.icon-renqun:before {
  content: "\e60e";
}

.icon-zixun:before {
  content: "\e657";
}

.icon-yinshibaike:before {
  content: "\e60f";
}

.icon-baike:before {
  content: "\e637";
}

.icon-zuo:before {
  content: "\e600";
}

.icon-yinpin:before {
  content: "\e63f";
}

.icon-huangguan:before {
  content: "\e67d";
}