.grap_top_nav {
  display: flex;
  align-items: center;
  height: 6.4375rem;
  background: rgba(255, 255, 255, 1);
  margin: 0.0625rem auto;
  padding: 0 0.9375rem;
  box-sizing: border-box;
}

.topnav {
  width: 3rem;

}

.grap_top_nav .topnav:nth-child(2) {
  margin: 0 4.25rem;
}

.topnav img {
  width: 2.75rem;
  height: 2.75rem;
}

.topnav a span {
  font-size: 0.8125rem;
  line-height: 0.75rem;
  display: block;
  text-align: center;
  width: 3rem;
  height: 1rem;
  overflow: hidden;
  margin-top: 0.4375rem;
}
.grap_top_nav-flex{
  padding: 0 1.75rem;
}
.grap_top_nav-flex .topnav{
  width: 3.75rem;
}

.grap_top_nav-flex .topnav img{
  display: block;
  margin: 0 auto;
}
.grap_top_nav-flex .topnav a span{
  width: 3.25rem;
}
@media screen  and (max-width: 320px) {
  .grap_top_nav-flex .topnav{
    width: 4rem;
  }
  .grap_top_nav-flex .topnav a span{
    width: 4rem;
  }
  .grap_top_nav .topnav:nth-child(2){
    margin: 0 3.2rem;
  }
}
.grap_content_li {
  width: 9.25rem;
  font-size: 0.875rem;
  line-height: 0.875rem;
  text-align: center;
  margin-bottom: 0.875rem;
}

.grap_content_li .grap_li_img {
  width: 9.25rem;
  height: 9.25rem;
  display: flex;
  justify-content: center;
  align-self: center;
}

.grap_content_li .grap_li_img img {
  max-width: 100%;
  max-height: 100%;
  border-radius: 0.75rem;
  display: block;
  align-self: center;
}

.grap_content_li p.grap_atitle {
  margin-top: 0.625rem;
  margin-bottom: 0.5rem;
}

.grap_content_li a {
  color: #222222;
}
.grap_content_li .new_img_w {
  height: 13.8125rem;
}

.add_icon_search {
  margin-top: 0;
}

.add_icon-title {
  padding: 0.75rem 0;
  padding-bottom: 0;
}

.add_grap_top_nav {
  padding: 0 1.25rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.addtopnav {
  width: 3rem;
}

.addtopnav img {
  width: 2.75rem;
}

.addtopnav span {
  font-size: 0.8125rem;
  line-height: 0.75rem;
  display: block;
  text-align: center;
  width: 2.75rem;
  height: 1rem;
  overflow: hidden;
  margin-top: 0.4375rem;
}

.calligraphy_tab {
  height: 2.5rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 2.5rem;
  line-height: 2.1875rem;
}

.calligraphy_tab .calligraphy_tab_item a {
  display: block;
  font-size: 0.875rem;
  color: #A6A8AB;
}

.calligraphy_tab .calligraphy_tab_item a.onfoucs_a::after {
  content: "";
  display: block;
  width: 1.25rem;
  height: 0.125rem;
  background-color: #0C8AFD;
  margin: 0 auto;
  margin-top: -0.1875rem;
}

.calligraphy_tab .calligraphy_tab_item a.onfoucs_a {
  color: #222222;
}

.grap_item_title .pages_span {
  color: #999999;
  font-size: 0.75rem;
  line-height: 0.75rem;
}

.grap_item_title .pages_span i {
  font-size: 0.875rem;
  color: #222222;
}


.celebrity_img {
  padding-right: 1rem;
  width: 4.375rem;
  height: 6.25rem;
  display: flex;
  justify-content: center;
  align-items: center;
}

.celebrity_img img {
  display: block;
  max-width: 100%;
  max-height: 100%;
}

.grap_item_celebrity {
  padding: 0 1.25rem;
}

.celebrity {
  font-size: 0.875rem;
  color: #000000;
  line-height: 1.1875rem;
}

.celebrity_title {
  margin-bottom: 0.375rem;
}

.celebrity_title a {
  font-size: 1rem;
  color: #0C8AFD;
}

.col99 {
  color: #999999;
}

.celebrity_book {
  width: 19.4375rem;
  margin: 0.75rem auto 0 auto;
  padding: 0.75rem 0;
  font-size: 0.8125rem;
  border-top: 0.0625rem dashed #CCCCCC;
}

.A_Zfixed {
  width: 0.6875rem;
  position: fixed;
  right: 0.5rem;
  top: 8.25rem;
  text-align: center;
}

.A_Zfixed ul li {
  font-size: 0.6875rem;
  color: #999999;
  padding-bottom: 0.0625rem;
}

.grap-content_banner {
  height: 10.3125rem;
  margin: 0.75rem auto;
  background-color: #fff;
  padding-left: 0.9375rem;
  padding-right: 0.9375rem;
}

.swiper-container {
  width: 100%;
  height: 100%;
}

.grap-banner_img .swiper-wrapper a {
  height: 7.875rem;
  display: flex;
  justify-content: center;
  align-items: center;
}

.grap-banner_img .swiper-wrapper img {
  border-radius: 0.75rem 0.75rem 0 0;
  max-width: 100%;
  height: 100%;
  display: block;
}

.banner_img {
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0.75rem 1.25rem 0.875rem 1.25rem;
}

.banner_img .left_imgs {
  display: flex;
  align-items: center;
  font-size: 0.875rem;
  color: #222222;
  line-height: 1.125rem;
  height: 1.125rem;
  overflow: hidden;
}

.banner_img .left_imgs img {
  margin-right: 0.4375rem;
}

.grap-content_banner .banner_img .swiper-pagination {
  position: relative;
  width: 3.125rem;
  bottom: 0;
  color: #999999;
  font-size: 0.75rem;
  text-align: right;
}

.banner_img .swiper-pagination .swiper-pagination-current {
  color: #222222;
}
.page_right{
  /*flex: 1;*/
}

.swiper-pagination-total {
  color: #999999;
  font-size: 0.75rem;
}

.grap_contnet_smitem {
  overflow: hidden;
  margin-bottom: 0.75rem;
  background-color: #ffffff;
  margin: 0 auto 0.75rem auto;
  padding-bottom: 0.4375rem;
}

.grap-article_title {
  padding: 0 0.9375rem;
  color: #222222;
  font-size: 1rem;
  font-weight: bold;
  margin-top: 1.125rem;
  margin-bottom: 0.625rem;
}

.grap-article_summary {
  padding: 0 0.9375rem;
  padding-bottom: 0.625rem;
}

.grap-article_summary p {
  font-size: 0.875rem;
  line-height: 1.25rem;
  color: #222222;
  text-indent: 2em;
}

.font-img_item {
  /* margin-top: 12px; */
}

.font-img_title {
  padding: 0 0.9375rem;
  font-size: 1rem;
  margin: 1.25rem 0;
  color: #222222;
  font-weight: bold;
  margin-bottom: 0;
}


.font-img {
  width: 18.0625rem;
  height: 19.4375rem;
  display: flex;
  justify-content: center;
  align-items: center;
  margin:0 auto;
}

.font-img img {
  display: block;
  max-width: 100%;
  max-height: 100%;
}
.font-img_text{
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 1.125rem;
  margin-bottom: 0.625rem;
}
.font-img_text p a{
  font-size: 0.875rem;
  color: #222222;
  letter-spacing: 0.125rem;
  font-weight: bold;
}
.font-img_text img{
  width: 1.125rem;
  height: 1rem;
  display: block;
}
.person_box{
  padding: 0.5rem 0;
  border-top: 0.0625rem dashed #DDDDDD;
}
.person_name_title a{
  font-size: 0.875rem;
  color: #222222;
  letter-spacing: 0.125rem;
}
.person_name_title{
  color: #666666;
  font-size: 0.5rem;
}
.person_name_title .span_c{
  color: #666666;
  font-size: 0.5rem;
}
.person_name_summary{
  font-size: 0.875rem;
  line-height: 1.25rem;
  color: #222222;
  margin-top: 0.5rem;
}
.grap-zi_box_header{
 display: flex; 
}
.grap-zi_box_header .grap_left{
  width: 5.0625rem;
  height: 5rem;
  display: flex;
  justify-content: center;
  align-items: center;
  background: url(../images/tianzi.png) no-repeat;
  background-size: 100%;
}
#speak_txt{
  display: block;
  font-size: 3.4375rem;
  color: #222222;
}
.grap_right{
  width: 14.375rem;
  padding-left: 0.75rem;
}
.grap_table{
  width: 100%;
}
.grap_table tr td{
  padding-bottom: 0.625rem;
  font-size: 0.875rem;
}
.grap_table tr td:nth-child(even){
  color: #222222;
}
.grap_table tr td:nth-child(odd){
  color: #999999;
}
.grap_table  td .icon_ad{
  display: inline-block;
  width: 0.6875rem;
  height: 0.6875rem;
  background: url(../images/icon-ad.png) no-repeat;
  background-size: 100%;
  margin-left: 0.75rem;
}
.grap-zi_box_item{
  overflow: hidden;
  margin-top: 0.25rem;
}
.grap-zi_box_item p{
  font-size: 0.875rem;
}
.grap-zi_box_item p.zi_box_summary{
  line-height: 1.25rem;
  margin-top: 0.5rem;
  margin-bottom: 0.875rem;
}
.grap-zi_box_item p.zi_box_summary a{
  margin-left: 0.625rem;
}
.bule_color{
  color: #0085FF;
}
.collegetext_box{
  display: flex;

}
.collegetext_left{
  width: 5rem;
  height: 5rem;
  margin-right: 1.375rem;
}
.collegetext_left a{
  display: flex;
  justify-content: center;
  align-items: center;
}
.collegetext_left img{
  width: 5rem;
  height: 5rem;
}
.collegetext_right a{
  font-size: 0.875rem;
  color: #222222;
  line-height: 1.25rem;
  overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	/* autoprefixer: off */
	-webkit-box-orient: vertical;
	autoprefixer: on;
	-webkit-line-clamp: 3;
}
.collegetext-img{
  width: 3.6875rem;
  height: 3.6875rem;
  margin-right: 1.6875rem;
  margin-bottom: 0.8125rem;
}
.collegetext-img a{
  display: flex;
  justify-content: center;
  align-items: center;
}
.collegetext-img a img{
  display: block;
  max-width: 100%;
  max-height: 100%;
}
.collegetext_box .collegetext-img:last-child{
  margin-right: 0;
}
.grap-banner_img .add_imgheight{
    height: 7.875rem;
}
.left_imgs .slip_p{
  height: 1.125rem;
  line-height: 1.125rem;
  overflow: hidden;
}

.line5_height{
  height: 8.1875rem;
  overflow: hidden;
}

/* crumbs */
.comm-crumbs {
  display: flex;
  overflow: hidden;
  color: #cccccc;
  font-size: 0.75rem;
  padding: 0 0.9375rem;
  margin-bottom: 0.9375rem;
}

.comm-crumbs span {
  display: inline-block;
  float: left;
  width: 0;
  height: 0;
  margin-top: 0.3125rem;
  border-width: 0.3125rem;
  border-style: solid;
  border-color: transparent transparent transparent#0085FF;
}

.comm-crumbs a {
  display: inline-block;
  margin: 0 0.375rem;
  color: #8A8A8D;
  font-size: 0.875rem;
  white-space:nowrap;
}

.comm-crumbs .text-hide {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.comm-crumbs a:hover {
  color: #0085FF;
}

.comm-crumbs div {
  color: #8A8A8D;
}
/* crumbs */