html,div,ul,dl,dd,p,b,li,h3,h5{margin:0;padding:0;font-weight:normal;font-size:16px;}
html, body { min-width: 320px; margin: 0 auto; height: 100%}
body{margin: 0px auto;font-family:"Microsoft Yahei",'helvetica neue',tahoma,'hiragino sans gb',stheiti,'wenquanyi microhei',sans-serif;color:#555;margin:0;padding:0;background:#eee;text-size-adjust : 100%;}
a{color:#333;text-decoration:none;cursor: pointer;}
li,em,i{list-style:none;}
em,i{font-style:normal;}
input{outline:none;border:none;color:#555;}
video,*{outline:none;border:none;}
input::-webkit-input-placeholder {
        color: #999;
      }
      input::-moz-input-placeholder {
        color: #999;
      }
      input::-ms-input-placeholder {
        color: #999;
      }
img{border:none;image-rendering: -moz-crisp-edges;
  image-rendering: -o-crisp-edges;
  image-rendering: -webkit-optimize-contrast;
  image-rendering: crisp-edges;    
  -ms-interpolation-mode: nearest-neighbor; }
.clear{clear:both;}
/**{touch-action:none;}*/
@media screen and (min-width:1025px) {
  .wrapper { max-width: 750px; margin:0 auto; }
}
.wrapper{ width: 100%; height: auto; overflow: hidden; background: #f3f1f2;position: relative;}
body,button,input,select,textarea {
    font:12px/1.5  "Microsoft YaHei",Helvetica Neue,Helvetica,STHeiTi,Arial,sans-serif; 
}
@media only screen and (min-width: 320px) { html { font-size: 47px; } }
@media only screen and (min-width: 360px) { html { font-size: 53px; } }
@media only screen and (min-width: 375px) { html { font-size: 55px; } }
@media only screen and (min-width: 384px) { html { font-size: 56px; } }
@media only screen and (min-width: 414px) { html { font-size: 60px; } }
@media only screen and (min-width: 480px) { html { font-size: 69px; } }
@media only screen and (min-width: 640px) { html { font-size: 90px; } }
@media only screen and (min-width: 750px) { html { font-size: 100px; } }
@media only screen and (max-width: 319px) { html { font-size: 47px; } }
/*头部*/
.header{ width: 100%; height: .9rem; background: #6889b1; overflow: hidden; position: relative; }
.header_back{ width: .6rem; height: .9rem; background: url(../images/back.png) left center no-repeat; background-size: .22rem .43rem; display: block; position: absolute; left: .2rem; top: 0; z-index: 9; }
.header_back a {display: block;height: 100%;}
.header b{ width: 100%; height: .9rem; line-height: .9rem; text-align: center; color: #fff; font-size: .32rem; display: block; position: absolute; z-index: 5; }
.header h1{ color: #fff; font-size: .32rem; display: inline-block; font-weight: normal;margin: 0 0 0 .2rem;height: 0.9rem; line-height: .9rem; }
.header .header_txt{width: .6rem; height: .9rem; background: url(../images/fdj.png) right no-repeat; background-size: .37rem; position: absolute; right: .2rem; z-index: 9;}
.hot{ width: 100%; height: auto; background: #fff; overflow: hidden; display: flex; justify-content: space-between; flex-wrap: wrap; }
.hot a{ display: block; width: 33%; overflow: hidden; border-right: 1px #eee solid; border-bottom: 1px #eee solid;}
.hot a:nth-child(3n){ border-right: none; }
.hot span{ width: .92rem; height: .92rem; display:block; margin: .2rem auto 0; }
.hot .hot_ico1{ background: url(../images/icon1.png) no-repeat; background-size: .92rem;}
.hot .hot_ico2{ background: url(../images/icon2.png) no-repeat; background-size: .92rem;}
.hot .hot_ico3{ background: url(../images/icon3.png) no-repeat; background-size: .92rem;}
.hot .hot_ico4{ background: url(../images/icon4.png) no-repeat; background-size: .92rem;}
.hot .hot_ico5{ background: url(../images/icon5.png) no-repeat; background-size: .92rem;}
.hot .hot_ico6{ background: url(../images/icon6.png) no-repeat; background-size: .92rem;}
.hot .hot_ico7{ background: url(../images/icon7.png) no-repeat; background-size: .92rem;}
.hot p{ width: 100%; height: .55rem; color: #333; font-size: .26rem; line-height: .55rem; text-align: center; display: block; margin-bottom: .15rem;}
.wrap{ width: 100%; height: auto; overflow: hidden; background: #fff; margin-top: .2rem; }
.wrap_tab { width: 100%; height: .9rem; border-bottom: 1px #eee solid;}
.wrap_tab li { width: 33%; float: left; }
.wrap_tab a { width: 1.3rem; color: #555;  font-size: .28rem; text-align: center; line-height: .9rem; display: block; margin: 0 auto; }
.wrap_tab .wrap_cur { color: #6889b1; border-bottom: 2px #6889b1 solid }
.wrap_cont{ padding: 0 .2rem; height: auto; overflow: hidden; }
.wrap_cont dl{ height: auto; overflow: hidden; border: 1px #eee solid; border-top-left-radius: 7px; border-top-right-radius: 7px; margin-top: .3rem; }
.wrap_cont dt{ padding: .2rem; height: auto; overflow:hidden;  }
.wrap_cont dt a{ width: 100%; display: block; overflow: hidden; }
.wrap_cont dt p{ width: 100%; display: block; color: #333; font-size: .26rem; line-height: .45rem; }
.wrap_cont dt span{ width: 100%; height: .5rem; line-height: .5rem; display: block; text-align: right; color: #9cbab5; font-size: .22rem;position: relative; margin-top: .1rem; }
.wrap_cont dt span a{display: inline; overflow: hidden; color: #9cbab5;}
.wrap_cont dd{ width: 100%; height: .3rem; background: #f3f2f1; padding: .2rem 0; }
.wrap_cont dd a{ width: 49%; float: left; display: block; font-size: .22rem; color: #999; line-height: .3rem;}
.wrap_cont dd a:first-child{ border-right: 1px #ddd solid; }
.wrap_cont dd span{ width: 1.7rem; display: block; margin: 0 auto;}
.wrap_cont .wrap_ico1 em{ width: .31rem; height: .3rem; background: url(../images/ico1.png) no-repeat; display: block; float: left;  background-size: .31rem .28rem; margin-right: .1rem;}
.wrap_cont .wrap_ico2 em{ width: .3rem; height: .3rem; background: url(../images/code.png) no-repeat; display: block; float: left;  background-size: .3rem .3rem;margin-right: .1rem;}
.wrap_cont .wrap_more{ width: 2.1rem; height: .5rem; border:1px #6889b1 solid; border-radius: 5px; margin:.4rem auto .3rem  }
.wrap_cont .wrap_more a{ text-align: center; line-height: .5rem; color: #6889b1; font-size: .22rem; display: block; }
.wrap_cont .wrap_more a .wrap_load{margin-left: .05rem; display: inline-block; border: 1px #6889b1 solid; width: 0.16rem; height: 0.16rem; border-radius: 50%; border-right: 0;border-bottom: 0; animation: loading 1s infinite 0s; animation-timing-function: linear; animation-fill-mode: both; }
@keyframes loading{ from {} to {transform:rotate(360deg);} }
.wrap_cont .wrap_cur2{ background: url(../images/ico1_2.png) no-repeat;  background-size: .31rem .28rem; }

/*底部*/
.foot{ width: 100%; height: 1.4rem; background: #fff; border-top: 1px #eee solid; margin-top: .2rem;text-align: center; }
.foot a{ color:#999;font-size: .24rem;}
.foot ul{ width: 100%; display: flex; justify-content: space-between;}
.foot li{ width: 100%; }
.foot .foot_ico1{ width:.39rem; height: .33rem; display: block; background: url(../images/home1.png) no-repeat; background-size: .39rem .33rem; margin: .1rem auto 0; }
.foot .foot_ico2{ width:.39rem; height: .33rem; display: block; background: url(../images/well1.png) no-repeat; background-size: .39rem .33rem; margin: .1rem auto 0; }
.foot .foot_ico3{ width:.39rem; height: .33rem; display: block; background: url(../images/sort.png) no-repeat; background-size: .39rem .33rem; margin: .1rem auto 0; }
.foot span{ width: 100%; height: .45rem; line-height: .45rem; text-align: center; color: #555; font-size: .22rem; display: block; }
.foot .foot_cur span{ color: #6889b1; }
.foot .foot_cur .foot_ico1{ background: url(../images/home2.png) no-repeat; background-size: .39rem .33rem; margin: .1rem auto 0; }
.foot .foot_cur .foot_ico2{ background: url(../images/well2.png) no-repeat; background-size: .39rem .33rem; margin: .1rem auto 0; }
.foot .foot_cur .foot_ico3{ background: url(../images/sort2.png) no-repeat; background-size: .39rem .33rem; margin: .1rem auto 0; }

/*详情*/
.detail_wrap1{ width: 100%; height: auto; overflow: hidden;position: relative;background: linear-gradient( to right, #9ebbde,#698ab2); }
.dtl_top{ width: 100%; height: 1.7rem; }
.top_back{ width: .7rem; height: .9rem; background: url(../images/back.png) .2rem .2rem no-repeat; background-size: .22rem .43rem; display: block; vertical-align: top; position: absolute; top: 0; z-index: 6;}
.dtl_top b{ width: 100%; height: 0.9rem;  line-height: .8rem;  text-align: center;  color: #fff;  font-size: .32rem;  display: inline-block;  z-index: 5;}
.dtl_nr{ width: 100%; height: auto; overflow: hidden; background: #fff; border-top-left-radius: 7px; border-top-right-radius: 7px; }
.dtl_nr .dtl_cut{ width: 1.4rem; height: 1.9rem; position: absolute; left: 50%; top: 1rem; z-index: 11; margin-left: -.7rem; }
.dtl_cut dt img{ width: 1.4rem; height: 1.4rem; border-radius: 5px; }
.dtl_cut dd{ width: 100%; height: .5rem; line-height: .5rem; overflow: hidden; color: #000; font-size: .32rem; text-align: center; }
.picture{ padding: 0 .2rem; height: auto; overflow: hidden; position: relative; margin-top: 1.5rem; display: none;}
.picture img{ width: 100%; height: auto; border-radius: 7px; }
.pic_even{ width: 1.4rem; height: .5rem; background: rgba(0, 0, 0, 0.3);  position: absolute; top: .2rem; left: .4rem; z-index: 9; border-radius: 15px;}
.pic_even a{ width: .34rem; height: .34rem; display: block; float: left; margin:.08rem 0 0 .25rem  }
.pic_even .refresh{ background: url(../images/picflesh.png) no-repeat; background-size: .34rem;}
.pic_even .close{ background: url(../images/close.png) no-repeat; background-size: .34rem; }
.dtl_text{ padding: 0 .2rem; height: auto; overflow: hidden; margin-top: 1.4rem; }
.dtl_text p{ width: 100%; line-height: .5rem; color: #666; font-size: .28rem;}
.dtl_text span{ width: 100%; height: .4rem;  }
.dtl_text span{ width: 100%; height: .5rem; line-height: .5rem; display: block; text-align: right; color: #9cbab5; font-size: .22rem;position: relative; margin-top: .1rem; }
.dtl_label{ padding: 0 .2rem; height: auto; overflow: hidden; margin-top: .2rem; }
.dtl_text2{ width: 100%; height: .7rem; border-top: 1px #eee solid;}
.dtl_text2 span{ float: left; color: #999; font-size: .22rem; line-height: .7rem; }
.dtl_text2 a{ float: left; color: #999; font-size: .22rem; line-height: .7rem; margin-left: .5rem;  }
.dtl_text2 .dtl_tp{ background: url(../images/img.png) left center no-repeat;  background-size: .35rem .3rem; width: .9rem; text-align: right;}
.dtl_text2 .dtl_code{ background: url(../images/code.png) left center no-repeat;  background-size: .3rem .3rem; width: 1.5rem; text-align: right;}
@media (max-width:370px) { 
  .dtl_code{ width: 1.65rem !important}
}

.dtl_label .dtl_tag{ width: 100%; overflow: hidden; position: relative; margin:.1rem 0 .1rem }
.dtl_label .dtl_tag dt{ float: left; color: #999; font-size: .22rem; line-height: .45rem;  width: .8rem;}
.dtl_label .dtl_tag dd{ margin-left: .7rem; }
.dtl_label .dtl_tag a{ float: left; color: #9ebbde; border:1px #9ebbde solid; border-radius: 5px; font-size: .22rem; line-height: .43rem; height: .43rem; padding: 0 .1rem; margin-right: .2rem; display: inline-block; margin-bottom: .2rem; }
.code_wrap{ width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); position: absolute; z-index: 20; top: 0; left: 0; display: none;}
.code_nr{ width: 90%; height: auto; background: #fff; overflow: hidden; border-radius: 10px; box-sizing: border-box; margin-left: 5%; margin-top: 10%; }
.code_top{ padding: 0 .3rem; height: .7rem; }
.code_top span{ color: #333; font-size: .26rem; line-height: .7rem; float: left; }
.code_top a{ width: .5rem; height: .7rem; float: right; background: url(../images/move.png) right no-repeat; background-size: .36rem; display: block; }
.code_text{ border:1px #eee solid; margin-top: .1rem; width: 90%; margin-left: 5%;}
.code_text .code_tp{ width: 80%; height: auto; margin:.3rem 10% .1rem }
.code_text p{ width: 80%; color: #666; font-size: .26rem; line-height: .4rem; margin-left: 10%; }
.code_text span{ width: 80%; margin: .2rem 0 0 10%; height: .4rem; line-height: .4rem; color: #9cbab5; font-size: .24rem; text-align: right; display: block;  }
.code{ width: 1.2rem; height: 1.2rem; margin:.4rem auto .2rem; display: block;}
.code_txt{ width: 100%; margin: .2rem 0; line-height: .3rem; color: #999; font-size: .22rem; height: .3rem; text-align: center;}
.detail_wrap2{ padding: 0 .2rem; height: auto; overflow: hidden; background: #fff; margin-top: .2rem; }
.title{ width: 100%; height: .8rem; border-bottom: 1px #eee solid; }
.title a{ color: #6889b1; font-size: .28rem; line-height: .8rem; position: relative; text-indent: .2rem; display: block; float: left;}
.title a:before{ width: .05rem; height: .3rem; background: #9ebbde; position: absolute; left: 0; top: .27rem;  content: ""; border-radius: 7px;}
.title span{ float: right; font-size: .24rem; color: #999; line-height: .8rem; background: url(../images/sx.png) left center no-repeat; background-size: .25rem; text-indent: .35rem; }
.dtl_cont2{ width: 100%; height: auto; overflow: hidden; margin: .3rem 0 .2rem; }
.dtl_cont2 dl{ width: 50%; float: left; }
.dtl_cont2 img{ width: 1.8rem; height: 1.8rem; margin:0 auto; display: block; }
.dtl_cont2 p{ width: 100%; height: .4rem; line-height: .4rem; color: #699b94; font-size: .24rem; text-align: center; display: block; margin-top: .1rem;}
.dtl_cont2 dd a{ width: 100%; height: .4rem; overflow: hidden; line-height: .4rem; color: #999; font-size: .22rem; text-align: center; display: block; }
.detail_wrap2 li{ width: 100%; border-bottom: 1px #eee dashed; padding: .2rem 0; display: block; overflow: hidden; position: relative;}
.detail_wrap2 li em{ width: .1rem; height: .1rem; border: 1px #9ebbde solid; content: ""; border-radius: 50%; position: absolute; left: 0; top: .35rem; display: block;}
.detail_wrap2 li a{ width: 100%; font-size: .26rem; color: #333; line-height: .45rem; float: left; margin-left: .2rem; word-break: keep-all; white-space: normal;}
.dtl_more{ width: 100%; height: .5rem; margin: .1rem 0 .15rem; }
.dtl_more a{ width: 2rem; height: .5rem; margin: 0 auto; display: block; text-align: center; color: #6889b1; font-size: .24rem; line-height: .5rem; position: relative; }
.dtl_more a:before{ width: 0; height: 0; border-top: .1rem solid #9ebbde; border-left: .1rem solid transparent; border-right: .1rem solid transparent; position: absolute; right: .4rem; top: .2rem;  content: ""; }
.dtl_more2{ width: 100%; height: .5rem; margin: .1rem 0 .15rem; }
.dtl_more2 a{ width: 2rem; height: .5rem; margin: 0 auto; display: block; text-align: center; color: #6889b1; font-size: .24rem; line-height: .5rem; position: relative; }
.dtl_more2 a:before{ width: 0; height: 0; border-left: .1rem solid #9ebbde; border-top: .1rem solid transparent; border-bottom: .1rem solid transparent; position: absolute; right: .5rem; top: .15rem;  content: ""; }
.wrap_top{ width: 100%; height:.8rem; border-bottom: 1px #eee solid; background: #fff; }
.wrap_top li{ width: 50%; height: .8rem; float: left; overflow: hidden;}
.wrap_top li a{ color: #555; font-size: .28rem; line-height: .8rem; text-align: center; display: block; }
.wrap_top .wrap_tcur a{ color: #6889b1 !important;}
.wrap_nr{ padding: 0 .2rem; height: auto; overflow: hidden; background: #fff; padding-bottom: .25rem; }
.wrap_nr span{ width: 2.2rem; height: 2.2rem; margin: .3rem auto 0; display: block; border: 1px #eee solid;}
.wrap_nr img{ width: 2.1rem; height: 2.1rem; padding: .05rem; display: block; object-fit:cover}
.wrap_nr p{ width: 100%; height: auto; color: #555; font-size: .24rem; line-height: .45rem; margin-top: .2rem;}
.wrap_nr2{  padding: 0 .2rem; height: auto; overflow: hidden; background: #fff; padding-bottom: .3rem;}
.wrap_nr2 dl{ width: 100%; position: relative; margin-top: .2rem; }
.wrap_nr2 dt{ width: 1.8rem; height: 1.8rem; position: absolute; left: 0; top: 0; z-index: 9; border: 1px #eee solid; display: block;}
.wrap_nr2 dt img{ width: 1.7rem; height: 1.7rem; padding: .05rem; overflow: hidden;}
.wrap_nr2 dd{ margin-left: 2.1rem; height: 1.8rem; }
.wrap_nr2 dd p{ width: 100%; line-height: .45rem; font-size: .24rem; color: #666; height: 1.8rem; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; }
.wrap_txt{ width: 100%; height: auto; overflow: hidden; margin-top: .3rem; border-top: 1px #eee dashed;}
.wrap_txt b{ width: 100%; color: #333; font-size: .24rem; line-height: .5rem; height: .5rem; display: block; margin-top: .2rem; }   
.wrap_txt p{ width: 100%; color: #999; font-size: .22rem; line-height: .35rem;  }  

/*分类大全*/
.sort_wrap{ padding: 0 .2rem .3rem; height: auto; background: #fff; overflow: hidden; margin-top: .2rem; }
.sort_text1{ width: 100%; height: auto; overflow: hidden; margin-top: .2rem; }
.sort_text1 li{ width: 48%; height: 1.55rem; float: left; border-radius: 7px; position: relative; background: #edeefd; }
.sort_text1 li:nth-child(2){ float: right; background: #fceceb; }
.sort_text1 li b{ margin-right: 1.5rem; display: block; height: 1.55rem; margin-left: .2rem; }
.sort_text1 li p{ width: 100%; height: .6rem; line-height: .6rem; color: #333; font-size: .28rem; display: block; margin-top: .25rem; }
.sort_text1 li span{ width: 100%; height: .4rem; line-height: .4rem; color: #556184; font-size: .24rem;display: block; }
.sort_text1 li img{ position: absolute; right: .2rem; z-index: 9; width: 1.12rem; height: 1.36rem; top: .1rem;object-fit: cover; }
.sort_text2{ width: 100%; height: auto; overflow: hidden; margin-top: .2rem; display: flex; justify-content: space-between; }
.sort_text2 li{ width: 100%; border-radius: 7px; background:#fbf7ee; height: 1.3rem; margin-left: .2rem;}
.sort_text2 li:first-child{ margin-left: 0; background: #fbf7ee url(../images/fl1.png) 90% bottom no-repeat; background-size: .65rem .75rem; }
.sort_text2 li:nth-child(2){ background: #fbf7ee url(../images/fl2.png) 92% bottom no-repeat; background-size: .69rem .75rem; }
.sort_text2 li:nth-child(3){ background: #fbf7ee url(../images/fl3.png) 93% bottom no-repeat; background-size: .69rem .75rem; }
.sort_text2 li b{ width: 100%; height: .5rem; line-height: .5rem; font-size: .28rem; color: #333; text-indent: .2rem; display: block; margin-top: .2rem;}
.sort_text2 li p{ width: 100%; height: .4rem; line-height: .4rem; font-size: .24rem; color: #978a78; text-indent: .2rem;  }
.sort_fl{ width: 100%; height: auto; overflow: hidden; display: flex; justify-content: flex-start; flex-wrap: wrap;}
.sort_fl li{ width: 30%; height: .55rem; border:1px #eee solid; border-radius: 7px; margin-right: .26rem; margin-top: .2rem;}
.sort_fl li:nth-child(3n){ margin-right: 0; }
.sort_fl a{ width: 100%; overflow: hidden; line-height: .55rem; color: #666; font-size: .24rem; text-align: center; display: block; }

/*经典名句*/
.column{ padding: 0 .2rem; border-bottom: 1px #ddd solid; height: .8rem; }
.column ul{ width: 100%; height: .8rem; }
.column li a{ color: #555; font-size: .26rem; line-height: .8rem; text-align: center; display: block;overflow: hidden; }
.column_cur a{ color: #6889b1 !important; border-bottom: 1px #6889b1 solid; }
.column_sm{ padding: 0 .2rem; height: auto; overflow: hidden; }
.column_sm p{ padding: .2rem; height: auto; display: block; background: #eff6ff; color: #666; font-size: .24rem; line-height: .45rem; }
.column_sm span{ color: #333; }
.column_wrap{ padding: 0 .2rem; height: auto; overflow: hidden; background: #fff; margin-top: .2rem; position: relative; }
.column_wrap ul{ width: 100%; height: auto; overflow: hidden; display: flex; justify-content: space-between; flex-wrap: wrap; }
.column_wrap li{ width: 30%; height: auto; overflow: hidden; margin-right: .2rem; margin-top: .25rem; }
.column_wrap li:nth-child(3n){ margin-right: 0; }
.column_nr1 span{ width: 98%; height: auto; border:1px #eee solid; display: block; overflow: hidden;}
.column_nr1 img{ width: 2rem; height: 2rem; display: block; overflow: hidden; }
.column_wrap li p{ width: 100%; height: .4rem; line-height: .4rem; color: #555; font-size: .24rem; display: block; text-align:center;overflow: hidden; margin-top: .1rem;}
.column_more{ width: 100%; height: .45rem; border: 1px #6889b1 solid; border-radius: .3rem; margin:.4rem 0 .3rem  }
.column_more a{ text-align: center; display: block; line-height: .45rem; color: #6889b1; font-size: .24rem; }
.screen{ width: 1.5rem; height: auto; background: #eff6ff; position: absolute; right: .2rem; top: .81rem; z-index: 9; display: none; }
.screen p{ width: 100%; height: .7rem; line-height: .7rem; color: #6889b1; font-size: .24rem; text-align: center; display: block;  border-bottom: 1px #cedced solid;}
.column_nr2 span{ width: 98%; height: auto; border:1px #eee solid; display: block; overflow: hidden; }
.column_nr2 img{ width: 1.4rem; height: 1.9rem; margin:.1rem auto; display: block; }
.colunm_text{ width: 100%; height: auto; overflow: hidden; margin-top: .4rem; border-top: 1px #eee dashed; display: flex; justify-content: space-between; flex-wrap: wrap; }
.colunm_text a{ width: 45%; height: .55rem; border:1px #eee solid; color: #9cbab5; line-height: .55rem; text-align: center; display: block; border-radius: 7px; margin-top: .2rem; font-size: .24rem; padding: 0 .1rem; overflow: hidden;}
.column_wrap2{ width: 100%; height: auto; overflow: hidden; background: #fff; margin-top: .2rem; position: relative; }

/*名人名言*/
.celebrity_wrap{ padding-left: .1rem;height: auto; overflow: hidden; background: #fff; margin-top: .2rem; }
.celebrity_wrap dl{ width: 100%; height: auto; overflow: hidden;  margin: .2rem 0 .4rem;}
.celebrity_wrap dt{ width: 100%; height: .5rem; line-height: .5rem; color: #333; font-size: .26rem; position: relative; display: block; text-indent: .15rem; margin-left: .1rem;}
.celebrity_wrap dt:before{ width: .05rem; height: .3rem; background: #9ebbde; position: absolute; left: 0; top: .1rem;  content: ""; border-radius: 7px;}
.celebrity_wrap dd{ width: 100%; height: auto; overflow: hidden; }
.celebrity_wrap dd a{ padding: 0 .15rem; height: .4rem; border: 1px #9ebbde solid; border-radius: 7px; color: #9ebbde; font-size: .24rem; text-align: center; line-height: .4rem; float: left; margin: .2rem .12rem 0}
.celebrity_text{ width: 100%; height: auto; overflow: hidden; margin-top: .3rem; border-top: 1px #eee dashed; display: flex; justify-content: space-between; flex-wrap: wrap; padding-bottom: .3rem;}
.celebrity_text a{ width: 27%; height: .55rem; border:1px #eee solid; color: #9cbab5; line-height: .55rem; text-align: center; display: block; border-radius: 7px; margin-top: .25rem; font-size: .24rem; padding: 0 .1rem; overflow: hidden;}
.cty_list{ padding: 0 .2rem; height: auto; overflow: hidden; margin-top: .1rem; }
.cty_list a{ width: 100%; height: auto; display: block;margin-top: .2rem; padding-bottom: .15rem; }
.cty_list dl{ padding: .3rem .3rem .2rem; background: #fff; border-radius: 10px;  box-shadow: 0 .07rem .07rem rgba(0, 0, 0, 0.1);}
.cty_list dt{ width: 100%; height: auto; border-bottom: 1px #eee dashed; padding-bottom: .3rem; position: relative; overflow: hidden;}
.cty_list dt span{ width: 1.8rem; height: 1.8rem; position: absolute; z-index: 9; display: block; border:1px #ddd solid; }
.cty_list dt img{ width: 1.7rem; height: 1.7rem; padding: .05rem; display: block;object-fit: cover;}
.cty_list dt b{ margin-left: 2.2rem; height: 1.8rem; float: left; }
.cty_list dt p{ width: 100%; height: .6rem; line-height: .6rem; color: #333; font-size: .28rem; display: block; margin-top: .2rem; overflow: hidden;}
.cty_list dt em{ width: 100%; height: .5rem; line-height: .5rem; color: #999; font-size: .24rem; display: block; position: relative; margin-top: .3rem; text-indent: .3rem;}
.cty_list dt em:before{ width: .17rem; height: .12rem; background:url(../images/ico2.png) no-repeat; position: absolute; left: 0; top: .19rem; content: ""; background-size: .17rem .12rem;}
.cty_list dd p{ margin-top: .1rem; color: #555; font-size: .26rem; line-height: .5rem; height: 1.5rem; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 3;    -webkit-box-orient: vertical; }

/*搜索*/
.search_box{ display: flex; flex-direction: column; height: 100vh; }
.search_wrap{ padding: 0 .2rem; height: 100%; overflow: hidden; background: #fff; padding-bottom: .3rem; flex: 1; }
.search{ width: 100%; height: .6rem; margin-top: .3rem; position: relative;}
.search dt{ margin-right: 1rem; height: .55rem; border:1px #eee solid; border-radius: 7px; position: relative;}
.search em{ width: .5rem; height: .55rem; background: url(../images/fdj2.png) right center no-repeat; background-size: .29rem .32rem; display: block; position: absolute; left: 0; top: 0; z-index: 9;}
.sch_txt{ margin-left: .7rem; height: .55rem; border: none; background: none; outline:none; color: #999; font-size: .24rem; line-height: .55rem;}
.search dd{ width: .8rem; height: .6rem; position:absolute; right: 0; z-index: 9; top: 0;}
.sch_btn{ width: 100%; height: .55rem; color: #999; font-size: .28rem; line-height: .55rem; border: none; background: none; text-align: right;}
.search_nr{ width: 100%; height: auto; overflow: hidden; margin-top: .5rem; }
.sch_title{ width: 100%; height: .6rem; }
.sch_title span{ float: left; line-height: .6rem; width: 50%; display: block; color: #333; font-size: .28rem; font-weight: bold;}
.sch_title a{ float: right; line-height: .6rem; color: #333; font-size: .24rem; display: block; background: url(../images/del.png) left center no-repeat; background-size: .3rem; text-indent: .4rem; }
.search_text{ width: 100%; height: auto; overflow: hidden; }
.search_text li{ float: left; height: .55rem; line-height: .55rem; padding: 0 .2rem; border-radius: .1rem; margin:.2rem .1rem 0; background: #eff6ff;}
.search_text li a{ color: #666; font-size: .26rem; }
.search_cont{ width: 100%; height: auto; overflow: hidden; background: #fff; }
.search_result{ width: 100%; height: auto; overflow: hidden; }
.search_result a{ width: 100%; height: auto; display: block; margin-top: .2rem; overflow: hidden; border-bottom: 1px #eee solid; padding-bottom: .3rem; }
.search_result dl{ padding: .2rem .3rem 0; }
.search_result dt{ width: 100%; height: auto; border-bottom: 1px #eee dashed; padding-bottom: .3rem; position: relative; overflow: hidden;}
.search_result dt span{ width: 1.8rem; height: 1.8rem; position: absolute; z-index: 9; display: block; border:1px #ddd solid; }
.search_result dt img{ width: 1.7rem; height: 1.7rem; padding: .05rem; display: block;}
.search_result dt b{ margin-left: 2.2rem; height: 1.8rem; float: left; }
.search_result .sch_txt2{ width: 100%; height: .6rem; line-height: .6rem; color: #333; font-size: .28rem; display: block; margin-top: .1rem; }
.search_result .sch_txt2 i{ color: #999; font-size: .24rem; }
.search_result .sch_txt3{ line-height: .4rem; color: #9cbab5; font-size: .24rem; }
.search_result dt em{ width: 100%; height: .5rem; line-height: .5rem; color: #999; font-size: .24rem; display: block; position: relative; margin-top: .2rem; text-indent: .3rem;}
.search_result dt em:before{ width: .17rem; height: .12rem; background:url(../images/ico2.png) no-repeat; position: absolute; left: 0; top: .19rem; content: ""; background-size: .17rem .12rem;}
.search_result dd p{ margin-top: .15rem; color: #555; font-size: .26rem; line-height: .5rem; height: 1.5rem; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 3;    -webkit-box-orient: vertical; }
.sch_result{ padding-left:.2rem;height: auto; overflow: hidden; margin: .15rem 0 .25rem;}
.sch_result span{ float: left; color: #999; line-height: .6rem; }
.sch_result a{ float:left; color: #333; font-size: .26rem; line-height: .6rem; margin-right:.1rem;}

.layui-flow-more,.layui-flow-more a cite{font-size: .26rem; color:#999 !important;text-align: center;margin: .1rem 0;background-color: unset !important;padding: 0 !important;}
.wrap_tab a,.wrap_tab a:hover,.wrap_tab a:active,.wrap_tab a.visited,.wrap_tab a:link,.wrap_tab a:focus{-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color: transparent;outline:none;background: none;text-decoration: none;}

.search_result{ width: 100%; height: auto; overflow: hidden; }
.search_result a{ width: 100%; height: auto; display: block; margin-top: .2rem; overflow: hidden; border-bottom: 1px #eee solid; padding-bottom: .3rem; }
.search_result ul{ padding: .2rem .3rem 0; }
.search_result li{ width: 100%; height: 1.9rem; position: relative; overflow: hidden;}
.search_result li span{ width: 1.8rem; height: 1.8rem; position: absolute; z-index: 9; display: block; border:1px #ddd solid; }
.search_result li img{ width: 1.7rem; height: 1.7rem; padding: .05rem; display: block;}
.search_result li b{ margin-left: 2.2rem; height: 1.8rem; float: left; }

.search_result .sch_txt4{ width: 100%; height: .6rem; color: #333; font-size: .24rem; display: block; margin-top:0;margin-bottom: 0.1rem; }
.search_result .sch_txt4 i{ color: #999; font-size: .24rem; }
.search_result .sch_txt5{ color: #999; font-size: .16rem; text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display: -webkit-box;  -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical;}

.search_result .qmtag{margin-top:.1rem;}
.search_result .qmtag em{margin-right:.15rem; font-size: .14rem; color: #999;}
.search_result .qmtag i{margin-right: 0.08rem;}
.search_result .qmtag .red{color: red;}

.wrap_nr3{ padding: 0 .2rem; height: auto; overflow: hidden; background: #fff; padding-bottom: .25rem; }
.wrap_nr3 span{ width: 2.2rem; height: 2.2rem; margin: .3rem auto 0; display: block; border: 1px #eee solid;}
.wrap_nr3 p{ width: 100%; height: auto; color: #555; font-size: .24rem; line-height: .45rem; margin-top: .2rem;}
.wrap_nr3 img{margin:0 auto;display: block;max-width: 75%}

.article-header {margin-bottom: .2rem;padding: .2rem 0;border-bottom: 1px solid #eee;text-align: center;}
.article-title {margin-top: 0;font-size: .28rem;line-height: .4rem;}
.article-meta {font-size: .14rem;color: #999;margin-top: .12rem;}
.article-meta .item {margin-right: .2rem;}
.article-content p {margin-bottom: .2rem;word-wrap: break-word;}
.article-content img {margin: .05px auto;display: block;max-width: 100%;height: auto;}
.article-content h1 {font-size: .24rem;}

.arcpage {margin-top: .15rem;}
.arcpage li{padding:.1rem .2rem; font-size: .24rem; background: #ddeaf9; border-radius: .1rem; margin-bottom: .2rem;overflow: hidden;height: 0.28rem; white-space: nowrap; text-overflow:ellipsis}
.arcpage li b{font-size: .24rem; color: #4998f7}
.arcpage li a{font-size: .24rem;}

.search_cont .list-nav{width: auto; padding: 0 .1rem; border-bottom: 1px solid #eee;}
.search_cont .list-nav li{display: inline-block; padding: .1rem .1rem; margin: .1rem 0;border-radius: .1rem;}
.search_cont .list-nav li a{color: #999;}
.search_cont .list-nav .active{background-color: #6889B1;}
.search_cont .list-nav .active a{color: #fff;}