/* 初始化 */
*, *:before, *:after{box-sizing: border-box;padding:0;margin:0;}
html,body {color:#000;min-width:320px;line-height:1.5;font-family:微软雅黑;font-size:16px; image-rendering: -webkit-optimize-contrast;background-color: #f0f0f0;--mainColor:#d8000f;--mainWidth:1020px;min-width:var(--mainWidth)}
ol,ul,li{list-style-type:none;}
b{font-weight:normal}
img{vertical-align:middle;border:0;}  
h1,h2,h3,h4,h5,h6 {font-size:inherit;font-weight:normal;} 
a {color:#000;text-decoration:none;}
:root{--swiper-theme-color:var(--mainColor);}
:focus{outline: -webkit-focus-ring-color auto 0px;;}

body.index{background-color: #fff;}
.head{height:86px;background-color:#FCE4D6;color:#000;}
.head a{color:#000;}
.head_main{width:var(--mainWidth);margin: auto;display: flex;justify-content: space-between;align-items: center;height: 100%;}
.logo img{height: 40px;;}
.nav_btn{display: none;}
/* .head .user a:not(:last-child)::after{content:"|";margin:0 .5em;} */
.head .user p span{margin:0 .5em;}
.head .user{display: flex;align-items: center;}
.head .user p{margin-right:1em;}
.head .user img{height:60px;}
.nav{box-shadow: 0px 0px 6px #cacaca;background-color: #fff;top:0;left:0;position: relative;width:100%;}
.nav.navfix{position: fixed;z-index:20;}
.nav_main{width:var(--mainWidth);margin: auto;display: flex;justify-content: space-between;align-items: center;}
.nav_main ul{padding-left:1em;}
.nav_main ul{display: flex;width: calc( 100% - 44px - 2em );justify-content: space-between;}
/* .nav_main ul li a{border-right: 1px solid #000;text-align: center;} */
.nav_main ul li{display: inline-block;padding:.65em 0;font-size: 18px;position: relative;z-index:10;}
.nav_main ul li.text{position: relative;}
.nav_main ul li.text::before{content:"";width:calc( 100% + 2em - 3px );height:100%;position: absolute;top:0;left:calc( -1em + 2px );background-color: #F5F5F5;z-index:-1;display: none;}
.nav_main ul li.text:hover::before{display: block;}
.nav_main ul li.active a{color:var(--mainColor);}
.sub_nav{position: absolute;;background-color: #F5F5F5;z-index:2;top:calc( 100% );display: none;}
.sub_nav dl{width:var(--mainWidth);margin: auto;display: flex;flex-wrap: wrap;line-height: 2;font-size:16px;padding:.8em 0;}
.sub_nav dl dd{padding:0.2em 1em;display:inline-block;}
.sub_nav dl dd a:hover{color:var(--mainColor);}
.nav_main ul li:hover .sub_nav{display: block;}
.nav_main ul li:hover .sub_nav a{color:#000;}
.nav_main ul li:hover .sub_nav a:hover{color:var(--mainColor);}
.search img{height: 28px;}
.main{width:var(--mainWidth);margin: auto;padding:37px 10px 20px;min-height:calc( 100vh - 86px - 50px - 302px ); overflow: hidden;}
.main_flex{display: flex;justify-content: space-between;}
.foot{font-size:12px;background-color:#3d3b39;color:#fff;line-height: 2;padding: 20px 0;}
.foot a{color:#fff;}
.foot_main{width:var(--mainWidth);display: flex;margin:auto;justify-content: space-between;}
.foot_logo img{height:40px;margin-top:22px;}
.ad_w img{width:100%;}
.ad_1000{width:var(--mainWidth);margin:auto;}
.ad_1000 img{width:100%;height:90px;object-fit: cover;}
.float_qrcode{width:114px;background:#fff;position: fixed;bottom:270px;right:calc( 50% - 510px );z-index:10;box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.1);border-radius: 4px;text-align: center;font-size:12px;}
.float_qrcode img{width:90px;margin:15px 0;}
.float_qrcode p{padding:9px;border-top: 1px solid #E6E6E6;color:#666666;}
.float_qrcode a{content: '×';position: absolute;right:5px;top:2px;z-index: 1;color:#666;}
.mask_bg{width: 100%;height: 100%;position: fixed;top: 0;left: 0;background: rgba(0, 0, 0, 0.5);z-index: 2;display: none;}
.main_bg{background-color: #fff;padding:20px 40px;}

/* 首页框架 */
.box_L{width:670px; padding-right:18px;border-right:2px solid var(--mainColor);}
.box_R{width:310px; }
.box_R_item{margin-bottom:15px;font-size: 14px;padding-bottom:15px;}
.box_R_item.line{border-bottom: 1px solid #9a9999;}

/* 焦点图 */
.focus{width:100%;border-bottom:1px solid #ccc;}
.focus.swiper{z-index:0;}
.focus .swiper-slide{height: 100%;}
.focus_img{height: 365px;}
.focus_img img{width:100%;height: 100%;object-fit: cover;}
.focus_text{padding:20px 10px;}
.focus_text h5{font-size: 22px;height:3em;margin-bottom:.5em;font-weight: bold;overflow: hidden; text-overflow: ellipsis; display: -webkit-box;-webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.focus_text p{font-size: 14px;;height:3em;color:#575757;overflow: hidden; text-overflow: ellipsis; display: -webkit-box;    -webkit-line-clamp: 2; -webkit-box-orient: vertical;}

.index .focus_img{height: 325px;}
.index .focus_text{background-color: #fff;/*height:160px;*/height: auto;}
.index .focus_text h5{-webkit-line-clamp: 2;/*height:3em;*/height:auto;}
.index .focus_text p{-webkit-line-clamp: 2;/*height:3em;*/height:auto;}
.channel .focus_text h5{-webkit-line-clamp: 1;height:1.5em;}
.channel .focus_text p{-webkit-line-clamp: 2;height:auto;}

.focus.swiper-horizontal>.swiper-pagination-bullets{bottom:auto;top:310px;text-align: right;padding-right: 1em;}
.focus .swiper-pagination-bullet{width:16px;height: 16px;border-radius: 0;line-height: 16px;color:#fff;opacity: 1;font-size: 12px;text-align: center;}
.focus .swiper-pagination-bullet{background-color: var(--mainColor);}
.focus .swiper-pagination-bullet-active{background-color: #E8E6E3;color:#333333;}

.focus2{margin:15px 0;}
.focus2 .swiper-slide a{display: block;position: relative;}
.focus2 .focus_text{position: absolute;bottom:0;color:#fff;width:100%;background:linear-gradient(rgba(0,0,0,0),rgba(0,0,0,.5));padding:30px 10px 10px;}
.index .focus2 .focus_img{height: 365px;}
.index .focus2 .swiper-pagination{text-align: right;padding-right:10px;}
.index .focus2 .swiper-pagination-bullet{background-color: rgba(255,255,255,1);opacity:1;width:10px;height: 10px;}
.index .focus2 .swiper-pagination-bullet.swiper-pagination-bullet-active{background-color: var(--mainColor);}
.index .focus2 .focus_text h5{margin-bottom:0;width:510px;font-weight: normal;}

/* 广告位 */
.adfocus{padding:20px 0;display: flex;justify-content: space-between;}
.adfocus img{width:100%;}
.adfocus.ad1 a{width:100%;}
.adfocus.ad2{background: #F5F5F5;padding:15px;margin: 15px 0;}
.adfocus.ad2 a{width:48.5%;display: block;position: relative;}
.adfocus.ad2 a::after{position: absolute;content:"更多";font-size:12px;color:#fff;background:rgba(0,0,0,0.4);border-radius: 3px;padding:0 .8em;right: 10px;bottom:10px;}

/* 快讯 手机版 */
.box_L .kx{display: none;align-items: center;margin:2vw 2vw;}
.box_L .kx h1{width:12vw;}
.box_L .kx h1 img{width: 100%;}
.box_L .marquee {width:calc( 100% - 12vw );line-height:2;overflow:hidden;font-size:14px;height:4em;padding-left:.5em;}
.box_L .marquee li{border-bottom:0px solid #f6f6f6;}

/* 文章列表 */
.article{}
.article ul{display: flex;flex-wrap: wrap;border-top:1px solid #ccc;margin-top:10px;position: relative;}
.article ul::after{position: absolute;content: "";left:0;top:0;width:325px;height: 100%;display: block;border-right:1px solid #ccc;z-index:0;}
.article ul li{display: inline-block;width:50%;padding:12px;border-bottom:1px solid #ccc;z-index:1}
.article ul li.newLi{opacity: 0;}
.article ul li img{width:100%;object-fit: cover;}
.article1 ul li img{height: 150px;}
.article ul li a{display:block}
/* .article ul li[style*="325px"]{border-left:1px solid #ccc;} */
.article ul li h5{font-size:18px;padding:10px 0;}
.article ul li p{font-size:14px;color:#575757;margin-bottom: 15px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box;-webkit-line-clamp: 3; -webkit-box-orient: vertical;}
.article ul li .tag{color: #9fa0a0;font-size: 12px;}
.more{background: url(../images/sanjiao.png) top center no-repeat;text-align: center;padding-top:20px;margin-top:30px;font-size:14px;color:#898989;cursor: pointer;}

/* 文章列表页广告位 */
.article_list_ad{display: flex;background-color: #fff;padding:15px;border-bottom:1px solid #eee;}
.article_list_ad .focus3{width:620px;}
.article_list_ad .focus3 .focus_img{height:calc( 620px * 9 / 16 );position: relative;}
.article_list_ad .focus3 .focus_img span{position: absolute;z-index:1;color:#fff;top:20px;left:0;font-size:14px;padding:.2em 1em .2em .5em;border-radius: 0 1em 1em 0;}
.article_list_ad .focus3 .focus_img span.typ1{background-color:#bb1010;}
.article_list_ad .focus3 .focus_img span.typ2{background-color:#44aba8;}
.article_list_ad .focus4{width:calc( 100% - 620px );height:calc( 620px * 9 / 16 );}
.focus.focus3,.focus.focus4{border-bottom:0;}
.focus3 .swiper-slide a{display: block;position: relative;}
.focus3 .focus_text{position: absolute;bottom:0;color:#fff;width:100%;background:linear-gradient(rgba(0,0,0,0),rgba(0,0,0,.5));padding:30px 10px 10px;}
.focus3 .focus_img{height: 365px;}
.focus3 .swiper-pagination{text-align: right;padding-right:10px;}
.focus3 .focus_text h5{margin-bottom:0;font-weight: normal;}
.focus4 .swiper-wrapper{height:100%;background-color: #f7f7f7;}
.focus4 .swiper-slide{display: flex;align-items: center;padding:0 15px;border-bottom: 1px solid #eee;cursor: pointer;background-color: #f7f7f7;color:#727171;}
.focus4 .swiper-slide h5{font-size: 16px;line-height: 1.5em;height: 1.5em;margin-bottom: 0;overflow: hidden;text-overflow: ellipsis;text-wrap:nowrap;}
.focus4 .swiper-slide:hover{background: #F0F0F0;}
.focus4 .swiper-slide.swiper-slide-thumb-active{background: var(--mainColor);color:#fff;}

/* 右侧栏目 */
.box_R h1{font-size: 16px;font-weight: bold;position: relative;line-height: 2.2;padding-left:25px;margin-bottom:15px;}
.box_R h1::before{content:"";position: absolute;left:0;top:0;width:35px;height:30px;border-left:13px solid var(--mainColor);border-top: 4px solid var(--mainColor);}

/* 快讯 */
.box_R .kx .marquee {line-height:2;overflow:hidden;margin-top:0px;font-size:14px;height:10em;}
.box_R .kx .marquee ul li a {font-size:14px;color:#221815;display:block;position:relative;padding-left:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.box_R .kx .marquee ul li a::before {position:absolute;content:"";width:4px;height:4px;background:var(--mainColor);border-radius:50%;left:0;top:40%;}
.box_R .kx .marquee ul li a:hover {color:var(--mainColor);}

/* 图片 */
.box_R .img ul li img{width: 100%;}
.box_R .img .marquee{width:100%;height: 160px;overflow: hidden;}

/* 书店 */
.box_R .shop ul{display: flex;justify-content: space-between;}
.box_R .shop ul li{width:48%;}
.box_R .shop ul li img{width:100%;height:210px;object-fit: cover;display: block;}
.box_R .shop ul li p{text-align: center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-top:10px;}

/* 右侧新闻 */
.box_R .news ul.tabs_click{display: flex;justify-content: space-between;font-size:16px;margin-bottom:15px;}
.box_R .news ul.tabs_click li{width: 50%;font-weight: lighter;opacity: 0.6;   padding: 0 12px; box-sizing: border-box; cursor: pointer;}
.box_R .news ul.tabs_click li:first-child{border-left: 10px solid #d8000f;text-align: left;}
.box_R .news ul.tabs_click li:last-child{border-right: 10px solid #d8000f;text-align: right;}
.box_R .news ul.tabs_click li.on{font-weight:bold;opacity: 1;}
.box_R .news ul.tab_content{line-height: 2;counter-reset: my-counter;}
.box_R .news ul.tab_content li{text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.box_R .news ul.tab_content li:nth-child(-n+3) a{color:#c30d23;font-weight:bold;}
.box_R .news ul.tab_content li a::before{content: counters(my-counter, "") "、";counter-increment: my-counter;}
.box_R .news ul.tab_content:last-child{display: none;}

/*网络安全*/
.box_R .aq img{width: 100%;}

/* eeoVideo */
.eeoVideo{background: #c9c9c9;}
.eeoVideo h2{background:url(../images/xd-boss-shuo_bg.png) no-repeat #ffffff;margin:0 auto;margin-bottom:10px;height:37px;line-height:37px;font-size:21px;color:#000;font-weight: bold;}
.eeoVideo h2 a{display: flex;justify-content: space-between;}
.eeoVideo h2 .boss_bta{width:110px;display:block;text-align:center;color:#fff;font-size:24px;line-height:37px;}
.eeoVideo h2 .boss_btb{width:190px;display:block;text-align:center;color:#000000;font-size:17px;}
/* .eeoVideo .eeo_v_content{} */
.eeoVideo .level a{display: block;font-size:15px;font-weight:bold;color:#505050;}
.eeoVideo .level .img img{width:100%;}
.eeoVideo .level p{padding:3px 0px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;}
.eeoVideo .level_1 p{padding:5px 10px;}
.eeoVideo .level_2{display: flex;padding:9px;justify-content: space-between;}
.eeoVideo .level_2 a{width:138px;}
.eeoVideo .level_2 a .img{width: 100%; aspect-ratio:16/9;}
.eeoVideo .level_2 a img{width:100%;height:100%;object-fit: cover;}

/* 观察家 */
.box_R_item.gcj li a{display: flex;justify-content: space-between;align-items: flex-start;padding:0 0 15px;}
.box_R_item.gcj li a .article_img{width:70px;margin:0;}
.box_R_item.gcj li a .article_img img{width:70px;height: 70px;object-fit: cover;}
.box_R_item.gcj li a .article_text{width: 230px;}
.box_R_item.gcj li a .article_text h5{font-weight:bold;margin-bottom:5px;text-overflow: ellipsis;white-space: nowrap;  overflow: hidden;}
.box_R_item.gcj li a .article_text p{color:#666;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;height:3em;-webkit-box-orient: vertical;}

/* 商业观察 */
.box_R_item .sygc li a{padding:0 0 15px;display: block;}
.box_R_item .sygc  li a .article_text h5{font-weight:bold;margin-bottom:5px;text-overflow: ellipsis;white-space: nowrap;  overflow: hidden;}
.box_R_item .sygc  li a .article_text p{color:#666;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;max-height:4.5em;-webkit-box-orient: vertical;}

/* 书评 */
.box_R_item .sp li a{padding:0 0 15px;display: block;}
.box_R_item .sp  li a{text-align: center;}
.box_R_item .sp  li a .article_img img{width:216px;height: 216px;object-fit: cover;} 
.box_R_item .sp  li a .article_text h5{font-weight:bold;margin-bottom:5px;text-overflow: ellipsis;white-space: nowrap;  overflow: hidden;}
.box_R_item .sp  li a .article_text p{color:#666;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;max-height:4.5em;-webkit-box-orient: vertical;}

/* 记者/专栏作家 */
.box_R_item.jz .tabs_hover{display: flex;}
.box_R_item.jz .tabs_hover li{font-size:16px;font-weight:bold;position:relative;line-height:2.2;padding-left:25px;margin-bottom:15px;margin-right:20px;}
.box_R_item.jz .tabs_hover li.on::before{content:"";position:absolute;left:0;top:0;width:35px;height:30px;border-left:13px solid var(--mainColor);border-top:4px solid var(--mainColor);}
.box_R_item.jz .tabs_hover li a{padding:0;}
.box_R_item.jz li a{display: flex;justify-content: space-between;align-items: flex-start;padding:0 0 15px;}
.box_R_item.jz li a .article_img{width:70px;margin:0;}
.box_R_item.jz li a .article_img img{width:70px;height: 70px;object-fit: cover;}
.box_R_item.jz li a .article_text{width: 230px;}
.box_R_item.jz li a .article_text h5{font-weight:bold;margin-bottom:5px;text-overflow: ellipsis;white-space: nowrap;  overflow: hidden;}
.box_R_item.jz li a .article_text p{color:#666;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;max-height:3em;-webkit-box-orient: vertical;}
/*.box_R_item.jz .tempWrap:last-child{display: none;}*/

/* 视频专区 */
.box_R .epaper ul li img{width: 100%;}

/* 资讯 */
.box_R .zx .marquee {line-height:2;overflow:hidden;margin-top:0px;font-size:14px;height:30em;}
.box_R .zx .marquee ul li a {font-size:14px;color:#221815;display:block;position:relative;padding-left:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.box_R .zx .marquee ul li a::before {position:absolute;content:"";width:4px;height:4px;background:var(--mainColor);border-radius:50%;left:0;top:40%;}
.box_R .zx .marquee ul li a:hover {color:var(--mainColor);}

.channel .main_flex{border-bottom:2px solid var(--mainColor);}
.channel .box_R h1{margin:0;}
.channel .box_R_item{margin:0;}

/* 编辑推荐 */
.bjtj li a{padding:20px 0;display: block;}
.bjtj li:not(:last-child){border-bottom:1px solid #ccc;}
.bjtj li h5{font-size: 16px;font-weight:bold; overflow: hidden; text-overflow: ellipsis;display: -webkit-box; -webkit-line-clamp: 2;-webkit-box-orient: vertical;margin-bottom:.5em;}
.bjtj li p{overflow: hidden; text-overflow: ellipsis;display: -webkit-box; -webkit-line-clamp: 2;-webkit-box-orient: vertical;}

/* 文章列表 */
.article_list{background: #fff;padding:15px;margin-top:30px;;}
.article_list ul li{padding:1em 0;border-bottom:1px solid #eee;}
.article_list ul li{display: flex;flex-direction:row-reverse;}
.article_list ul li .article_img{width:310px;height:160px;}
.article_list ul li .article_img img{width:100%;height:100%;object-fit: cover;}
.article_list ul li .article_text{width: calc(100% - 310px);padding-right:30px;}
.article_list ul li .article_text.onlytext{width:100%;padding:0;}
.article_list ul li h5{font-size:18px;padding:10px 0;}
.article_list ul li p{font-size: 14px;color:#727171;}
.article_list ul li .tag{color:#9fa0a0;font-size: 12px;margin-top:30px;}
.article_list span.search{color:var(--mainColor);}
.article_list1{padding-bottom:0;}
.article_list2{margin-top:0;padding-top:0;}
@media screen and (max-width:1020px){
  .article_list{padding:0;margin:0;}
  .article_list ul li{width:100%;padding:2vw;}
  .article_list ul li .article_img{width:30vw;height:20vw;}
  .article_list ul li img{object-fit: cover;}
  .article_list ul li .article_text{width: calc( 100% - 30vw );padding-left:1em;}
  .article_list ul li h5{font-size:4vw;padding:0;overflow: hidden; text-overflow: ellipsis; display: -webkit-box;    -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
  .article_list ul li p{display: none;}
  .article_list ul li .tag{margin-top:1em;}
  .more{padding-bottom:1em;}
}

/* 文章内容 */
/* .article_title{padding-bottom:10px;border-bottom: 1px solid #898989;}
.article_title h1{font-size:30px;font-weight: 100;}
.article_info{display: flex;justify-content: space-between;color:#898989;font-size:16px;margin-top:35px;}
.info_right{position: relative;}
.info_right .qrcode{position: absolute;width: 180px;z-index:10;right:0;top:calc( 100% + 0px );border: 1px solid #898989;display: none;padding:15px;background:#fff;}
.info_right:hover .qrcode{display: block;}
.article_description{background-color:#ddd;line-height: 1.75;padding:.5em 1em;margin-top:1em;text-align: justify;}
.article_img{margin:15px 0;}
.article_img img{width: 100%;}
.article_cont{line-height: 1.75;}
.article_cont img{max-width: 100%;margin: auto;display: block;}
.article_cont p,.article_cont section{padding:10px 0;}
.article_cont p.ql-align-justify ,.article_cont .ql-align-justify{text-align: justify;}
.article_cont p.ql-align-center ,.article_cont .ql-align-center{text-align: center;}
.article_cont p.ql-align-right ,.article_cont .ql-align-right{text-align: right;}
.video-js{width:100%;}
@media screen and (max-width:1020px){
  .article_show{padding:3vw 3vw;}
  .article_info{margin-top:15px;}
  .info_right{display: none;}
  .article_show .article_img{width: 100%;}
} */

/* 会员单位 */
.partner-con{padding:20px 0;}
.partner-title{font-size: 20px;margin-bottom:.5em;}
.partner-list{display: flex;flex-wrap: wrap;}
.partner-list li{max-height:70px;padding:15px 6px;width:16.66%;text-align: center;}
.partner-list li img{max-height: 100%;max-width: 100%;}
@media screen and (max-width:1020px){
  .partner-con{padding:5vw 0;}
  .partner-title{font-size: 4.5vw;}
  .partner-list li{width:33.3333%;}
}

/* 搜索表单 */
.search_form{width:500px;margin:auto;display: flex;border:1px solid #ccc;border-radius:4px;}
.search_form input{font-size:16px;padding:10px 10px;line-height:1.5;border:0;border-radius:4px;}
.search_form input.input{width:calc( 100% - 120px );}
.search_form input.button{width:120px;border-left:0;text-align: center;border-radius:0 4px 4px 0;cursor: pointer;}
@media screen and (max-width:1020px){
  .search_form{width:100%;}
  .search_form input{font-size:4vw;padding:2vw 2vw;}
  .search_form input.input{width:calc( 100% - 30% );}
  .search_form input.button{width:30%;}
}

/* 专题列表 */
.topic_list ul{display: flex;flex-wrap: wrap;}
.topic_list ul li{width:33.333%;padding:10px;}
/* 瀑布流 */
.waterfall{background-color: #fff;padding:10px;}
.waterfall ul{display: flex;flex-wrap: wrap;}
.waterfall ul li{width:25%;padding:7px;line-height: 2;}
.waterfall ul li a{display: block;}
.waterfall ul li img{width: 100%;display: block;}
/* 图片集 */
.gallery_flex{display: flex;height: 650px;}
.gallery_swiper{width: 580px;height: 100%;background-color: #F6F6F6;}
.gallery_swiper .swiper-slide{width: 100%;height: 100%;display: flex;justify-content: center;align-items: center;text-align: center;position: relative;}
.gallery_swiper .swiper-slide img.picture{max-width: 100%;max-height: 100%;object-fit: contain;}
.gallery_swiper .swiper-slide .icon{position: absolute;right: 16px;top: 20px;display: flex;align-items: center;}
.gallery_swiper .swiper-slide .icon img.detail_icon {width: 24px;height: 24px;border-radius: 50%;background: rgba(0, 0, 0, 0.4);padding: 2px;margin-right: 7px;cursor: pointer;}
.gallery_swiper .swiper-slide .icon .swiper-pagination {position: relative;padding: 0 6px;height: 19px;line-height: 19px;background: rgba(0, 0, 0, 0.4);border-radius: 4px;font-size: 12px;font-weight: 400;color: #ffffff;bottom: auto;left: auto;width: fit-content;}
.gallery_swiper .swiper-button-next,.gallery_swiper .swiper-button-prev{color:#ffffff;width: 32px;height: 32px;background-color: rgba(0, 0, 0, 0.4);border-radius: 50%;margin-top: calc(0px - ( 18px / 2));}
.gallery_swiper .swiper-button-next::before,.gallery_swiper .swiper-button-prev::before,.gallery_swiper .swiper-button-next::after,.gallery_swiper .swiper-button-prev::after{font-size: 18px;}
.gallery_intro{width: 420px;background-color: #fff;padding:20px;}

.gallery_author{display: flex;align-items: center;justify-content: space-between;}
.gallery_author .gallery_author_left{display: flex;align-items: center;}
.gallery_author .gallery_author_left img{width: 40px;height: 40px;border-radius: 50%;margin-right: 10px;object-fit: cover;}
.gallery_author .gallery_author_left span{font-size: 16px;color: #333333;}
.gallery_author .gallery_author_right a.onfocus{display: inline-block;border: 2px #D6000F solid;border-radius: 20px;color: #D6000F;padding: 0 1em;font-size: 12px;margin-left: .5em;font-weight: bold;}
.gallery_text{color:#333333;margin-top:20px;height:calc( 100% - 60px );overflow-y: auto;}
.gallery_text h4{font-size: 18px;margin-bottom: 10px;font-weight: bold;}
.gallery_text p{font-size:16px;font-size: 1.5;margin-bottom: 10px;;}
.gallery_text span.time{color:#999999;font-size:12px;display: block;margin-bottom:1em;}
.gallery_text span.author{color:#333333;font-size:14px;display: block;margin-bottom:.5em;}
.gallery_picture{background-color: #ffffff;}
.gallery_picture img{width: 100%;}
.gallery_picture .gallery_text{height: auto;padding:30px;margin:0;}