@charset "UTF-8";
@import url('base.css');

.header{position:relative; width: 100%; z-index: 100}

.header .topT{position: fixed; width: 100%; transition: 0.5s;background: rgba(255,255,255,0.05);border-bottom: solid 1px rgba(255,255,255,0.2)}
.header .logo img{height: .51rem; transition: 0.5s}
.header .nav li{position: relative}
.header .nav li a{display:block;}
.header .nav li span{display: block;position: relative;}
.header .nav ul li.has-sub{position:relative;z-index:100}
.header .nav li .sub dl{position:relative;z-index:1;--top:0;width:max-content;transition:0.3s;padding:.15rem .25rem}
.header .nav li .sub dd{line-height:1.2;position:relative;z-index:1;padding:.1rem 0}
.header .nav li .sub a{display:block}
.header .nav li .sub a:hover{text-decoration: underline}
.top-search {position: relative;}
.top-search a{cursor: pointer; display: block; width: 23px; height: 23px;background: url("../images/svg/search.svg") no-repeat center center; background-size: 19px}
.top-search .search-box{position: absolute; top: 0;right: 0; width: 3rem; height: .4rem; border-radius: 5px; padding: 0 .1rem; background: var(--color-lightblue); border:none; opacity: 0; visibility: hidden; transform: translateY(.2rem); transition: 0.5s}
.top-search .search-box a{filter: brightness(0) invert(1);}
.search-show .top-search .search-box{opacity: 1; visibility: inherit;transform: translateY(0)}
.top-search .text{flex: 1; background: none; color: var(--color-fff); border: none}
.top-user{margin-left: .35rem; position: relative}
.top-user .user{width: 23px; height: 23px; color: var(--color-fff); display: block; background: url("../images/svg/user.svg") no-repeat center center; cursor: pointer}
.top-user .box{position: absolute; right: 0; min-width:1.5rem; width:max-content; background: var(--color-fff); border-radius: 5px; z-index: 101; padding: .1rem 0;visibility: hidden; transform: translateY(.5rem); box-shadow: 0px 8px 15px 0px rgba(95, 174, 217, 0.3); transition: 0.5s}
.top-user .box b{color:var(--color-lightblue); padding:.2rem}
.top-user .box a{display: block; padding: .05rem .2rem}
.top-user.show .box{visibility: inherit;transform: translateY(0)}

body:not(.no_banner) .header{position: absolute; width: 100%;top: 0}
body:not(.no_banner) .header:not(.mouse_down) .logo img{filter: brightness(0) invert(1);}
.header.fixed .topT,
body.no-banner .header .topT{}
@media (min-width:1025px) and (max-width:1280px){
.header .logo img{height: .4rem}
.header .nav li span{font-size:.14rem}
}
@media (min-width:1025px) {
.header .auto{width: 96%; position: relative; align-items: flex-start}
.header .logo{padding-top: .34rem;}
.header .other{padding-top: .12rem}
.header .nav ul{display: flex}
.header .nav li:not(:last-child){margin-right:1.82vw}
.header .nav li span{line-height:.51rem; transition: 0.5s; padding-bottom: .14rem}
.header .nav li .sub{position:absolute;top:100%;left: 50%; opacity:0;visibility:hidden;background: var(--color-fff);transform:translate(-50%,0.3rem);transition:0.3s; border-top: solid 2px var(--color-lightblue);border-radius: 0 0 5px 5px}
.header .nav li.aon span a{color: var(--color-lightblue)!important}
.header .nav li.active .sub{transform:translate(-50%,0);visibility:visible;opacity:1}
body:not(.no_banner) .header:not(.mouse_down) .nav li span a{color: var(--color-fff)}
}

body:not(.no_banner) .header.mouse_down .topT{background: rgba(255, 255, 255, 0.95);border-bottom: solid 1px rgba(0,0,0,0.2)}
body.no_banner .header .topT{background: rgba(255, 255, 255, 0.95);border-bottom: solid 1px var(--color-eee)}
body:not(.no_banner) .header:not(.mouse_down) .top-search a,
body:not(.no_banner) .header:not(.mouse_down) .top-user .user{filter: brightness(0) invert(1);}

@media (max-width:1024px) {
.open-menu{margin-left: .2rem; position: relative;z-index: 10; width: 40px; height: 40px;}
.open-menu i{height: 0.03rem; width: 70%; left:0; right: 0; top:0; bottom: 0; margin: auto; position: absolute; background:var(--color-lightblue); transition: 0.3s;}
body:not(.menu-show) .open-menu i:nth-child(1){transform: translateY(-.1rem)}
body:not(.menu-show) .open-menu i:nth-child(3){transform: translateY(.1rem)}
body.menu-show .open-menu i:nth-child(2){opacity: 0;}
body.menu-show .open-menu i:nth-child(1){transform: rotate(-45deg);}
body.menu-show .open-menu i:nth-child(3){transform: rotate(45deg);}
body.menu-show{overflow: hidden;}
body.menu-show .nav{left: 0;opacity: 1; transform: translateX(0);}
.header .logo{padding: .15rem 0}
.header .nav{position: fixed; left:-100%;opacity: 0;transform: translateX(-100%);top:0;bottom: 0; width: 3rem; background-color: rgba(255,255,255,0.95);box-shadow: 0 0.1rem 0.1rem rgba(0,0,0,0.1);transition: 0.3s; z-index: 20}
.header .nav ul{overflow: auto;}
.header .nav li{width: 100%}
.header .nav li span{ line-height: 3; border-bottom: 1px solid rgba(0,0,0,0.1);}
.header .nav li span a{font-size: var(--f20); padding: 0 3%;}
.header .nav li .sub{display: none}
.header .nav li .sub a{font-size: var(--f18);}
}


@media(max-width:1024px){
.has-multi aside,
.has-sub span{padding-right: 0.4rem;}
.has-multi aside .op-multi,
.has-sub span .wap-op{width: 0.4rem; height: 100%; position: absolute;right: 0;top: 0 }
.has-multi aside .op-multi:before,
.has-multi aside .op-multi:after,
.has-sub span .wap-op:before,
.has-sub span .wap-op:after{content: '';position: absolute;margin: auto; left: 0; top: 0; bottom: 0; right: 0; width: 0.12rem; height: 0.02rem; background: var(--color-lightblue)}
.has-multi aside .op-multi:after,
.has-sub span .wap-op:after{ width: 0.02rem; height: 0.12rem;}
.has-sub.click .wap-op:after{transform: rotate(90deg)}
}

.bottom{padding-top: 4.167%;padding-bottom: 3.125%; font-size: var(--f18);background: var(--color-blue)}
.bottom,
.bottom a:not(:hover){color:rgba(255,255,255,0.5);}
.bottom a{display: inline-block}
.bottom .logo{text-align: center;width:50%; max-width: 1.82rem; margin: auto}
.bottom .logo img{filter: brightness(0) invert(1);}
.bottom .txt{padding-top: .1rem;padding-bottom: 4.2857%; font-size: var(--f36);color: var(--color-fff); text-align: center}
.bottom .other{padding: .2rem 0; border-top: solid 1px rgba(255,255,255,0.2);position: relative}
.bottom .other #lm100{position: absolute;right: 0;}
.bottom .other .lm span:not(:last-child){margin-right: .3rem}
.bottom .other .lm span:nth-child(1):after,
.bottom .other .lm span:nth-child(2):after{content: '.';position: absolute; transform: translate(.15rem,-0.05rem); font-weight: bold}

.sider{position:fixed; right:6.25vw;bottom:6.25vw;z-index:99;width:.5rem;}
.sider .gotop{color: var(--color-fff); display: block; padding-top: .2rem; text-align: center; width: .5rem; height: .5rem;background: var(--color-lightblue) url("../images/svg/gotop.svg") no-repeat center 13px; border-radius:5px; cursor: pointer}
.sider .gotop:hover{background-color: var(--color-blue)}

.no_bottom .bottom,
.no_bottom .sider{display: none}

@media(max-width:1300px){
.sider{right: .2rem; bottom:10%;}
}

.main{padding-bottom:5.2%;}

.banner{position: relative}
.banner picture img{width: 100%}

.banner-inside video{position: absolute; z-index: 10; left: 50%; top: 50%; transform: translate(-50%,-50%);min-height: 100%; min-width: 100%;width: 100%;height: 100%;object-fit: cover }

.banner-inside .infobox{color: var(--color-fff); position: absolute;width: 100%; top: 50%; transform: translateY(-50%)}
.banner-inside .img{width:18.198875%;padding: .1rem; background: var(--color-fff)}
.banner-inside .img img{width:100%;}
.banner-inside .info h3{font-size: calc(var(--f72)); line-height: 1.5; font-weight: 500; padding: 0; margin: 0}
.banner-inside .info p{font-size: var(--f30); margin-top: .1rem}
.banner-inside .txt{font-size: var(--f20);padding-top: .2rem; margin-top: .2rem; border-top: solid 1px rgba(255,255,255,0.2);}
.banner-inside .have-img{display: flex;align-items: center; justify-content: space-between; max-width:10.66rem; padding-top: .35rem}
.banner-inside .have-img .info{width:78%; max-width: 6.8rem;}
.banner-inside .have-img .info h3{font-size: calc(var(--f56));}
.banner-inside .have-img .info p{font-size: var(--f14); margin-top: 0}
.banner-inside figure img{width: 100%}
.banner-inside figure .pcimg{height: 5rem; object-fit: cover; -o-object-fit: cover;}
.banner-inside figure .wapimg{display: none}
@media(max-width:1024px){
.banner-inside figure .pcimg{display: none}
.banner-inside figure .wapimg{display: block}
.banner-inside .info p{font-size: var(--f20);}
.banner-inside .txt{font-size: var(--f14);padding-top: .1rem;margin-top: .1rem;}
.banner-inside .infobox{top:60%}
}
@media(max-width:768px){
.banner-inside .img{display: none}
.banner-inside .have-img .info{width: 100%}

}

.menu_location{position: relative;}
.menu_location .location .auto{ justify-content: flex-end}

.location{padding-bottom: .2rem}
.location .auto{padding: .1rem 0; line-height: .4rem;font-size: var(--f14); display: flex; flex-wrap: wrap; align-items: center;}
.location,
.location a:not(:hover){color: var(--color-999)}
.location i{width: .3rem;height: .4rem; background: url(../images/svg/location_jt.svg) no-repeat center center}
.location span{color: var(--color-333)}

.menu .wapnav{display: none}
.menu{line-height: .6rem;}
.menu ul li{position: relative;}
.menu ul li a{ padding: 0 .1rem}
.menu ul li:not(:last-child){margin-right: 3vw}
.menu ul li.aon a:after{content: '';position: absolute; width: 0; height: 2px; left: 0; right: 0; top:-1px; background: var(--color-fff)}
.menu ul li.aon a:after{width: 100%;}
@media(min-width:1024px){
.menu{position: absolute; width: 100%; bottom: 100%;border-top: solid 1px rgba(255,255,255,0.2);}
.menu ul li a{color: var(--color-fff);}
}
@media(max-width:1280px){
.menu ul li:not(:last-child){margin-right:1vw}
.menu ul li a{ padding: 0 1vw}
}
@media(max-width:1024px){
.menu_location{padding-bottom: 4%}
.location{padding-bottom: 0}
.location i{width: .15rem}
.menu{line-height: .4rem; border-bottom: solid 1px var(--color-ddd)}
.menu ul li.aon a{color:var(--color-lightblue); }
.menu ul li.aon a:after{background:var(--color-lightblue)}
}


.menu_side .list{padding-top: .25rem}
.menu_side ul li{padding-top: .10rem; border-bottom: solid 1px var(--color-eee)}
.menu_side li span{display: block;position: relative;}
.menu_side li span:before{content: ''; position: absolute;right: 12px; top: 50%; transform: translateY(-50%); width: 10px; height: 10px; background: url("../images/svg/menu_icon1.svg") no-repeat center center; transition: 0.5s}
.menu_side li span a{display: block;padding:3px 0; font-size: var(--f18);}
.menu_side li ul{display: none}
.menu_side li ul li{border-bottom: none}
.menu_side li ul li a{padding-left: 24px;display: block}
.menu_side li ul li em{color: var(--color-blue);position: relative;}
.menu_side li ul li em:before{content: '';position: absolute;left: -20px; top: 10px; width: 5px; height: 5px;background:var(--color-lightblue); border-radius: 100px;}
.menu_side li ul li:hover em:after,
.menu_side li ul li.aon em:after{content: ''; position: absolute;left: 0; bottom: 0; width: 100%; height: 1px; background:var(--color-lightblue)}
.menu_side li ul li time{display: block;font-size: var(--f14);color: var(--color-999)}
.menu_side li.aon span a{color: var(--color-lightblue)}
.menu_side li:not(.aon) span:before{filter: grayscale(100%) brightness(100%); }
.menu_side li .op{position: absolute; width: 100%; height: 100%; top: 0; z-index: 5; cursor: pointer}
.menu_side li.click.has-sub span:before,
.menu_side ul li.has-sub.aon span:before{transform: rotate(90deg) translateY(-50%)}
@media(max-width:1024px){
.menu_side .column_title{background:var(--color-lightblue);  padding: 0 .2rem; border-radius: .1rem;}
.menu_side .column_title h3{color: var(--color-fff); line-height: .5rem;}
.menu_side .wapicon{position: absolute; width:.5rem; height: 100%; bottom: 0;right: 0; background:url("../images/menu.png") no-repeat center center; background-size:80%; cursor: pointer}
.menu_side .list{display: none}
}

.column_title{position: relative}
.column_title h3{padding: 0; margin: 0;line-height: 1; font-size: var(--f36);color: var(--color-000) }
.column_title p{padding: 0; margin: 0;font-size: var(--f18);}
.column_title p:not(:last-child){margin-bottom: .1rem}
.column_title.center{text-align: center; padding-bottom: .4rem; max-width: 9rem; margin: auto}
.column_title.center p{color: var(--color-333); padding-top: .1rem}
.column_title.center p a{display: inline-block;color: var(--color-lightblue); text-decoration: underline}

@media(min-width:1024px){
.left_right{display: flex; justify-content: space-between}
.left_right .left{width: 2.94rem}
.left_right .line{width: 1px;background: #eeeeee;}
.left_right .right{width:calc(95% - 2.94rem); max-width: 10rem}
}
@media(max-width:1024px){
.left_right .left{padding-bottom: .3rem;}
}

.article p:first-child{padding-top: 0; margin-top: 0}
.single{}

.ul-type-arrow li{padding-left: 12px; background: url(../images/svg/li_arrow.svg) no-repeat left 10px;}
.ul-type-arrow li:not(:last-child){margin-bottom: .2rem}

.ul-type-decimal {margin-left: 22px}
.ul-type-decimal li{list-style: decimal}
.ul-type-decimal li:not(:last-child){margin-bottom: .2rem}

.ul-type-disc {margin-left: 22px}
.ul-type-disc li{list-style: disc}
.ul-type-disc li::marker{font-size: 10px}
.ul-type-disc li:not(:last-child){margin-bottom: .2rem}

.ul-type-decimal-zero {margin-left: 22px}
.ul-type-decimal-zero li{list-style: decimal-leading-zero}
.ul-type-decimal-zero li::marker{color: var(--color-lightblue)}
.ul-type-decimal-zero li:not(:last-child){margin-bottom: .2rem}

.edit-col-14 table{margin-top: .4rem}
.edit-col-14 table td{border: solid 1px #dddddd}
.edit-col-14 table tr:first-child,
.edit-col-14 table tr td:first-child{background: var(--color-f3f5f7)}
.edit-col-14 table td{text-align: center; padding: .1rem}
.edit-col-14 table tr:not(:first-child) td:first-child{text-align: left; padding-left: .3rem; padding-right: .3rem;}

.table_x_auto{overflow-x: auto}
.table_x_auto table td:not(:first-child){white-space: nowrap}

.main_editorial_board{padding-bottom: 0}
.main_editorial_board .location{background: var(--color-f3f5f7)}
.editorial_board_list{background: var(--color-f3f5f7);}
.editorial_board_list .list{padding:4% 0}
.editorial_board_list h3{padding: 0 0 .3rem 0; margin: 0; font-weight: normal;font-size: var(--f24)}
.editorial_board_list ul li{width: 47.14286%; position: relative; }
.editorial_board_list ul li a{cursor: pointer}
.editorial_board_list ul li .pic{border-radius: 100%;padding: .1rem;}
.editorial_board_list ul li .pic figure{border-radius: 100%} 
.editorial_board_list ul li .info h4{font-size: var(--f18); margin-bottom: .05rem}
.editorial_board_list ul li .info .txt{min-height:.82rem; margin-bottom: .2rem}
.editorial_board_list ul li .info .p1{font-size: var(--f14); color: var(--color-999)}
.editorial_board_list ul li .info .p2{color: var(--color-333); margin-top: .1rem;}
.editorial_board_list ul li .info .txt.view_more .p2{-webkit-line-clamp: none;}
.editorial_board_list ul li:nth-child(2)~li{margin-top: 5.71428%}
.editorial_board_list.TypeStart .list{padding-top: 0}
.editorial_board_list.TypeStart ul li{margin-top:6%;padding:2.6% 3.8%; background: var(--color-fff); border-radius: .1rem}
.editorial_board_list.TypeStart ul li .pic{width:28.903%; margin-top: -22%; background: rgba(95,174,217,0.2)}
.editorial_board_list.TypeStart ul li .info{padding-top: .2rem}

.editorial_board_list.TypeStart ul li:after{content: ''; position: absolute; right: 0; top: 0; width:12.121212%; padding-bottom:12.121212%; background: linear-gradient(45deg,#ebeef1,#f8f9fa 50%,#f3f5f7 50%); border-bottom-left-radius: .1rem }

.editorial_board_list.TypeCenter{background:var(--color-fff)}
.editorial_board_list.TypeCenter ul li .pic{width:19.698%; padding: 0}
.editorial_board_list.TypeCenter ul li .info{width:75%}
.editorial_board_list.TypeCenter ul li .info .txt{min-height:inherit}

.editorial_board_list.TypeEnd{}
.editorial_board_list.TypeEnd ul li .pic{width:22.728%;background:var(--color-fff)}
.editorial_board_list.TypeEnd ul li .info{width:73%}
.editorial_board_list.TypeEnd ul li:not(:hover) .info .view{background:var(--color-fff) }
@media(max-width:640px){
.editorial_board_list ul li{width: 100%}

.editorial_board_list.TypeStart ul li{margin-top:26%;}
.editorial_board_list.TypeStart ul li:first-child{margin-top:16%;}
}


.editorial_board_overview{padding: 3.125% 0}
.editorial_board_overview .info{width: 10.6rem; margin:auto ;padding: 2.6% 12%; text-align: center; position: relative}
.editorial_board_overview .info:before,
.editorial_board_overview .info:after{content: '';width: .81rem; height: .65rem; position: absolute; top: 0; background: no-repeat center center; background-size: contain}
.editorial_board_overview .info:before{left: 0; background-image: url("../images/svg/yh_l.svg")}
.editorial_board_overview .info:after{right: 0; background-image: url("../images/svg/yh_r.svg")}


.all_issues li{background: var(--color-f3f5f7)}
.all_issues li .pic figure{padding-bottom: 133%}
.all_issues li .info{text-align: center; padding: .15rem 0}
.all_issues li .info h4{font-size: var(--f20)}
.all_issues li .info time{font-size: var(--f14);color:var(--color-999)}
@media(min-width:1024px){
.all_issues li{width: 23%;margin-right: 2.666666666666667%}
.all_issues li:nth-child(4)~li{margin-top:2.666666666666667%}
.all_issues li:nth-child(4n+4){margin-right: 0}
}
@media(min-width:1280px){
.all_issues li{width: 20%;margin-right: 6.666666666666667%}
.all_issues li:nth-child(4)~li{margin-top:6.666666666666667%}
}
@media(max-width:1024px){
.all_issues li{width:48%;}
.all_issues li:nth-child(2)~li{margin-top:4%}
.all_issues li:nth-child(odd){margin-right:4%}
}

.all_issues_list .item_part{font-size: var(--f14); padding-bottom: .3rem; margin-bottom: .3rem; border-bottom: solid 1px var(--color-eee)}
.all_issues_list .item_part .info{flex: 1; position: relative; max-width: 9.9rem;}
.all_issues_list .item_part .collect{position: absolute; right:.2rem;width: .22rem; height: .22rem; background: url("../images/svg/collect.svg") no-repeat center center; background-size: contain; cursor: pointer}
.all_issues_list .item_part .collect.save{background-image: url("../images/svg/collect_save.svg")}
.all_issues_list .item_part .cited{color:var(--color-555);position: absolute; right:.6rem;}
.all_issues_list .item_part .label label{color:var(--color-555)}
.all_issues_list .item_part .label label:not(:last-child):after{content: '';display: inline-block;margin: 0 .15rem; width: 1px; height: 10px; background: var(--color-555)}
.all_issues_list .item_part .title{font-size: var(--f24); margin-top: .1rem; margin-bottom: .15rem;line-height: .3rem}
.all_issues_list .item_part dl.dl_other{line-height: .3rem;}
.all_issues_list .item_part dl.dl_other span{background: var(--color-f3f5f7); padding-left: 12px; padding-right: 20px;border-radius: 5px; margin-right: .1rem; margin-top: .1rem;}
.all_issues_list .item_part dl.dl_other i{font-style: normal; color:var(--color-999); display:inline-flex;align-items: center}
.all_issues_list .item_part dl.dl_other i:before{content: '';width: 12px; height: 12px;margin-right: 10px;}
.all_issues_list .item_part dl.dl_other .num i:before{background-image: url("../images/svg/icon01.svg")}
.all_issues_list .item_part dl.dl_other .author i:before{background-image: url("../images/svg/author.svg")}
.all_issues_list .item_part dl.dl_other .preview{padding: 0}
.all_issues_list .item_part dl.dl_other .preview a{padding-left: 12px;padding-right: 15px; display:inline-flex; align-items: center; color: var(--color-lightblue); transition: 0.5s;border-radius: 5px;}
.all_issues_list .item_part dl.dl_other .preview a:after{content: '';margin-left:10px; width: 6px; height: 10px;transform: translateY(1px); background: url("../images/svg/view_jt.svg")}
.all_issues_list .item_part dl.dl_other .preview a:hover{background: var(--color-lightblue); color: var(--color-fff); box-shadow: 0 8px 15px rgba(95,174,217,0.3)}
.all_issues_list .item_part dl.dl_other .preview a:hover:after{filter: brightness(0) invert(1);}
.all_issues_list .item_part dl.dl_other .preview a.open-info{cursor: pointer}
.all_issues_list .item_part .box{transition: 0.5s; display: flex; justify-content: space-between}
.all_issues_list .item_part .box time{font-size: var(--f18); width: 1.5rem; height: 1.5rem; background: var(--color-f3f5f7); border-radius: 5px; display: flex;flex-wrap: wrap; justify-content: center; align-items: center; align-content: center; text-align: center; line-height: 1}
.all_issues_list .item_part .box time span:first-child{font-size:calc(var(--f36));width: 100%; margin-bottom: 0.15rem}
.all_issues_list .item_part .txt{;border: solid 1px  var(--color-lightblue);box-shadow: 0px 8px 30px 0px rgba(28, 79, 106, 0.12); padding:1.5% 3.5% 2% 3.5%;display: none}
.all_issues_list .item_part .txt .abstract,
.all_issues_list .item_part .txt .comment h5{font-size: var(--f24);padding: 0; margin: 0}
.all_issues_list .item_part .txt .qitabox{padding-bottom: .1rem}
.all_issues_list .item_part .txt .qita{line-height: .3rem; padding-left: .1rem}
.all_issues_list .item_part .txt .qita span{background: var(--color-f3f5f7); padding-left: 12px; padding-right: 20px;border-radius: 5px; margin-right: .1rem; margin-top: .1rem;}
.all_issues_list .item_part .txt .qita i{font-style: normal; color:var(--color-999); display:inline-flex;align-items: center}
.all_issues_list .item_part .txt .qita i:before{content: '';width: 12px; height: 12px;margin-right: 10px; background: no-repeat left; background-size: 12px;}
.all_issues_list .item_part .txt .qita .author i:before{background-image: url("../images/svg/author.svg")}
.all_issues_list .item_part .txt .qita .email i:before{background-image: url("../images/svg/email.svg")}
.all_issues_list .item_part .txt .editor_info{font-size: var(--f16); color: var(--color-555); padding: 0; margin: 0}
.all_issues_list .item_part.show .box{padding-bottom: .3rem}
@media(max-width:640px){
.all_issues_list .item_part .box{flex-wrap: wrap}
.all_issues_list .item_part .box time{width: auto; height: auto; order: -1;background: none}
.all_issues_list .item_part .box time span:first-child{width: auto;font-size: var(--f30); padding-right: .1rem}
.all_issues_list .item_part .info{flex: initial;width: 100%}
}

.collections_list li{padding-bottom: .2rem; margin-bottom: .2rem; border-bottom: solid 1px var(--color-eee)}
.collections_list li time{color:var(--color-999) ;font-size: var(--f14); }
.collections_list li h4{font-size: var(--f18); margin-top: .1rem; margin-bottom: .07rem; line-height: .24rem}
.collections_list li p{color:var(--color-333);line-height: .24rem; padding: 0; margin: 0 0 .1rem 0}

.side_info {padding-top: .5rem}
.side_info h4{font-size: var(--f18); font-weight: bold}
.side_info h5{font-size: var(--f16); padding:.1rem 0; margin: 0; font-weight: normal;color:var(--color-333)}
.side_info p{font-size: var(--f14);width: 92%; line-height: .2rem;color:var(--color-333)}

.guide_for_authors .location{background: var(--color-f3f5f7)}
.guide_for_authors .part1{padding-bottom: 3.6458%; background: var(--color-f3f5f7)}
.guide_for_authors .part1 .article{line-height:.3rem}
.guide_for_authors .part2 .left_right{padding: 4.2857% 0; }
.guide_for_authors .part2 .left_right:nth-child(1){border-bottom: solid 1px var(--color-eee) }
.guide_for_authors .part2 .left_right:nth-child(1) .article{font-size: var(--f18);}
.guide_for_authors .part2 .left_right:nth-child(2) p:not(:last-child){padding-bottom: .2rem}
.guide_for_authors .part2 .article{line-height:.28rem}
.guide_for_authors table{margin-bottom: .4rem}
.guide_for_authors table td{border: solid 1px #dddddd}
.guide_for_authors table tr td:first-child{background:#f9fafb; font-size: var(--f14); font-weight: bold}
.guide_for_authors table tr:first-child td{background: #eaf1f8;font-size: var(--f14); font-weight: bold}
.guide_for_authors table td{text-align: center; padding: .1rem;width:12%}
.guide_for_authors table tr:not(:first-child) td:first-child{text-align: left; padding-left: .5rem; padding-right: .2rem;}
.guide_for_authors table td:nth-child(1){width: 22%}
.guide_for_authors table td:nth-child(6),
.guide_for_authors table td:nth-child(7){width: 15%}
.guide_for_authors .ul-type-disc{max-width: 9.2rem}
@media(max-width:1024px){
.guide_for_authors .menu_location{background: var(--color-f3f5f7);}
}

.news_group li{position: relative}
.news_group li a{position: relative; z-index: 10}
.news_group li .info time{font-size: var(--f14);padding: .1rem 0; display: block; color: var(--color-999)}
.news_group li .info h4{font-size: var(--f20);}
.news_group li .info h4.dot2{height: .48rem}
.news_group li .info h4.dot3{height: .72rem}
.news_group li .info p{margin: .2rem 0;color: var(--color-333); transition: 0.5s}
.news_group li .info p.dot2{height: .48rem}
.news_group li .info p.dot3{height: .72rem}

.news_group .swiper{ margin-bottom: .3rem}
.news_group .slide{padding-bottom: .50rem}
.news_group .slide li{background: var(--color-f3f5f7);}
.news_group .slide li .pic{width: 42.142858%}
.news_group .slide li .pic figure{padding-bottom:56.273%}
.news_group .slide li .info{width: 55.42858%; padding:.3rem .2rem}
.news_group .slide.full{width: 71.42857142857143%;margin: auto; position: relative}
.news_group .slide.full:before,
.news_group .slide.full:after{content: '';width: 100%; position: absolute; top: 0;bottom: 0;margin: auto; z-index: 10}
.news_group .slide.full:before{right: 102%;background: linear-gradient(90deg,rgba(255,255,255,1) 60%,rgba(255,255,255,0.5))}
.news_group .slide.full:after{left: 102%;background: linear-gradient(90deg,rgba(255,255,255,0.5),rgba(255,255,255,1) 60%)}
.news_group .slide.full .swiper{overflow: inherit;}

.news_group .slide2{padding:0 0 .44rem 0;margin-left: -.5rem; margin-right: -.5rem;}
.news_group .slide2 li{border-bottom: solid 1px var(--color-eee)}
.news_group .slide2 li .pic{padding-bottom:76.192%;position: relative}
.news_group .slide2 li .pic figure{ width: 100%; height:87.5%; bottom: 0; padding-bottom: 0;position: absolute;transition: 0.5s}
.news_group .slide2 li .info{padding:.23rem 0;transition: 0.5s}
.news_group .slide2 li .info time{padding-top: 0}
.news_group .slide2 li.swiper-slide{padding:0 .3rem;}
.news_group .slide2 li.swiper-slide-prev{padding-left: .5rem}
.news_group .slide2 li.swiper-slide-next{padding-right: .5rem}
.news_group .slide2 li.swiper-slide .info p.dot3{opacity: 0}
.news_group .slide2 li.swiper-slide .info .view{transform: translateY(-.72rem)}
.news_group .slide2 li.swiper-slide-active{padding: 0 .1rem}
.news_group .slide2 li.swiper-slide-active .pic{padding-bottom:66.668%;}
.news_group .slide2 li.swiper-slide-active .pic figure{height: 100%}
.news_group .slide2 li.swiper-slide-active .info{padding:.23rem .3rem; background: var(--color-f3f5f7)}
.news_group .slide2 li.swiper-slide-active .info p.dot3{opacity: 1}
.news_group .slide2 li.swiper-slide-active .info .view{transform: translateY(0)}
.news_group .slide3{padding-top: 4.285%; padding-bottom: 4.285%; margin-bottom: 4.285%; position: relative}
.news_group .slide3:after{content: '';position: absolute;margin: auto; left: -50%; right: -50%; top: 0; bottom: 0; background: var(--color-f3f5f7);}
.news_group .slide3 li{background: #fff}
.news_group .slide3 li .pic{width:52.941177%}
.news_group .slide3 li .pic figure{padding-bottom:0;height: 100%}
.news_group .slide3 li .info{width:47.058823%;padding:.19rem .3rem;}
.news_group .slide4{padding-top: 4.285%; padding-bottom: 4.285%; margin-bottom: 4.285%; position: relative}
.news_group .slide4:after{content: '';position: absolute;margin: auto; left: -50%; right: -50%; top: 0; bottom: 0; background: var(--color-f3f5f7);}
.news_group .slide4 li{background: #fff}
.news_group .slide4 li .pic{width: 100%}
.news_group .slide4 li .pic figure{padding-bottom:66.365%}
.news_group .slide4 li .info{width: 100%; padding:6% .3rem;}
.news_group .slide4 li .info h4{margin-bottom:10%}
.news_group .slide4 li:nth-child(even) .pic{order: 2}
.news_group .list li .pic figure{padding-bottom:56.065%}
.news_group .list .row3 li{border-bottom: solid 1px var(--color-eee)}
.news_group .list .row3 li .info{padding: .2rem 0;}
.news_group .list .row4 li .info h4{font-size: var(--f18)}
.news_group .list2 li{padding: .3rem 0}
.news_group .list2 li .pic{width: 42.142858%}
.news_group .list2 li .pic figure{padding-bottom:56.272%} 
.news_group .list2 li .info{width:53.5714286%;padding-top: .3rem; padding-bottom: .35rem; border-bottom: solid 1px var(--color-eee)}
.news_group .list2 li .info h4{font-size: var(--f20)}
.news_group .list2 li .info p{margin-bottom: .4rem}
.news_group .list2 li:hover:after{position: absolute; content: '';margin: auto; left: -50%; right: -50%; top: 0; bottom: 0;background: var(--color-f3f5f7)}
.news_group .list3 li{padding-bottom: .3rem;position: relative;}
.news_group .list3 li:not(:last-child){ margin-bottom: .3rem;}
.news_group .list3 li .pic{width:21.42858%;}
.news_group .list3 li .pic figure{padding-bottom:0; height:100%;} 
.news_group .list3 li .info{width:75%;padding-top: .12rem; padding-bottom: .12rem;}
.news_group .list3 li:after{content: ''; position: absolute; width: 75%; height: 1px;bottom: 0;right: 0; background: var(--color-eee)}
.news_group .list3 li .info time{padding-top: 0;}
.news_group .list3 .row2 li{width:47.85715%}
.news_group .list3 .row2 li .pic{width: 35.8209%; padding: 0}
.news_group .list3 .row2 li .info{width: 59.7015%;padding-top: .265rem;  padding-bottom: .265rem;}
.news_group .list3 .row2 li .info h4{margin-bottom: .29rem}
.news_group .list3 .row2 li:after{width: 59.7015%;}
.news_group .list3 .row2.no_line li:after{display: none}
.news_group .list3 .row2.end_line{border-bottom: solid 1px var(--color-eee)}
.news_group .list3 .row2.end_line li:after{display: none}
.news_group .list3 .row2.neat_line li:after{bottom: .265rem;}
.news_group .list4 li{padding: .3rem 0;position: relative;}
.news_group .list4 li .pic{width:42.14286%;}
.news_group .list4 li .pic figure{padding-bottom:56.27118644067797%;} 
.news_group .list4 li .info{width:55%;max-width: 7rem; padding: 0 .14rem}
.news_group .list4 li .info h4:before{content: '';position: absolute;width: 4px; height: .2rem; background: var(--color-lightblue); transform: translate(-.14rem,.08rem)}
.news_group .list4 li:nth-child(odd):after{content: '';position: absolute;margin: auto; left: -50%; right: -50%; top: 0; bottom: 0; background: var(--color-f3f5f7);}
.news_group .list4 li:nth-child(even) .pic{order: 2}

@media(min-width:640px){
.news_group .slide.full li .pic{width:48%}
.news_group .slide.full li .pic figure{padding-bottom:66.6667%}
.news_group .slide.full li .info{width:52%; padding-left: 5%; padding-right: 5%}
.news_group .list .row3 li{width:32%;}
.news_group .list .row3 li:not(:nth-child(3n+3)){margin-right: 2%}
.news_group .list .row3 li:nth-child(3)~li{margin-top: 4%}
}
@media(min-width:768px){
.news_group .list_hot{display: flex; justify-content: space-between;}
.news_group .list_hot .left{width: 62%}
.news_group .list_hot .list3 li .pic{width: 36.868%}
.news_group .list_hot .list3 li .info{width: 58%; padding-top: .07rem; padding-bottom: .07rem;}
.news_group .list_hot .list3 li:after{width: 58%}
}
@media(min-width:1024px){
.news_group .slide4 li:nth-child(odd) a{padding-bottom: 66.365%}
.news_group .slide4 li:nth-child(even) a{padding-top: 66.365%}
.news_group .slide4 li:nth-child(odd) .info{position: absolute; top:50%}
.news_group .slide4 li:nth-child(even) .info{position: absolute; top: 0}
.news_group .list .row4 li{width: 23.5715%;}
.news_group .list .row4 li:not(:nth-child(4n+4)){margin-right:1.904666666666667%}
.news_group .list .row4 li:nth-child(4)~li{margin-top: 4%}
}
@media(min-width:640px) and (max-width:1024px){
.news_group .list .row4 li{width:48.5%;}
.news_group .list .row4 li:not(:nth-child(2n+2)){margin-right:3%}
.news_group .list .row4 li:nth-child(2)~li{margin-top:3%}
}
@media(max-width:1200px){
.news_group .list2 li .info{padding-top: 0; padding-bottom:.1rem;}
.news_group .list2 li .info p{margin-bottom: .2rem}
}
@media(max-width:1024px){
.news_group .list li{width:50%; }
.news_group .list li a{max-width: inherit}
}
@media(max-width:768px){
.news_group .list3 .row2 li{width: 100%}
}
@media(max-width:640px){
.news_group li .info h4,
.news_group li .info p{height: auto!important}
.news_group .slide li .pic,
.news_group .slide li .info{width:100%}
.news_group .slide li .info{padding: .2rem}
.news_group .slide2 li .pic figure{height: 100%}
.news_group .slide3 li .pic{width: 100%}
.news_group .slide3 li .pic figure{padding-bottom:66.67%;height: auto;}
.news_group .slide3 li .info{width:100%}
.news_group .slide4 li:nth-child(even) .pic{order: -1}
.news_group .list li{width:100%;}
.news_group .list li:not(:first-child){margin-top:6%}
.news_group .list .row3 li .info{padding: .1rem 0}
.news_group .list2 li{padding-top: .2rem; padding-bottom: .2rem}
.news_group .list2 li .pic,
.news_group .list2 li .info{width:100%}
.news_group .list3 li .pic{width:40%}
.news_group .list3 li .info{width:55%;padding: 0}
.news_group .list3 li:after{width:55%;}
.news_group .list4 li .info p{display: none}
}

.organization_main .sub{font-size: var(--f24); line-height: .3rem; padding:.15rem!important; margin: 0; position: relative}
.organization_main .sub:before{content: '';position: absolute; left: 0; top:24px; height: 18px;}
.organization_main .part1 .article{line-height:.3rem; position: relative}
.organization_main .lr{padding: 5% 0;}
.organization_main .lr:not(:last-child){border-bottom: solid 1px var(--color-eee) }
.organization_main .lr .left{width:46%}
.organization_main .lr .right{width:49%}
.organization_main .lr:not(#itemid148) .column_title h3{font-size: var(--f30)}
.organization_main .lr#itemid146{border-bottom: none; padding-bottom: 0}
.organization_main .lr#itemid146 .article{padding-right:25%;}
.organization_main .lr#itemid145{padding-bottom:8%}
.organization_main .lr#itemid145:before,
.organization_main .lr#itemid145 .article:after{content: '';display: block; margin-bottom: .2rem; width: 100%; height: .65rem;}
.organization_main .lr#itemid145:before{ background: url("../images/svg/yh_l.svg") no-repeat left center; background-size: .81rem}
.organization_main .lr#itemid145 .article:after{ background: url("../images/svg/yh_r.svg") no-repeat right center;position: absolute; width: .81rem;right: 0;top: 0;background-size: .81rem}
.organization_main .lr#itemid145 .article{padding-right:30%;}
.organization_main .group{padding: 4.16666% 0}
.organization_main .overview{padding: 2.857142857142857% 0; border-top: solid 1px var(--color-eee); position: relative}
.organization_main .overview:before{content: '';position: absolute; top:-3px; display: block; width: 1.9rem; height: 3px; background: var(--color-lightblue)}
.organization_main .overview .column_title{width: 45%}
.organization_main .overview .photo{width: 50%}
.organization_main .list li{width: 49.2858%; margin-top: 1.4284%; position: relative;}
.organization_main .list li *{padding: 0; margin: 0}
.organization_main .list li h4{font-size: var(--f20); margin-bottom: .14rem}
.organization_main .list li:after{content: '';position: absolute; right: 0; bottom: 0; width: .3rem; height: .3rem; border-top-left-radius: 5px}
.organization_main .list .box1 .sub:before{width: 8px; background: url(../images/svg/sub_jt.svg) no-repeat left center}
.organization_main .list .box1 li p{ line-height: .30rem;padding:.15rem; width: 98%}
.organization_main .list .box1 li:nth-child(odd) p{width: 84%}
.organization_main .list .box2{padding-top: 2.857%;counter-reset:section 0 subsec 1; }
.organization_main .list .box2 li{border-radius: 5px;padding:.3rem .4rem;position: relative}
.organization_main .list .box2 li p{ line-height: .24rem;}
.organization_main .list .box2 li:before{content:counter(section,decimal-leading-zero);counter-increment:section; color: var(--color-lightblue); font-size: var(--f36);position: absolute; right: .1rem; top: .1rem;opacity: 0.2; line-height: 1; font-weight: 400}
.organization_main .list .box2 .sub:before{width: 4px; background: var(--color-lightblue)}
.organization_main .group:nth-child(odd){background: var(--color-f3f5f7)}
.organization_main .group:nth-child(odd) .box2 li{background: var(--color-fff)}
.organization_main .group:nth-child(odd) .box2 li:after{background: linear-gradient(-45deg,#f3f5f7 50%,#ebf0f4 50%)}
.organization_main .group:nth-child(even) .box2 li{background: var(--color-f3f5f7)}
.organization_main .group:nth-child(even) .box2 li:after{background: linear-gradient(-45deg,#ffffff 50%,#e6e9ec 50%)}
.organization_main .part3{ padding-top: 5.2%;}
.organization_main .part3 .article{padding-top: 2%}
.organization_main .part3 .article p:first-child{padding-bottom:1%}
@media(max-width:1024px){
.organization_main .lr .left,
.organization_main .lr .right{width: 100%}
.organization_main .part1 .article{padding-top: 2%}

}
@media(max-width:640px){
.organization_main .overview .column_title,
.organization_main .overview .photo{width: 100%}
.organization_main .overview .photo{text-align: center; padding-top: 5%}
.organization_main .list li{width: 100%; margin-bottom:4%}
.organization_main .list .box1 li p{width: 100%}
}

.science_art_overview{padding-bottom: 5.714285714285714%}
.science_art_overview .column_title{width: 50%}
.science_art_overview .column_title p{font-size: var(--f24)}
.science_art_overview .txt{width: 40%}
@media(max-width:640px){
.science_art_overview .column_title{width: 100%}
.science_art_overview .txt{width: 100%; padding-top: 3%}
}

.science_art_list li{width: 50%;padding:.1rem; border-top: solid 1px var(--color-eee); border-bottom: solid 1px var(--color-eee); position: relative}
.science_art_list li a{align-content: space-between}
.science_art_list li .info{width: 100%; padding: .25rem 0; height: 1.96rem}
.science_art_list li .info h4{font-size: var(--f18); margin-bottom: .1rem}
.science_art_list li .info p{margin-bottom: .1rem; color: var(--color-333)}
.science_art_list li .pic{width: 100%}
@media(min-width:1024px){
.science_art_list li{width: 25%;}
.science_art_list li:nth-child(4)~li{margin-top: -1px}
.science_art_list li:not(:nth-child(4n+4)):before{content: '';position: absolute;right: 0; top: 0; width: 1px; height: 100%; background: var(--color-eee)}
}
@media(min-width:640px){
.science_art_list li:nth-child(odd) .info{order: -1}
.science_art_list li:nth-child(odd) .empty{order: 3}
.science_art_list li:nth-child(even) .empty{order: -1}
.science_art_list li .empty{width: 100%;height:1.96rem}
}
@media(max-width:640px){
.science_art_list li:nth-child(2)~li{margin-top: -1px}
.science_art_list li:nth-child(odd):before{content: '';position: absolute;right: 0; top: 0; width: 1px; height: 100%; background: var(--color-eee)}
}

.aims_scope .info:not(:last-child){padding-bottom: 3%}
.aims_scope .info h4{padding-left: .12rem; font-size: var(--f24); position: relative; margin-bottom: .1rem; line-height: .3rem}
.aims_scope .info h4:before{content: '';position: absolute; width: 4px; height: 14px; left: 0;top: 0; bottom: 0;margin: auto; background: var(--color-lightblue)}
.aims_scope .info .ul-type-arrow li:not(:last-child){margin-bottom: .06rem}
.aims_scope.box .article{width:56%}
.aims_scope.box .photo{width:34.28571428571429%}
@media(max-width:1024px){
.aims_scope.box .article{width:100%}
.aims_scope.box .photo{width:100%;text-align: center; padding-top: 5%}
}

.join_us .sub{font-size: var(--f24); padding: 0; margin: 0}
.join_us .part1{border-bottom: solid 1px var(--color-eee);  padding-bottom: 5%; margin-bottom: 5%}
.join_us .part1 .article{line-height: .24rem;}
.join_us .part1 .article p{padding: 0 0 .1rem 0; margin: 0}
.join_us .part1 .sub{margin-top: .4rem; margin-bottom: .1rem}
.join_us .part1 .link{padding-top: .4rem}
.join_us .part1 .link a {padding: 0 .3rem; line-height: .4rem; display:inline-flex; align-items: center;background: var(--color-lightblue); color: var(--color-fff); box-shadow: 0 8px 15px rgba(95,174,217,0.3); border-radius: 5px;}
.join_us .part1 .link a:after{content: '';margin-left:10px; width: 6px; height: 10px; transform: translateY(3px); background: url("../images/svg/view_jt.svg");filter: brightness(0) invert(1);}
.join_us .part1.box .details{width: 54%}
.join_us .part1.box .photo{width: 39.28571428571429%}
.join_us .part2 .sub:first-child{padding-bottom: .2rem}
.join_us .part2 .info{width:100%}
.join_us .part2 .info p:not(:last-child){margin-bottom: 3%}
.join_us .part2 .info a{color: var(--color-lightblue)}
.join_us .part2 .two{padding-bottom: 3%}
.join_us .part2 .two .info{padding:.3rem; position: relative;background: var(--color-f3f5f7); border-radius:5px;margin-top:5%}
.join_us .part2 .two .info h4{font-size: var(--f20); margin-bottom: .1rem; font-weight: bold}
.join_us .part2 .two .info h4:before{content: '';position: absolute; width: 4px; height: 14px; left: 0;transform: translateY(5px);background: var(--color-lightblue)}
.join_us .part2 .two .info .ul-type-arrow li:not(:last-child){margin-bottom:.06rem}
@media(min-width:640px){
.join_us .part2 .info{width: 55%}
.join_us .part2 .two .info{width:47.14285714285714%}
}
@media(max-width:768px){
.join_us .part1.box .details,
.join_us .part1.box .photo{width:100%}
.join_us .part1.box .photo{text-align: center; padding-top: 5%}
}

.contact_us{padding-bottom: 0;}
.contact_us .article{position: absolute;padding:3.5%; max-width: 5.5rem}
.contact_us .article a{color: var(--color-lightblue)}
.contact_us .photo img{width: 100%}
@media(max-width:768px){
.contact_us .photo{overflow: hidden}
.contact_us .photo img{max-width: inherit;width:160%; margin-left: -50%}
.contact_us .article{background: rgba(255,255,255,0.6); padding: 5%}
}

.notice .column_title.center p{text-align: left}
.notice .list li{width:100%; background: var(--color-f3f5f7); border-radius:5px;margin-top:2.857142857142857%}
.notice .list li .info{padding:4%; position: relative}
.notice .list li .info h4{font-size: var(--f20); margin-bottom: .1rem; font-weight: bold}
.notice .list li .info h4:before{content: '';position: absolute; width: 4px; height: 14px; left: 0;transform: translateY(5px);background: var(--color-lightblue)}
.notice .list li .info p{}
.notice .list li.a_blue a{color:  var(--color-lightblue); display: inline-block}
@media(min-width:640px){
.notice .list li{width:47.85714285714286%}
.notice .list li:nth-child(1),
.notice .list li:nth-child(2){margin-top:0}
}

.dropdown-dl{line-height: .36rem;position: relative; z-index: 20}
.dropdown-dl dl{position: relative}
.dropdown-dl dt{position: relative; z-index: 2; padding-left:.20rem; display: flex; justify-content: space-between; align-items: center;background: var(--color-f3f5f7); border-radius: 5px; cursor: pointer}
.dropdown-dl dt:after{content: '';width: .36rem;height: .36rem; background: url("../images/svg/select.svg") no-repeat center center;transition: 0.5s}
.dropdown-dl dd{display: none; position: absolute; width: 100%;background: var(--color-fff);padding: .1rem 0; box-shadow: 0 8px 30px rgba(0,0,0,0.08); border-radius: 0 0 5px 5px;transform: translateY(-.05rem) }
.dropdown-dl dd ul{padding-bottom: .3rem;max-height: 2.52rem;overflow-y: auto}
.dropdown-dl dd ul li a{display: block; padding:0 .20rem;}
.dropdown-dl dd ul li a:hover{background: var(--color-f3f5f7)}
.dropdown-dl dd:after{content: '';position: absolute; width: 100%;height: .4rem; left: 0; bottom: 0; background: linear-gradient(rgba(255,255,255,0.5),rgba(255,255,255,1) 70%)}
.dropdown-dl dl.show dt:after{transform: rotate(-180deg)}


.category_filter{padding-bottom: 2.857%}
.category_filter dl{width: 240px;}

.view {line-height: .3rem; display:inline-flex; align-items: center;}
.view:after{content: '';margin-left:10px; width: 6px; height: 10px; transform: translateY(1px); background: url("../images/svg/view_jt.svg");filter: grayscale(100%) brightness(50%);}
li:hover .view:after{filter:none}

.view.bg{background: var(--color-f3f5f7); padding: 0 .16rem; border-radius: 5px;font-size: var(--f14); color: var(--color-lightblue);}
li:hover .view.bg,
.view.bg.hover{background: var(--color-lightblue); color: var(--color-fff); box-shadow: 0 8px 15px rgba(95,174,217,0.3);}
li:hover .view.bg:after,
.view.bg.hover:after{filter: brightness(0) invert(1);}

.sitemap li{padding: 1.5% 0; border-bottom: solid 1px var(--color-ddd)}
.sitemap li b{font-size: var(--f18)}
.sitemap li .sub span{display: inline-block; padding-right: .3rem}
.sitemap li .sub span a:not(:hover){color: var(--color-lightblue)}

.search_list li{padding: 1.5% 0; border-bottom: solid 1px var(--color-ddd)}
.search_list li time{float: right;color: var(--color-999);}

.article_detail .title{padding-bottom: 2%;}
.article_detail .title h1{font-size: var(--f30);line-height: 1.2; padding: 0; margin: 0 0 .2rem 0; font-weight:normal}
.article_detail .title p{font-size: var(--f14);padding: 0;margin: 0; color: var(--color-999); background: #f9f9f9}
.article_detail .title p span{display: inline-block;padding:.09rem .22rem}
.article_detail .article{font-size: var(--f18); padding: 3% 0; line-height: 1.875}
.article_detail .article .pic{text-align: center; padding: 3% 0}
.article_detail .article .pic p{font-size: var(--f16);}
.article_detail.full .detail{width: 100%}
@media(min-width:768px){
.article_detail{display: flex; justify-content: space-between}
.article_detail .detail{width: 62%}
}


.related {padding-top: 10%}
.related h3{font-size: var(--f18);padding: 0 0 .1rem 0; margin: 0; font-weight: normal;border-bottom: solid 1px var(--color-eee)}
.related li{padding: .3rem 0; border-bottom: solid 1px var(--color-eee)}
.related li a{display: flex; align-items: center; justify-content: space-between}
.related li .info{flex: 1}
.related li .info h4{font-size: var(--f16);}
.related li time{font-size: var(--f14);color: var(--color-999)}
.related li .pic{ width:35.556%; margin-left:8.888%;}
.related li .pic figure{padding-bottom:56.25%}
@media(min-width:768px){
.related{width: 32.14286%; padding-top: 0}
}

.prev_next{padding: 2% 0; position: relative; border-top: solid 1px var(--color-eee)}
.prev_next p{padding: .05rem 0; margin: 0;}
.prev_next p a{font-size: var(--f18)}
.prev_next p span{width: .88rem;display: inline-block;font-size: var(--f16);color: var(--color-999)}
.prev_next .back{padding-top:3%}
.prev_next .back a:before{content: '';display: inline-block;width: 6px; height: 10px;margin-right: .14rem; background: url("../images/svg/back.svg")}

.Pages { padding-top:.6rem}
.Pages .p_cur,
.Pages .p_count,
.Pages .p_total,
.Pages .p_jump,
.Pages .p_page .a_first,
.Pages .p_page .a_end{display: none}
.Pages .p_page{display: flex; justify-content: center}
.Pages .p_page .a_prev,
.Pages .p_page .a_next{font-size: 0; line-height: 0; position: relative}
.Pages .p_page .a_prev:before,
.Pages .p_page .a_next:before{content: '';position: absolute;width: 100%; height: 100%; background: url("../images/svg/page.svg") no-repeat center center}
.Pages .p_page a{width: .5rem; line-height: .5rem;border-radius:4px; display: block; box-shadow: 0 0 0 1px #dddddd}
.Pages .p_page .num{font-style: normal; display: flex;font-size: var(--f18); text-align: center; padding: 0 .2rem}
.Pages .p_page .num a:not(:last-child){margin-right: .2rem}
.Pages .p_page .a_prev,
.Pages .p_page .a_next,
.Pages .p_page .a_cur{color: var(--color-fff); background:var(--color-lightblue); }
.Pages .p_page .a_prev.no,
.Pages .p_page .a_next.no{background:none; box-shadow: 0 0 0 1px #dddddd}
.Pages .p_page .a_next{transform: rotate(180deg)}
.Pages .p_page .num a.a_cur{box-shadow: 0 0 0 1px var(--color-lightblue)}
.Pages .p_page .a_prev:not(.no):before,
.Pages .p_page .a_next:not(.no):before{filter: brightness(0) invert(1);}
.Pages .p_page .no{cursor: default}
@media(max-width:768px){
.Pages .p_page .num a:not(:last-child){margin-right: .1rem}
.Pages .p_page .num{padding: 0 .1rem}
.Pages .p_page a{width: .40rem; line-height: .40rem;}
}


.data-popup{background-color: rgba(0,0,0,0.5);display: flex;align-items: center; justify-content: center; position: fixed; top: 0;width: 100%; height: 100%; z-index: 9999; visibility: hidden; opacity: 0; left: -100%; transition: opacity 0.3s;}
.data-popup.pop-show{visibility: visible; opacity: 1; left: 0;}
.data-popup a.close{position: absolute; right: 0; top: 0; width: 0.4rem; height: 0.4rem;--color:#000;cursor: pointer; z-index: 10;}
.data-popup a.close:before,
.data-popup a.close:after{background-color: var(--color-lightblue); width: 60%; height: 2px;content: '';position: absolute; left: 20%; top: 50%; margin-top: -1px;transform: rotate(45deg);}
.data-popup a.close:after{transform: rotate(-45deg);}
.data-popup .inner{width: 95%;margin: 0 auto; max-width: 10rem; border-radius: 0.1rem; background-color: #fff; max-height: 90vh; padding: 0 0.1rem 0.2rem; position: relative;}
.data-popup .title{text-align: center; font-size: 0.28rem; font-weight: 700;padding: 1em 0;}
.data-popup .edit-info{overflow: auto; max-height: calc(80vh - 5em); padding: 0 0.3rem; line-height: 1.5;}
.data-popup .btn{text-align: center; padding-top:5%}
.data-popup .btn a{display: inline-block; line-height: .3rem; color: var(--color-fff); background-color: var(--color-lightblue);box-shadow: 0px 8px 15px 0px rgba(95, 174, 217, 0.3); border-radius: 5px; padding: 0 .3rem; cursor: pointer}
.data-popup .btn a:hover{background-color: var(--color-blue);}
.data-popup[data-type=view_success] .inner{max-width: 4.4rem; padding:2% 0}


.form_main .group{padding-bottom: .1rem;position: relative;line-height: .4rem;}
.form_main .sub{color:var(--color-333); line-height: .38rem; width: 100%; position: relative}
.form_main .sub span{color: var(--color-red)}
.form_main .sub .link,
.form_main .get{position: absolute; right: 0; color: var(--color-999);text-decoration: underline;  cursor: pointer}
.form_main .get {font-size: var(--f14);color: var(--color-lightblue);right: .2rem}
.form_main select,
.form_main .text{width: 100%; height: .40rem; line-height: .40rem; background-color: #f5f7fa;border-radius:5px; border: solid 1px #dcdee0; font-size: var(--f16); padding: 0 .1rem}
.form_main textarea.text{height: 1.25rem}
.form_main .imgcode{position: absolute; height: .4rem; right: 0}
.form_main input[type="checkbox"]{width: 20px; height: 20px; border-radius: 3px; border: 1px solid var(--color-999); background: #fff; margin-right: .1rem;float: left;}
.form_main input[type="checkbox"]:checked{border-color: var(--color-lightblue);background:var(--color-lightblue) url(../images/svg/checkbox.svg) no-repeat center center;}
.form_main .group.role label{display:inline-flex; align-items: center; margin-right: .2rem}
.form_main .group.role input[type=checkbox]{float: none}
.form_main .button{padding: .2rem 0; text-align: center}
.form_main .button .btn{color: var(--color-fff); background: var(--color-lightblue);border-radius:5px; font-size: var(--f16);width:100%; height: .4rem;border: none; cursor: pointer; box-shadow: 0px 8px 15px 0px rgba(95, 174, 217, 0.3);transition: 0.5s}
.form_main .button .btn:hover{background: var(--color-blue)}
.form_main .tip{position: absolute; color: #b2b2b2; padding-left: .1rem}
.form_main .tips{text-align: center;display: flex; align-items: center; justify-content: center; padding-top: .2rem}
.form_main .tips a{display: inline-block;color: var(--color-lightblue);text-decoration: underline; cursor: pointer}
.form_main .two .group{width:48.15%}

.feedback {margin: auto; max-width: 8rem}

/*index start*/
.banner-slide{position: relative;overflow: hidden}
.banner-slide .info{color: var(--color-fff);position: absolute;width: 100%; top: 45%; height: 40%; display: flex;flex-wrap: wrap; align-content: space-between;justify-content: center; text-align:center}
.banner-slide .info .txt{width:90%;margin: auto}
.banner-slide .info h3,
.banner-slide .info p,
.banner-slide .info .link{opacity: 0; transform: translateY(.5rem); transition: 0.5s;}
.banner-slide .info h3{font-size: calc(var(--f56)); line-height: 1.25; padding: 0; margin: 0; font-weight: normal}
.banner-slide .info p{font-size: var(--f24); max-width: 7.5rem; margin:.2rem auto; line-height:1.335; transition-delay:0.3s;}
.banner-slide .info .link{width: 100%; transition-delay:0.6s}
.banner-slide .info .link a{font-size: var(--f18); color: var(--color-fff);background-color: var(--color-lightblue); border-radius: 5px; line-height: .4rem; padding: 0 .3rem}
.banner-slide .info .link a:after{background-image: url("../images/svg/view_jt2.svg");filter:none}
.banner-slide .controls{}
.banner-slide .num{display: flex; align-items: center; justify-content: flex-end;color: var(--color-fff);position: absolute; right: .2rem; bottom: .2rem; z-index: 10}
.banner-slide .num span{font-size: var(--f20);padding: 0 .1rem;}
.banner-slide .num span.cur{color: var(--color-fff)}
.banner-slide .num span.total{opacity: 0.5}
.banner-slide .arrow{position: absolute; top: 50%; transform: translateY(-50%); width: .4rem; height: .4rem; display: block; cursor: pointer;background: url("../images/svg/slide-arrow.svg") no-repeat center center; z-index: 10; background-size:contain; transition: 0.5s}
.banner-slide .arrow.prev{left: -10%; transform: rotate(180deg)}
.banner-slide .arrow.next{right: -10%;}
.banner-slide:hover .arrow.prev{left: 3%;}
.banner-slide:hover .arrow.next{right: 3%;}
.banner-slide .pages{position: absolute; width: 100%; bottom:6%; z-index: 10; display: flex; justify-content: center; align-items: center}
.banner-slide .swiper-slide-active .info h3,
.banner-slide .swiper-slide-active .info p,
.banner-slide .swiper-slide-active .info .link{opacity: 1; transform: translateX(0)}
@media(max-width:1024px){
.banner-slide .info{top: 50%;height: auto;transform: translateY(-50%)}
.banner-slide .info p{font-size: var(--f18); }
}

.ind_body section{padding: 5.208333333333333% 0}
.ind_body .swiper-pagination-bullet{opacity:0.5; background: var(--color-fff); width: .3rem; height: 4px;transition: 0.5s}
.ind_body .swiper-pagination-bullet-active{opacity: 1; width: .4rem; height: 6px;}

.ind_column{display: flex; align-items: center; justify-content: space-between; border-top: solid 1px var(--color-ddd); position: relative; padding-bottom: .3rem}
.ind_column:before{content: '';position: absolute;top: -1px; width: 1.2rem; height: 3px;background-color: var(--color-lightblue);}
.ind_column h3{padding: .02rem 0; margin: 0; font-size: var(--f40); text-transform: uppercase}
.ind_column .view{color: var(--color-fff); background-color: var(--color-lightblue);box-shadow: 0px 8px 15px 0px rgba(95, 174, 217, 0.3); border-radius: 5px; padding: 0 .14rem;}
.ind_column .view:after{transform: none;filter: brightness(0) invert(1);}
.ind_column .view:hover{background-color: var(--color-blue);}

.ind_news .ind_column{ padding-bottom: .2rem}
.ind_news .list li .pic figure{padding-bottom:56.273%}
.ind_news .list li .info{flex: 1; order: -1}
.ind_news .list li .info time{font-size: var(--f14);}
.ind_news .list li .info h4{font-size: var(--f20); margin: .1rem 0}
.ind_news .list .one{width: 42.142858%;}
.ind_news .list .one .info{background: var(--color-blue); padding: .2rem .3rem}
.ind_news .list .one .info time{color:var(--color-999) }
.ind_news .list .one .info p{color:rgba(255,255,255,0.5); font-family: Arial }
.ind_news .list .one .info h4{color:var(--color-fff) }
.ind_news .list .one .info .view{color:var(--color-lightblue) }
.ind_news .list .one .info .view:after{filter:none}
.ind_news .list .one .info h4{font-size: var(--f22);-webkit-line-clamp:1;}
.ind_news .list .one .info p{height:.48rem; -webkit-line-clamp:2;margin-bottom: .2rem}
.ind_news .list .one .item:hover .info time,
.ind_news .list .one .item:hover .info p{color:var(--color-fff) }
.ind_news .list .one .item:hover .info h4{color:var(--color-lightblue)}
.ind_news .list .two{width: 55.42858%;}
.ind_news .list .two li{padding-bottom: .3rem; border-bottom: solid 1px var(--color-ddd)}
.ind_news .list .two li:not(:last-child){margin-bottom: .3rem}
.ind_news .list .two .pic{width: 51.28865979381443%; margin-left: 5.154639175257732%}
.ind_news .list .two .info time{color:var(--color-999)}
.ind_news .list .two .info p{color:var(--color-333);margin-bottom: .05rem}
@media(max-width:768px){
.ind_news .list .one{width:100%;padding-bottom: 5%}
.ind_news .list .two{width:100%;}
}
@media(max-width:768px){
.ind_news .list li .info{order: 2; padding: .2rem!important}
.ind_news .list .two .pic{width: 100%; margin-left: 0}
}

.ind_superconductivity{background: var(--color-f3f5f7); padding-bottom: 0!important}
.ind_superconductivity .list{position: relative; z-index: 10}
.ind_superconductivity .swiper{transform: translateY(.15rem)}
.ind_superconductivity li a{background: var(--color-fff); display: block}
.ind_superconductivity li .pic figure{padding-bottom:133.0769230769231%}
.ind_superconductivity li .info{display: flex; justify-content: space-between; padding: .2rem}
.ind_superconductivity li .info h4{font-size: var(--f20); min-width: 50%}
.ind_superconductivity li .info time{font-size: var(--f14); color:var(--color-999)}
@media(min-width:768px){
.ind_superconductivity .swiper-arrow{position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%)}
.ind_superconductivity .ying{position: relative;margin-left: -5%; margin-right: -5%;}
}
@media(max-width:768px){
.ind_superconductivity .swiper{width: 90%; margin: auto}
.ind_superconductivity .swiper-arrow{transform: translateY(-.3rem)}
}

.ind_issues{}

.ind_fusion{padding-top: 0!important}
.ind_fusion .swiper{background: var(--color-f3f5f7)}
.ind_fusion li .pic{width:100%}
.ind_fusion li .pic figure{padding-bottom: 66.668%}
.ind_fusion li .info{width:100%; padding:6% 5%}
.ind_fusion li .info h4{font-size: var(--f30); line-height: .36rem;}
.ind_fusion li .info h5{font-size: var(--f20); padding: 0; margin:.3rem 0;color:var(--color-333);font-weight: normal}
.ind_fusion li .info p{color:var(--color-333); margin-bottom: .4rem}
@media(min-width:640px){
.ind_fusion li .info{width: 50.7142%}
.ind_fusion li .pic{width: 49.2858%; order: 2}
}

.ind_conference_community{position: relative; padding: 0!important}
.ind_conference_community:before,
.ind_conference_community:after{content: '';position: absolute; top: 0;height: 100%; width: 50%;background: no-repeat center center;background-size: cover; }
.ind_conference_community:before{left: 0; background-image: url("../images/bg_l.jpg")}
.ind_conference_community:after{right: 0; background-image: url("../images/bg_r.jpg")}
.ind_conference_community .auto{position: relative; z-index: 10; padding-top:4.2%; padding-bottom:3.65%}
.ind_conference_community .auto:before{content: '';position: absolute; left: 50%;top: 0; width: 1px; height: 100%; background: var(--color-blue) }
.ind_conference_community .ind_column{border-top-color:rgba(255,255,255,0.1); margin-bottom: .2rem}
.ind_conference_community .box{width: 45.71428571428571%}
.ind_conference_community *{color: var(--color-fff)}
.ind_conference_community .pic figure{padding-bottom:56.25%}
.ind_conference_community .info{position: relative}
.ind_conference_community .txt{position: absolute; width: 100%; bottom: 100%; background: linear-gradient(rgba(0,0,0,0),rgba(0,0,0,0.5)); padding:6%}
.ind_conference_community .info h4{font-size: var(--f30);line-height: .36rem; width: 70%}
.ind_conference_community .info .place{padding: .15rem .2rem; margin-left: 6%; font-size: var(--f20); background: url("../images/svg/place.svg") no-repeat left}
.ind_conference_community .info .more{text-align: right;padding: .15rem 0}
.ind_conference_community .info .view{font-size: var(--f18)}
.ind_conference_community .info .view:after{filter: brightness(0) invert(1);}
.ind_conference_community .swiper-pagination{padding-top: .2rem}
@media(max-width:768px){
.ind_conference_community .box{width: 100%; padding: 2% 0}
.ind_conference_community .auto:before{display: none}
.ind_conference_community:before,
.ind_conference_community:after{width: 100%}
.ind_conference_community .info h4{width: 100%}
}

.ind_science_art .list{padding-top: .2rem}
.ind_science_art ul{position: relative;}
.ind_science_art li:first-child .info{border-top: solid 1px var(--color-ddd)}
.ind_science_art li .info{width:49.2858%;padding: .15rem 5%;border-bottom: solid 1px var(--color-ddd); transition: 0.5s}
.ind_science_art li .info .txt{display: none;}
.ind_science_art li .info h4{font-size: var(--f24); line-height: .4rem;}
.ind_science_art li .info h4:before{content: '';transform: translateX(-.4rem); position: absolute;background: url("../images/svg/icon.svg") no-repeat left center; width:20px; height: .4rem; filter: grayscale(100%) brightness(50%);}
.ind_science_art li .info p{font-size: var(--f18);margin-bottom: .3rem; margin-top: .2rem; color:var(--color-333) }
.ind_science_art li .pic{width:49.2858%; right: 0;top: 0;position: absolute}
.ind_science_art li .pic figure{padding-bottom:68.118%}
.ind_science_art li.show{background: var(--color-f3f5f7); }
.ind_science_art li.show .pic{z-index: 2}
.ind_science_art li.show .info{padding-top: .3rem; padding-bottom: .3rem}
.ind_science_art li.show .info h4{font-size: var(--f30);color:var(--color-lightblue)}
.ind_science_art li.show .info .txt{display:block}
.ind_science_art li.show .info h4:before{filter:none} 
@media(max-width:768px){
.ind_science_art li .pic{width:100%;position: relative}
.ind_science_art li .info{width: 100%; padding-left: .6rem}
.ind_science_art li .info .txt{display:block}
}

.ind_journals{background: var(--color-f3f5f7)}
.ind_journals .list{padding-top: .2rem}
.ind_journals ul{gap:.18rem;}
.ind_journals li{width:calc((100% - 2*.18rem) / 3); line-height: .56rem;font-size: var(--f18); }
.ind_journals li a{padding:0 .2rem; background: var(--color-fff); border-radius: 5px}
.ind_journals li a:before{content: '';float: right;width: 6px; height: .56rem; background: url(../images/svg/view_jt.svg) no-repeat center center;  filter: grayscale(100%) brightness(50%);}
.ind_journals li:hover a{color: var(--color-fff);background: var(--color-lightblue)}
.ind_journals li:hover a:before{filter: brightness(0) invert(1);}
@media(max-width:1024px){
.ind_journals li{width:calc((100% - 1*.2rem) / 2);}
}
@media(max-width:640px){
.ind_journals li{width:100%}
}
/*index end*/

/*member start*/
#member .column_title h3{font-size: var(--f40)}
#member .mainbox{padding:.7rem 0;width:90%; max-width: 5.40rem; margin: auto}
.main_login{padding-bottom: 0; min-height: 100vh; background: no-repeat center top; display: flex; justify-content: center; align-items: center; background-size: cover}
.main_login .banner img{position: absolute;width: 100%}
.main_login .login{transform: translateY(.5rem); width: 90%; max-width: 5.60rem; min-height: 5.60rem; margin: auto;padding:2.6045%; border-radius: 20px;background: var(--color-fff)}

.main_register .register{}
.main_password .password{}


#myMember{padding-top: 4.2858%}
#myMember .column_title{padding-bottom: .2rem}
#myMember .column_title h3{font-size: var(--f30)}
#myMember .form_main{padding: .3rem 0}
#myMember .form_main .group{line-height: .5rem}
#myMember .form_main select,
#myMember .form_main .text{font-size: var(--f18);height: .5rem;}
#myMember .form_main .button .btn{height: .5rem;}
#myMember .form_main .two .group{line-height: .6rem}
#myMember .form_main .two select,
#myMember .form_main .two .text{border-color: #f5f7fa; height: .6rem; padding: 0 .3rem}
#myMember .form_main .two .sub{color:var(--color-999)}
#myMember .form_main .two .get{right: .3rem;font-size: var(--f16);}
#myMember .form_main .role select{pointer-events: none;background: #f5f7fa}
#myMember .form_main .role_box{position: relative;}
/*#myMember .form_main .role_box:before{content: ''; position: absolute; left: 0; width: 100%; height: .6rem; z-index: 10}*/
#myMember .form_main.change_email{max-width: 4.6rem}
#myMember .form_main.change_email select,
#myMember .form_main.change_email .text{padding: 0 .2rem}
@media(max-width:1200px){
#myMember .form_main .two .group{width: 100%}
}

.member_main{width:72%; max-width: 9.50rem}
.member_menu{width:25%}
.member_menu .user_box{padding:9%; border-radius: 6px;background: linear-gradient(-45deg,#e3edf6,#f5f7fa,#d1e3f2); margin-bottom:8px;}
.member_menu .user_box figure{width: .9rem; height: .9rem; border-radius: 100%; overflow: hidden; position: relative}
.member_menu .user_box figure img{position: absolute; width: 100%; height: 100%; object-fit: cover; -o-object-fit: cover}
.member_menu .user_box .btn{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; color: #fff; display: flex; align-items: center; justify-content: center; opacity: 0; background-color: rgba(95,174,217,.8);}
.member_menu .user_box figure:hover .btn{ opacity: 1;}
.member_menu .user_box .user{flex: 1;padding-left:8%; }
.member_menu .user_box .user b{font-size: var(--f24);display: block}
.member_menu .user_box .user span{display: block}
.member_menu .user_box .info{padding-top:10%}
.member_menu .user_box dl{flex: 1; text-align: center}
.member_menu .user_box dl dt{font-size: var(--f32);line-height:1.2}
.member_menu .user_box dl:not(:last-child){border-right: solid 1px var(--color-fff)}
.member_menu ul{padding:10px 2px; border-radius: 6px;background: linear-gradient(45deg,#f5f7fa,#e3edf6)}
.member_menu ul li{font-size: var(--f18)}
.member_menu ul li:not(:last-child){border-bottom: solid 1px var(--color-fff)}
.member_menu ul li a{display: block; padding: 15px 30px 15px 60px; position: relative}
.member_menu ul li a:before,
.member_menu ul li a:after{content:'';position: absolute; height: 100%;top: 50%;transform: translateY(-50%); background: no-repeat center center}
.member_menu ul li a:after{right: 30px;width: 6px; background-image: url("../images/svg/view_jt.svg")}
.member_menu ul li:not(.aon) a:before,
.member_menu ul li:not(.aon) a:after{filter: grayscale(100%) brightness(0);}
.member_menu ul li.aon a{color: var(--color-lightblue)}
.member_menu ul li a:before{width: 20px; left: 28px;}
.member_menu ul li#menu104 a:before{background-image: url("../images/svg/my_icon1.svg")}
.member_menu ul li#menu106 a:before{background-image: url("../images/svg/my_icon2.svg")}
.member_menu ul li#menu107 a:before{background-image: url("../images/svg/my_icon3.svg")}
.member_menu ul li#menu147 a:before{background-image: url("../images/svg/my_icon4.svg")}
.member_menu ul li#menu148 a:before{background-image: url("../images/svg/my_icon5.svg")}
.member_menu ul li#menu153 a:before {background-image: url("../images/svg/my_icon5.svg")}
@media(min-width:1024px) and (max-width:1200px){
.member_menu .user_box .box{justify-content: center}
.member_menu .user_box .user{width: 100%; flex:initial;padding-left: 0; text-align: center; padding-top: 5%}
}
@media(max-width:1024px){
.member_main{width:100%; max-width:inherit}
.member_menu{width:100%; padding-bottom: 5%; display: flex; flex-wrap: wrap; justify-content: space-between}
.member_menu .user_box{padding: 3%; width: 38%}
.member_menu ul{width: 60%}
}
@media(max-width:640px){
.member_menu .user_box{width: 100%}
.member_menu ul{width:100%}
}


.my_operate{display: flex; justify-content: flex-end; line-height: .3rem; text-align: right;padding-bottom: .2rem}
.my_operate a{cursor: pointer;display: block; color: var(--color-666)}
.my_operate a:hover {color: var(--color-lightblue)}
.my_operate span a{padding: 0 .2rem; background: var(--color-f3f5f7); border-radius: 5px;}
.my_operate span:not(:last-child){margin-right: .1rem}
.my_operate span.on a{color: var(--color-lightblue)}
.my_operate .right{display: flex}
.my_operate .operate{display: flex; align-items: center}

.checkbox{cursor: pointer}
.checkbox input[type="checkbox"]{width: 20px; height: 20px; border: 1px solid  var(--color-333);-webkit-appearance: none;position: relative; margin-right: .1rem}
.checkbox input[type="checkbox"]:checked{background: var(--color-lightblue); border-color:  var(--color-lightblue)}
.checkbox input[type="checkbox"]:checked:after{content: ''; position: absolute; width: 100%; height: 100%; background:url(../images/svg/checkbox.svg) no-repeat center center}

.my_cancel{padding-top: .6rem}
.my_cancel a{font-size: var(--f18);color: var(--color-lightblue); cursor: pointer}
.my_cancel .Pages{padding-top: 0}

#CollectionsManagement .my_operate .operate{display: none}
#CollectionsManagement .my_operate .cancel{display: none}
#CollectionsManagement .my_cancel .cancel{display: none}
#CollectionsCancel .my_operate{justify-content: space-between}
#CollectionsCancel .my_operate .management{display: none}
#CollectionsCancel .my_operate .cancel{display: block}
#CollectionsCancel .my_cancel{display: flex; align-items: center; justify-content: space-between}

#CollectionsManagement .all_issues_list .checkbox{display: none}
#CollectionsCancel .all_issues_list li .box{padding-left: .5rem; position: relative}
#CollectionsCancel .all_issues_list li dl{flex-wrap: nowrap;white-space: nowrap;}
#CollectionsCancel .all_issues_list li .box .checkbox{left: 0; position: absolute; top: 50%; transform: translateY(-50%)}

.my_points li{padding: .12rem 0; border-bottom: solid 1px var(--color-eee);display: flex; justify-content: space-between}
.my_points li .txt *{padding: 0; margin: 0}
.my_points li .txt h4{font-size: var(--f18); font-weight: normal}
.my_points li .txt time{font-size: var(--f14);color: var(--color-999)}
.my_points li .points{margin-left: 5%; font-size: var(--f20); white-space: nowrap}
/*member end*/

.comment{ background-color:#f3f5f7; margin-top:.2rem; padding:.15rem .2rem .3rem; border-radius:4px;}
.comment_input{ background-color:#fff; border-radius:4px; padding:.1rem; margin-bottom:.3rem; }
.comment_input .textarea{ width:100%; height:.6rem; border:none; resize: none!important;}
.comment_input .btn{ display:flex; justify-content:flex-end;}
.comment_input .btn .submit{ width:.8rem; line-height:.3rem; text-align:center; color:#fff; font-size:var(--f14); background-color:var(--color-lightblue); border-radius:4px; cursor:pointer;}
.comment_input .btn .submit:hover{ background-color:var(--color-blue);}
.comment_list{max-height: 4.2rem; overflow-y: auto}
.comment_list .item{ display:flex; margin-top:.3rem; }
.comment_list .item .head{ flex-shrink:0; margin-right:.1rem; }
.comment_list .item .head img{ width:.4rem; height:.4rem; object-fit:cover; border-radius:100%;}
.comment_list .item .textwarp{ flex:1; min-width:0;font-size:var(--f14); }
.comment_list .item .title{ color:#999999; line-height:1.4;}
.comment_list .item .title span{ margin-right:.1rem;}
.comment_list .item .text{font-size:var(--f14); color:#333;}

/* 搜索框样式 */
.paper_relevance .search_box {
	position: relative;
	margin-bottom: .3rem;
	max-width: 3.6rem;
}

.paper_relevance .search_box input {
	width: 100%;
	padding: .16rem .5rem .16rem .18rem;
	border-radius: 4px;
	background: #f5f7fa;
	outline: none;
	box-sizing: border-box;
    border: none;
}

.paper_relevance .search_box input::placeholder {
	color: #b2b2b2;
}

.paper_relevance .search_box .search_icon {
	position: absolute;
	right: .2rem;
	top: 50%;
	transform: translateY(-50%);
	width: 20px;
	height: 20px;
	background: url(../images/svg/search.svg) no-repeat center center;
	cursor: pointer;
}

/* 列表样式 */

.paper_relevance .article_row {
	padding: .2rem;
	border-bottom: 1px solid #f0f0f0;
}

.paper_relevance .article_header {
    padding: .2rem;
	background: #fafafa;
    color: #555555;
}

.paper_relevance .article_row:hover {
	background: #f9f9f9;
}

/* 列宽设置 */
.paper_relevance .col_number {
	width: 1.6rem;
	flex-shrink: 0;
	font-size: .14rem;
}

.paper_relevance .article_header .col_title{
    text-align: center;
    flex: 1;
}

.paper_relevance .article_row .col_title {
	flex: 1;
	padding-right: 40px;
	line-height: calc(.24rem / .18rem);
    font-size: 0.18rem;
	word-break: break-word;
    font-weight: bold;
}

.paper_relevance .col_operation {
	width: 1.5rem;
	flex-shrink: 0;
	text-align: center;
}

/* Claim按钮样式 */
.paper_relevance .claim_btn {
	display: inline-flex;
	align-items: center;
	gap: .38rem;
	color: var(--color-lightblue);
	font-size: .13rem;
	text-decoration: none;
	padding: .1rem;
	border-radius: 4px;
	background-color: #f3f5f7;
	transition: all 0.3s;
    line-height: 1;
}

.paper_relevance .claim_btn .arrow_icon {
	display: inline-block;
	width: .06rem;
	height: .1rem;
	/* 箭头图标路径占位 */
	background-image: url('../images/svg/menu_icon1.svg');
	background-size: contain;
	background-repeat: no-repeat;
}

/* ========== Claim Article 弹窗样式 ========== */

/* 遮罩层 */
.claim_modal_overlay {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: rgba(0, 0, 0, 0.5);
	display: none;
	justify-content: center;
	align-items: center;
	z-index: 9999;
}

.claim_modal_overlay.show {
	display: flex;
}

/* 弹窗容器 */
.claim_modal {
	background: #fff;
	border-radius: .1rem;
	width: 90%;
	max-width: 4.4rem;
	padding: .4rem;
	box-shadow: 0 10px 40px rgba(0, 0, 0, 0.15);
}

/* 标题 */
.claim_modal_title {
	font-size: .3rem;
	font-weight: 700;
	color: var(--color-000);
	text-align: center;
	margin: 0 0 .3rem;
}

/* 内容区域 */
.claim_modal_body {
	margin-bottom: .3rem;
}

/* 选项组 */
.claim_option_group {
	padding: .12rem .1rem;
	border-radius: 0.04rem;
	margin-bottom: .2rem;
	background-color: #f3f5f7;
}

/* 复选框标签 */
.claim_checkbox_label {
	cursor: pointer;
	user-select: none;
}

.claim_checkbox_label.sub_label {
	margin-left: .24rem;
	margin-top: .1rem;
	font-size: .14rem;
	color: #555;
}

/* 隐藏原生复选框 */
.claim_checkbox {
	position: absolute;
	opacity: 0;
	width: 0;
	height: 0;
}

/* 自定义复选框样式 */
.checkbox_custom {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: .14rem;
	height: .14rem;
	border: solid 0.01rem #999999;
	border-radius: 0.02rem;
	margin-right: .1rem;
	flex-shrink: 0;
	background: #fff;
	transition: all 0.2s ease;
	position: relative;
}

.checkbox_custom::after {
	content: '';
	width: 6px;
	height: 10px;
	border: solid #fff;
	border-width: 0 2px 2px 0;
	transform: rotate(45deg) scale(0);
	transition: transform 0.2s ease;
	position: absolute;
}

/* 选中状态 */
.claim_checkbox:checked + .checkbox_custom {
	background-color: var(--color-lightblue);
	border-color: var(--color-lightblue);
}

.claim_checkbox:checked + .checkbox_custom::after {
	transform: rotate(45deg) scale(1);
}

/* hover 效果 */
.claim_checkbox_label:hover .checkbox_custom {
	border-color: var(--color-lightblue);
}

/* 文本 */
.checkbox_text {
	font-weight: 500;
}

/* 子选项容器 */
.sub_options {
	margin-top: 8px;
}

/* 底部按钮区域 */
.claim_modal_footer {
	text-align: center;
}

/* Submit 按钮 */
.claim_submit_btn {
	display: inline-block;
	padding: .1rem .2rem;
	background: var(--color-lightblue);
	color: #fff;
	border: none;
	background-color: #5faed9;
	box-shadow: 0rem 0.08rem 0.15rem 0rem 
		rgba(95, 174, 217, 0.3);
	border-radius: 0.05rem;
	cursor: pointer;
	transition: background 0.3s ease;
}

/* 顶部导航按钮 */
.my_paper .my_paper_tabs {
	gap: .1rem;
}

.my_paper .my_paper_tabs .tab_btn {
	color: #666666;
	text-decoration: none;
	padding: .08rem .16rem;
	transition: color 0.3s ease;
	background-color: #f3f5f7;
	border-radius: 0.04rem;
    line-height: 1;
}

.my_paper .my_paper_tabs .tab_btn:hover,
.my_paper .my_paper_tabs .tab_btn.active {
	color: var(--color-lightblue);
}

/* 区域标题 */
.my_paper .paper_section {
	scroll-margin-top: 1rem;
    margin-bottom: .8rem;
}

.my_paper #section_author .section_title{padding-top: .2rem;}

.my_paper .section_title {
	font-size: .24rem;
	font-weight: 700;
	color: #000;
	margin: 0 0 18px;
}

/* 通用表格样式 */
.my_paper .info_table,
.my_paper .article_table {
	margin-bottom: 32px;
}

.my_paper .table_row {
	padding: .2rem;
	border-bottom: 1px solid #eee;
}

.my_paper .table_header {
	background: #f7f7f7;
	color: #555555;
    padding: .2rem;
}

.my_paper .table_row {
	font-size: 13px;
	color: #222;
}

.my_paper .table_row:hover {
	background: #fafafa;
}

/* 作者信息表列宽 */
.my_paper .info_table .col_name {
	width: 220px;
	flex-shrink: 0;
	text-align: left;
}

.my_paper .info_table .col_citation {
	flex: 1;
	text-align: center;
}

/* 文章详情表列宽 */
.my_paper .article_table .col_role {
	width: 130px;
	flex-shrink: 0;
	text-align: left;
}

.my_paper .article_table .col_title {
	flex: 1;
	text-align: center;
	min-width: 120px;
}

.my_paper .article_table .col_no {
	width: 1.4rem;
	flex-shrink: 0;
	text-align: center;
}

.my_paper .article_table .col_cite {
	width: 1.4rem;
	flex-shrink: 0;
	text-align: center;
}

.my_paper .article_table .col_date,
.my_paper .info_table .col_year {
	width: 1.4rem;
	flex-shrink: 0;
    text-align: center;
}

@media(max-width:640px){
/* ========== paper_relevance 响应式 ========== */
.paper_relevance .search_box{max-width: 100%}
/* 列表行改为纵向布局 */
.paper_relevance .article_header{display: none;}
.paper_relevance .article_row{
	flex-direction: column;
	align-items: flex-start;
	gap: .1rem;
	padding: .2rem .15rem;
}
.paper_relevance .col_number,
.paper_relevance .col_title,
.paper_relevance .col_operation{
	width: 100%;
	text-align: left;
}
.paper_relevance .col_title{padding-right: 0;}
.paper_relevance .col_operation{text-align: right; align-self: flex-end;}
/* Claim 按钮调整 */
.paper_relevance .claim_btn{gap: .2rem; padding: .08rem .12rem;}

/* ========== my_paper 响应式 ========== */
/* 导航按钮平铺 */
.my_paper .my_paper_tabs{
	flex-wrap: wrap;
	gap: .08rem;
	justify-content: flex-start;
}
.my_paper .my_paper_tabs .tab_btn{padding: .06rem .12rem; font-size: .13rem;}
/* 标题缩小 */
.my_paper .section_title{font-size: .2rem; margin-bottom: .12rem;}
/* 表格行改为卡片式布局 */
.my_paper .table_header{display: none;}
.my_paper .table_row{
	flex-direction: column;
	align-items: flex-start;
	gap: .1rem;
	padding: .15rem;
	background: #fafafa;
	border: 1px solid #eee;
	border-radius: .04rem;
	margin-bottom: .1rem;
}
.my_paper .table_row:hover{background: #f5f5f5;}
/* 卡片内字段标签 */
.my_paper .info_table .col_name::before{content: 'Name: '; color: #999; font-weight: 500;}
.my_paper .info_table .col_citation::before{content: 'Citation: '; color: #999; font-weight: 500;}
.my_paper .info_table .col_year::before{content: 'Year: '; color: #999; font-weight: 500;}
.my_paper .article_table .col_role::before{content: 'Role: '; color: #999; font-weight: 500;}
.my_paper .article_table .col_title::before{content: 'Title: '; color: #999; font-weight: 500;}
.my_paper .article_table .col_no::before{content: 'No.: '; color: #999; font-weight: 500;}
.my_paper .article_table .col_cite::before{content: 'Citation: '; color: #999; font-weight: 500;}
.my_paper .article_table .col_date::before{content: 'Date: '; color: #999; font-weight: 500;}
/* 作者信息表 */
.my_paper .info_table .col_name,
.my_paper .info_table .col_citation,
.my_paper .info_table .col_year{
	width: 100%;
	text-align: left;
}
/* 文章详情表 */
.my_paper .article_table .col_role,
.my_paper .article_table .col_title,
.my_paper .article_table .col_no,
.my_paper .article_table .col_cite,
.my_paper .article_table .col_date{
	width: 100%;
	text-align: left;
	min-width: 0;
}

/* ========== Claim 弹窗响应式 ========== */
.claim_modal{
	width: 92%;
	padding: .3rem .2rem .2rem;
}
.claim_modal_title{font-size: .22rem; margin-bottom: .2rem;}
.claim_option_group{padding: .12rem .15rem;}
.claim_checkbox_label{font-size: .14rem;}
.claim_checkbox_label.sub_label{margin-left: .15rem; font-size: .13rem;}
.claim_submit_btn{padding: .08rem .3rem; font-size: .14rem;}
}