.index_banner{width: 100%;padding: 240px 0 0;margin-top: 80px;background-color: #fff;position: relative;z-index: 1;}
.index_banner::before{content: '';position: absolute;top: 0;left: -3px;z-index: -1;width: calc(100% + 3px);height: calc(100% - 100px);background: url(../images/banner_index.jpg) no-repeat center bottom/cover;}
.index_banner .logo{width: 400px;max-width: 60%;margin: 0 auto;font-size: 3em;color: #fff;}
.index_banner .about p{font-size: 2.2em;color: rgba(255, 255, 255, .8);letter-spacing: 5px;text-align: center;margin: 20px 0;}
.index_banner .about h2{font-size: 3em;color: #fff;text-align: center;font-weight: normal;}
.index_banner .about p.en{font-size: 1.6em;letter-spacing: 0;margin: 30px auto 50px;}
.index_banner .search{width: 900px;max-width: 100%;display: flex;align-items: center;justify-content: center;margin: 0 auto 80px;}
.index_banner .search form{background: #fff url(../images/icon_search.png) no-repeat 20px center/20px;flex: 1;height: 52px;border: 1px solid var(--primary-color);box-shadow: 0 0 10px var(--primary-color);padding: 5px 5px 5px 50px;border-radius: 50px;display: flex;align-items: center;margin-right: 10px;}
.index_banner .search .keywords{width: calc(100% - 50px);height: 100%;border-radius: inherit;font-size: 1.6em;padding: 0 10px;}
.index_banner .search .keywords::placeholder{color: #c9c9c9;}
.index_banner .search .submit{width: 40px;height: 100%;border-radius: inherit;background-color: var(--primary-color);display: flex;align-items: center;justify-content: center;color: #fff;cursor: pointer;transition: all .3s ease-out;}
.index_banner .search .submit:hover{background-color: #000;}
.index_banner .search a.expert{max-width: 60px;font-size: 1.4em;color: #fff;text-decoration: underline;}
.index_banner .search a.expert:hover{color: var(--primary-color);}
.index_banner .list li{width: calc(33.333% - 30px);background: linear-gradient(to right bottom, #fff, #d7ebf7);box-shadow: 0 0 15px #eee;}
.index_banner .list li a{width: 100%;height: 100%;padding: 40px 30px 80px;position: relative;z-index: 1;overflow: hidden;display: block;transition: all .6s ease-out;}
.index_banner .list li a::before{content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: url(../images/bg1.png) no-repeat center/cover;opacity: 0;transition: inherit;z-index: -1;}
.index_banner .list li:hover{box-shadow: 0 0 15px #ccc;}
.index_banner .list li:hover a::before{opacity: 1;}
.index_banner .list li:hover .title,
.index_banner .list li:hover p{color: #fff;}
.index_banner .list li .title{font-size: 2.2em;color: var(--primary-color);line-height: 1;}
.index_banner .list li p{font-size: 1.6em;color: #565656;margin-top: 30px;}

.index_type_name{display: flex;justify-content: space-between;border-bottom: 2px solid #eaeaea;position: relative;padding: 0 0 20px 15px;}
.index_type_name p{font-size: 2.4em;color: var(--primary-color);position: relative;}
.index_type_name p::after{content: '';position: absolute;bottom: -23px;left: 0;width: 100%;height: 5px;background-color: var(--primary-color);}
.index_type_name .more{padding: 10px 30px;background-color: #e4edf5;border-radius: 50px;font-size: 1.5em;color: var(--primary-color);display: flex;align-items: center;transition: all .3s ease-out;}
.index_type_name .more i{font-size: 12px;margin-left: 20px;transition: inherit;}
.index_type_name .more:hover{background-color: var(--primary-color);color: #fff;}
.index_type_name .more:hover i{transform: translateX(10px);}

.index_article{background-color: #fff;}
.index_article ul li{width: 20%;padding: 0 20px;margin-top: 40px;border-right: 1px solid #eee;}
.index_article ul li:last-child{border-right: 0;}
.index_article ul li .pic_constant .inner::after{padding-top: 100%;}
.index_article ul li .pic_constant:hover .inner{transform: scale(1.02);}
.index_article ul li .short_title{font-size: 1.4em;color: var(--primary-color);margin: 15px 0 10px;}
.index_article ul li .title{height: 48px;font-size: 1.6em;margin-bottom: 10px;}
.index_article ul li .others span{font-size: 1.4em;color: #959595;display: flex;align-items: center;white-space: nowrap;}
.index_article ul li .others span i{color: #c7c7c7;margin-right: 2px;font-size: 16px;}
.index_article ul li .others span:first-child{max-width: 60px;overflow: hidden;}

.index_service{background: url(../images/bg_service.jpg) no-repeat center/cover;padding: 100px 0;}
.index_service .main{width: 630px;max-width: 100%;}
.index_service .main p{font-size: 2.4em;font-style: italic;color: #fff;}
.index_service .main ul li{margin: 30px 20px 0 0;}
.index_service .main ul li a{padding: 10px 20px;min-width: 150px;background-color: #fff;border-radius: 50px;font-size: 1.5em;display: flex;align-items: center;justify-content: center;transition: all .3s ease-out;}
.index_service .main ul li i{font-size: 12px;margin-left: 10px;transition: inherit;}
.index_service .main ul li a:hover{background-color: var(--primary-color);color: #fff;}
.index_service .main ul li a:hover i{transform: translateX(10px);}
.index_service .qrcode{background-color: rgba(120, 210, 250, .2);border: 2px solid rgba(255, 255, 255, .4);border-radius: 15px;padding: 15px;margin: 30px 0;transition: all .3s ease-out;}
.index_service .qrcode img{width: 120px;margin-bottom: 10px;}
.index_service .qrcode p{font-size: 1.2em;color: #fff;text-align: center;}
.index_service .qrcode:hover{background-color: var(--primary-color);}

.index_news{background: url(../images/bg_news.jpg) no-repeat center/cover;}
.index_news .list{width: 40%;background: url(../images/bg2.jpg) no-repeat center/cover;padding: 20px 0;display: flex;flex-direction: column;justify-content: center;}
.index_news .list li{padding: 20px 30px;border-top: 1px solid rgba(0, 0, 0, .05);}
.index_news .list li:first-child{border-top: 0;}
.index_news .list li .title{font-size: 1.6em;margin-bottom: 10px;}
.index_news .list li .date{font-size: 1.4em;color: #888787;}
.index_news .swiper_news{width: 60%;background-color: #fff;padding: 25px 35px;display: flex;align-items: center;}
.index_news .swiper_news .pic_constant .inner::after{padding-top: 30%;}
.index_news .swiper_news .txt{background: linear-gradient(to right, #f4f6fb, #fff);padding: 20px 50px;}
.index_news .swiper_news .title{font-size: 1.6em;}
.index_news .swiper_news .pic_constant:hover .inner{transform: scale(1.02);}
.index_news .swiper_news .button{position: absolute;bottom: 20px;z-index: 6;cursor: pointer;transition: all .3s ease-out;}
.index_news .swiper_news .button img{height: 24px;transition: inherit;}
.index_news .swiper_news .button-next{right: 10px;}
.index_news .swiper_news .button-prev{left: 10px;}
.index_news .swiper_news .button-next:hover img{transform: translateX(3px);}
.index_news .swiper_news .button-prev:hover img{transform: translateX(-3px);}

.popup_fixed{position: fixed;top: 0;left: 0;z-index: 999;;width: 100%;height: 100%;background-color: rgba(0, 0, 0, .5);display: none;}
.popup_fixed .section{width: 100%;height: 100%;padding: 60px 4%;}
.popup_fixed .cont{width: 700px;border-radius: 8px;overflow: hidden;}
.popup_fixed .top{padding: 10px 20px;background-color: var(--primary-color);display: flex;justify-content: space-between;align-items: center;color: #fff;}
.popup_fixed .top span{font-size: 1.6em;margin-left: 10px;}
.popup_fixed .close:hover{color: #000;cursor: pointer;}
.popup_fixed .detail{background-color: #fff;padding: 20px 20px 30px;}

.service_popup_fixed{position: fixed;top: 0;left: 0;z-index: 999;;width: 100%;height: 100%;background-color: rgba(0, 0, 0, .5);display: none;}
.service_popup_fixed .close:hover{color: #000;cursor: pointer;}
.service_popup_fixed .wrap{width: 100%;height: 100%;padding: 60px 4%;}
.service_popup_fixed .service{width: 1200px;max-width: 100%;max-height: 100%;overflow-y: auto;background-color: #fff;border-radius: 10px;padding: 20px 30px 50px;}
.service_popup_fixed .close{font-size: 16px;color: var(--primary-color);}
.service_popup_fixed .success{width: 140px;margin: 0 auto;}
.service_popup_fixed .txt{width: 100%;padding: 15px 20px;background: url(../images/bg5.jpg) no-repeat center/cover;color: #fff;border-radius: 4px;}
.service_popup_fixed .txt h3{font-size: 1.8em;}
.service_popup_fixed .txt p{font-size: 1.4em;margin-top: 5px;}
.service_popup_fixed ul li{width: 33%;height: auto;}
.service_popup_fixed ul li a{height: 100%;display: flex;flex-direction: column;}
.service_popup_fixed ul li .inner{flex: 1;display: flex;flex-direction: column;border: 2px solid transparent;border-radius: 20px;color: var(--primary-color);padding: 25px;position: relative;z-index: 1;transition: all .3s ease-out;}
.service_popup_fixed ul li .inner::before{content: '';position: absolute;top: 6px;left: 6px;z-index: -1;width: calc(100% - 12px);height: calc(100% - 12px);background: linear-gradient(to bottom, #c5e9f9, #fff);border-radius: 16px;}
.service_popup_fixed ul li .top h3{font-size: 1.8em;}
.service_popup_fixed ul li .top p{font-size: 1.5em;margin: 6px 0 15px;}
.service_popup_fixed ul li .section{flex: 1;border-radius: 12px;border: 1px solid #d3d8df;padding: 20px;background-color: #fff;position: relative;}
.service_popup_fixed ul li .section::after{content: '';border-radius: inherit;position: absolute;bottom: 0;left: 0;width: 100%;height: 40%;background: linear-gradient(to bottom, transparent, rgba(255,255,255,.8), #fff)}
.service_popup_fixed ul li .section h3{padding: 5px 10px;font-size: 1.2em;background-color: #f4fcff;color: var(--primary-color);}
.service_popup_fixed ul li .section p{font-size: 1.2em;color: #6b6d70;}
.service_popup_fixed ul li .section .udl{text-decoration: underline;}
.service_popup_fixed ul li .section .tit{font-size: 1.4em;}
.service_popup_fixed ul li .section .tit i{font-size: 16px;margin-right: 5px;}
.service_popup_fixed ul li .section .line{width: 100%;height: 2px;border: 1px dashed #ddd;margin: 15px 0;}
.service_popup_fixed ul li .btn{text-align: center;}
.service_popup_fixed ul li .btn span{padding: 10px 30px;border: 1px solid var(--primary-color);color: var(--primary-color);font-size: 1.4em;border-radius: 8px;display: inline-block;}
.service_popup_fixed.en ul li .btn span{width: calc(100% - 20px);padding: 10px 5px;}
.service_popup_fixed ul li:hover .inner{border-color: var(--primary-color);}
.service_popup_fixed ul li:hover .btn span{background-color: var(--primary-color);color: #fff;transition: all .3s ease-out;}
.service_popup_fixed .btm_btn{text-align: center;}
.service_popup_fixed .btm_btn a{padding: 10px 50px;font-size: 1.4em;border-radius: 8px;background: linear-gradient(to bottom, #0d7dab, #055a7d);color: #fff;display: inline-block;}
.service_popup_fixed .btm_btn a:hover{background: linear-gradient(to bottom right, #055a7d, #0d7dab);}

.page{margin-top: 80px;padding: 30px 0 50px;border-top: 2px solid var(--primary-color);}

.result_lf{width: 360px;position: sticky;top: 110px;z-index: 5;background-color: #fff;border-radius: 10px;}
.result_lf .type_name{padding: 3px 3px 0 3px;border-bottom: 1px solid #f9f9f9;}
.result_lf .type_name .inner{background-color: #f9fcfe;border-radius: 10px;font-size: 1.6em;color: var(--primary-color);height: 47px;line-height: 47px;text-align: center;font-weight: bold;}
.result_lf .section{padding: 30px 20px;border-bottom: 1px solid #e2e2e2;}
.result_lf .section:last-child{border-bottom: 0;}
.result_lf .dropdown_title{display: flex;justify-content: space-between;align-items: center;font-size: 1.6em;cursor: pointer;}
.result_lf .dropdown_title i{color: #959595;transition: all .3s ease-out;}
.result_lf .dropdown_title:hover i{color: var(--primary-color);}
.result_lf .dropdown_title.toggle i{transform: rotate(-180deg);}
.result_lf .dropdown_cont{padding-top: 10px;}
.result_lf .section.years .dropdown_cont ul{height: 92px;overflow-y: hidden;transition: all .3s ease-out;}
.result_lf .section.years .dropdown_cont ul.toggle{height: 210px;overflow-y: auto;}
.result_lf .dropdown_cont ul li{display: flex;justify-content: space-between;align-items: center;margin-top: 10px;}
.result_lf .dropdown_cont ul li:first-child{margin-top: 0;}
.result_lf .dropdown_cont ul li .item_checkbox{width: calc(100% - 50px);}
.result_lf .dropdown_cont ul li .item_checkbox .layui-form-checkbox,
.result_lf .dropdown_cont ul li .item_checkbox .layui-form-checkbox>div,
.result_lf .dropdown_cont ul li .item_checkbox .layui-form-checkbox>div .txt{width: 100%;}
.result_lf .dropdown_cont ul li .txt{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.result_lf .dropdown_cont ul li .result_nums{color: #999;font-size: 1.4em;}
.result_lf .more{margin-top: 10px;}
.result_lf .more i{margin-left: 10px;transition: all .3s ease-out;}
.result_lf .more span:nth-child(2){display: none;}
.result_lf .more.toggle span:nth-child(1){display: none;}
.result_lf .more.toggle span:nth-child(2){display: inline-block;}
.result_lf .more.toggle i{transform: rotate(-180deg);}

.result_rt{width: calc(100% - 390px);}
.result_rt .result{background-color: #fff;border-radius: 10px;padding: 20px;z-index: 5;}
.result_rt .result.bg_gradient::before{height: 80px;}

.result_rt .search .type_name{overflow: hidden;}
.result_rt .search .type_name .inner{background-color: #fff;transform: skewX(25deg) translateX(-20px);display: inline-block;height: 50px;line-height: 50px;padding: 0 50px 0 60px;border-bottom: 1px solid #eee;}
.result_rt .search .type_name .inner p{transform: skewX(-25deg);font-size: 1.6em;color: var(--primary-color);font-weight: bold;}
.result_rt .search form{background-color: #fff;border-radius: 0 10px 10px 10px;padding: 20px;font-size: 14px;}
.result_rt .search .item_row{gap: 10px;display: flex;margin-bottom: 10px;}
.result_rt .search .item_row .lf{width: 74px;display: flex;align-items: center;justify-content: center;gap: 10px;}
.result_rt .search .item_row .lf i{font-size: 20px;color: var(--primary-color);cursor: pointer;}
.result_rt .search .item_row .s1{width: 140px;}
.result_rt .search .item_row .s2{width: 124px;}
.result_rt .search .item_row .keywords{flex: 1;border-radius: 4px 0 0 4px;}
.result_rt .search .item_row .rt{flex: 1;display: flex;}
.result_rt .search .btm{border-top: 1px solid #eaeaea;margin-top: 40px;padding-top: 20px;gap: 20px;}
.result_rt .search .reset{background: none;color: #333;}
.result_rt .search .submit{background: linear-gradient(to right bottom, #075c7e, #147ca8, #1783b0);}
.result_rt .search .submit:hover{background: linear-gradient(to right bottom, #1783b0, #147ca8, #075c7e);}

.result_rt .section_top .counts{font-size: 1.4em;}
.result_rt .section_top .sort{font-size: 1.4em;display: flex;}
.result_rt .section_top .sort .item{border: 1px solid #e2e2e2;border-right: 0;padding: 8px 10px;display: flex;align-items: center;justify-content: center;cursor: pointer;line-height: 1.1;}
.result_rt .section_top .sort .item span{display: flex;flex-direction: column;justify-content: center;margin: -3px 0 0 5px;}
.result_rt .section_top .sort .item span i{font-size: 8px;width: 5px;height: 5px;color: #bbb;}
.result_rt .section_top .sort .item:first-child{border-radius: 6px 0 0 6px;}
.result_rt .section_top .sort .item:last-child{border-radius: 0 6px 6px 0;border-right: 1px solid #e2e2e2;}
.result_rt .section_top .sort .item.desc span i.fa-caret-up{color: #000;}
.result_rt .section_top .sort .item.asc span i.fa-caret-down{color: #000;}
.result_rt .section_top .sort .item.on{background-color: var(--primary-color);color: #fff;border-color: var(--primary-color);}
.result_rt .section_top .sort .item.on span i{color: #fff;}

.list_book li{border-bottom: 1px solid #e2e2e2;padding: 20px 0;}
.list_book li .type{font-size: 1.6em;padding: 10px;background-color: #f3fcff;margin-bottom: 20px;}
.list_book li .title{font-size: 1.6em;}
.list_book li .row_txt{display: flex;margin-top: 15px;}
.list_book li .lable{font-size: 1.4em;color: #6b6d70;white-space: nowrap;}
.list_book li p{font-size: 14px;color: #4f5054;}
.list_book li .row_txt a{text-decoration: underline;}
.list_book li .counts .item{display: flex;align-items: center;}
.list_book li .counts .item span{color: var(--primary-color);font-family: Arial;margin-left: 2px;font-size: 14px;}
.list_book li .btns .btn{padding: 5px 12px;font-size: 1.4em;border-radius: 6px;border: 1px solid var(--primary-color);color: var(--primary-color);cursor: pointer;position: relative;z-index: 2;}
.list_book li .btns .btn i{margin-right: 2px;}
.list_book li .btns .btn.on,
.list_book li .btns .btn:hover{background-color: var(--primary-color);color: #fff;opacity: 1;}
.list_book li .btns .btn a:hover{color: inherit;}
.list_book li .btns .btn .qrcode{width: 120px;position: absolute;top: calc(100% + 30px);right: 0;border: 1px solid var(--primary-color);border-radius: 8px;background-color: #fff;opacity: 0;visibility: hidden;}
.list_book li .btns .btn .qrcode .img{width: 100%;padding: 10px;border-bottom: 1px solid var(--primary-color);}
.list_book li .btns .btn .qrcode .img img{width: 100%;display: block;}
.list_book li .btns .btn .qrcode p{font-size: 14px;color: var(--primary-color);text-align: center;padding: 5px 0;}
.list_book li .btns .btn:hover .qrcode{top: calc(100% + 10px);opacity: 1;visibility: visible;transition: all .3s ease-out;}
.list_book li .btn_copy{display: inline-flex;align-items: center;padding: 3px 15px;background-color: #f8f9fa;border: 1px solid #eee;font-size: 14px;cursor: pointer;}
.list_book li .btn_copy:hover{background-color: var(--primary-color);color: #fff;border-color: var(--primary-color);}
.list_book li #copy_txt{max-height: 200px;overflow-y: auto;}

.page_position{font-size: 1.4em;}
.page_position a{color: var(--primary-color);}
.page_position a:hover{text-decoration: underline;}

.page_type_name{font-size: 1.6em;padding-left: 10px;position: relative;line-height: 1;font-weight: bold;}
.page_type_name::before{content: '';position: absolute;left: 0;top: 0;width: 3px;height: 100%;background-color: var(--primary-color);}
.bg_gradient{position: relative;z-index: 1;}
.bg_gradient::before{content: '';position: absolute;left: 3px;top: 3px;z-index: -1;width: calc(100% - 6px);height: calc(100% - 6px);background: linear-gradient(to bottom, #f5fbfd, #fff);}

.periodical_info{background-color: #fff;border-radius: 10px;padding: 30px;}
.periodical_info.bg_gradient::before{height: 80px;}
.periodical_info .img{width: 300px;}
.periodical_info .cont{width: calc(100% - 330px);}
.periodical_info .cont h1{font-size: 2.6em;line-height: 1.2;margin-bottom: 20px;font-weight: normal;}
.periodical_info .cont p{font-size: 1.4em;margin: 12px 0;}
.periodical_info .cont p span{color: #6b6d70;}
.periodical_info .cont .item{background-color: #f9f9f9;padding: 5px 30px;min-width: 350px;}

.periodical_lf{width: 300px;position: sticky;top: 110px;}
.periodical_lf .section{background-color: #fff;border-radius: 10px;padding: 30px 20px;}
.periodical_lf .section.sort ul{display: flex;flex-wrap: wrap;gap: 15px;}
.periodical_lf .section.sort ul li{width: calc(33.333% - 10px);}
.periodical_lf .section.sort ul li a{padding: 3px 0;font-size: 1.5em;display: block;text-align: center;}
.periodical_lf .section.sort ul li.on a{background-color: var(--primary-color);color: #fff;}
.periodical_lf .section.btns li + li{margin-top: 20px;}
.periodical_lf .section.btns li a{display: flex;justify-content: space-between;align-items: center;font-size: 1.6em;padding: 10px 12px 10px 20px;border-radius: 8px;transition: all .3s ease-out;}
.periodical_lf .section.btns li:nth-child(1) a{color: #5a82e0;border: 1px solid #5a82e0;background-color: #ecf1fe;}
.periodical_lf .section.btns li:nth-child(2) a{color: #4b9d8f;border: 1px solid #4b9d8f;background-color: #e5f7f7;}
.periodical_lf .section.btns li:nth-child(3) a{color: #efb783;border: 1px solid #efb783;background-color: #fef5eb;}
.periodical_lf .section.btns li:nth-child(1) a:hover{color: #fff;background-color: #5a82e0;}
.periodical_lf .section.btns li:nth-child(2) a:hover{color: #fff;background-color: #4b9d8f;}
.periodical_lf .section.btns li:nth-child(3) a:hover{color: #fff;background-color: #efb783;}

.periodical_rt{width: calc(100% - 330px);}
.periodical_rt .section_top{border-radius: 10px;padding: 3px;background-color: #fff;}
.periodical_rt .section_top .inner{border-radius: 9px;background-color: #f5fbfd;padding: 15px 20px;}
.periodical_rt .section_top p{font-size: 1.8em;color: var(--primary-color);}
.periodical_rt .section_main{border-radius: 10px;background-color: #fff;padding: 30px 20px;}
.periodical_rt .section_main::before{height: 80px;}
.periodical_rt .sort{display: flex;flex-wrap: wrap;gap: 15px;}
.periodical_rt .sort li a{padding: 5px 15px;font-size: 1.5em;display: block;background-color: #f7f9fa;border: 1px solid #ddd;border-radius: 4px;font-size: 1.4em;}
.periodical_rt .sort li.on a{background-color: var(--primary-color);border-color: var(--primary-color);color: #fff;}
.periodical_rt .search{display: flex;width: 100%;height: 46px;border: 1px solid #ccc;border-radius: 5px;padding: 5px 5px 5px 35px;background: url(../images/icon_search.png) no-repeat 15px center/20px;font-size: 1.5em;}
.periodical_rt .search .keywords{flex: 1;border: 0;padding: 0 5px;background: none;margin: 0 10px;}
.periodical_rt .search .submit{width: 80px;height: 100%;text-align: center;background: linear-gradient(to right bottom, #075c7e, #147ca8, #1783b0);border-radius: 5px;color: #fff;cursor: pointer;}
.periodical_rt .search .submit:hover{background: linear-gradient(to right bottom, #1783b0, #147ca8, #075c7e);}

.list_bibliography li{padding: 15px;color: #6b6d70;font-size: 14px;}
.list_bibliography li span{color: #333;}
.list_bibliography li a{margin: 0 2px;}
.list_bibliography li a:hover{text-decoration: underline;}

.detail_periodical .fixed_lf{position: fixed;top: 40%;left: auto;width: 60px;transform: translateX(-60px) translateY(-50%);background-color: var(--primary-color);}
.detail_periodical .fixed_lf a{display: block;border-bottom: 1px dashed #fff;padding: 15px 10px;text-align: center;font-size: 1.5em;color: #fff;line-height: 1.2;}
.detail_periodical .fixed_lf a:last-child{border-bottom: 0;}
.detail_periodical .fixed_lf a:hover{background-color: #00293d;}

.detail_periodical .fixed_lf.en{width: 70px;transform: translateX(0) translateY(-50%);left: 1px;z-index: 5;}
.detail_periodical .fixed_lf.en a{padding: 12px 0;font-size: 1.2em;text-align: center;}

.detail_periodical .slide_lf{width: calc(100% - 330px);border-radius: 10px;padding: 20px;background-color: #fff;z-index: 3;}
.detail_periodical .slide_lf .list_book li{padding-top: 0;}
.detail_periodical .slide_lf .list_book li h1.title{font-size: 2.4em;font-weight: normal;}
.detail_periodical .slide_lf .detail .type_name{background-color: #f3fcff;padding: 10px 20px;font-size: 16px;font-weight: bold;color: #333;margin: 20px 0 10px;}

.detail_periodical .slide_rt{width: 300px;}
.detail_periodical .slide_rt .section{border-radius: 10px;padding: 20px;background-color: #fff;font-size: 1.4em;}
.detail_periodical .slide_rt .cn{font-size: 1.3em;}
.detail_periodical .slide_rt .en{font-size: 12px;}
.detail_periodical .slide_rt .type_name{font-size: 1.2em;color: var(--primary-color);}
.detail_periodical .slide_rt ul li{line-height: 1.2;padding: 15px 0;border-bottom: 1px solid #f5f5f5;}
.detail_periodical .slide_rt ul li .source{color: #6b6d70;margin-top: 10px;}
.detail_periodical .slide_rt ul li .source a{color: var(--primary-color);}
.detail_periodical .slide_rt ul li .source a:hover{text-decoration: underline;}

.detail{font-size: 15px;color: #6b6d70;line-height: 1.8;}
.detail img{margin: 0 auto;}
.detail table{border: 1px solid #ebeff2;width: 100%;}
.detail table tr:nth-of-type(odd) td{background-color: #fafafa;}
.detail table th{padding: 12px 5px;background-color: #f5f5f5;line-height: 1.2;font-size: 15px;color: #333;}
.detail table td{padding: 10px 5px;text-align: center;line-height: 1.2;font-size: 15px;}

.page_preview .w1200{background-color: #fff;border-radius: 10px;padding: 40px 80px;}
.page_preview .progress li{width: 33%;height: 46px;line-height: 46px;font-size: 1.6em;color: var(--primary-color);text-align: center;clip-path: polygon(95% 0, 100% 50%, 95% 100%, 0 100%, 6% 50%, 0 0);background-color: #f4fcff;}
.page_preview .progress li.on{background-color: var(--primary-color);color: #fff;}
.page_preview .progress li:first-child::before,
.page_preview .progress li:first-child::after{display: none;}
.page_preview .progress li:first-child{clip-path: polygon(95% 0, 100% 50%, 95% 100%, 0 100%, 0 50%, 0 0);border-radius: 4px 0 0 4px;}
.page_preview form{width: 600px;margin: 50px auto;}
.page_preview form .item{width: 100%;height: 46px;border: 1px solid var(--primary-color);border-radius: 5px;padding: 6px;display: flex;align-items: center;justify-content: space-between;}
.page_preview form .item .title{height: 100%;background-color: #f4fcff;border-radius: 4px;padding: 0 20px;display: flex;align-items: center;font-size: 1.4em;color: var(--primary-color);margin-right: 10px;}
.page_preview form .item .element{flex: 1;}
.page_preview form .item .element .layui-form-select .layui-input{border: none;font-size: 14px;}
.page_preview form .group2 .item{padding: 0 14px;}
.page_preview form .group2 .upload_block{background-color: #f4fcff;border: 1px dashed #eee;border-radius: 5px;padding: 60px 20px;margin-top: 5px;text-align: center;font-size: 14px;color: var(--primary-color);}
.page_preview form .group2 .upload_block .btn{cursor: pointer;display: inline-block;}
.page_preview form .group2 .upload_block .icon{height: 28px;margin: 0 auto 5px;}
.page_preview form .group2 .file_name{padding: 0 10px;font-size: 1.4em;flex: 1;}
.page_preview form .group2 .close{font-size: 12px;color: #c2c2c2;cursor: pointer;}
.page_preview form .group{display: flex;justify-content: space-between;font-size: 1.4em;margin-top: 15px;}
.page_preview form .group .lable{height: 38px;color: #6b6d70;display: flex;align-items: center;margin-right: 15px;}
.page_preview form .group .cont{flex: 1;display: flex;align-items: center;}
.page_preview .pg3 .lf,
.page_preview .pg3 .rt{width: 48%;display: flex;flex-direction: column;justify-content: space-between;}
.page_preview .pg3 .lf .group{display: flex;flex-wrap: wrap;justify-content: space-between;font-size: 1.4em;margin-top: 20px;}
.page_preview .pg3 .lf .lable{color: #6b6d70;margin-right: 15px;}
.page_preview .pg3 .lf .cont{flex: 1;}
.page_preview .pg3 .lf .group:last-child .cont{flex: none;width: 100%;background-color: #fafafa;padding: 20px 15px;border-radius: 8px;margin-top: 10px;}
.page_preview .pg3 .swiper_preview{height: calc(100% - 40px);min-height: 500px;border: 2px dashed #eee;border-radius: 10px;padding: 20px 50px;}
.page_preview .pg3 .swiper{height: calc(100% - 40px);}
.page_preview .pg3 .swiper-slide{display: flex;justify-content: center;align-items: center;}
.page_preview .pg3 .swiper-button-next,
.page_preview .pg3 .swiper-button-prev{position: static;margin: 0;height: auto;color: #c1c1c1;font-weight: bold;font-size: 16px;}
.page_preview .pg3 .swiper-pagination-fraction{position: static;width: auto;margin: 0 10px;font-size: 15px;}

.page_banner{height: 300px;flex-direction: column;margin-top: 80px;}
.page_banner h2{font-size: 4em;color: #fff;font-weight: normal;}
.page_banner h3{font-size: 3.4em;color: #fff;font-weight: normal;}
.page_banner p{font-size: 1.4em;color: #fff;}

.slide_nav{width: 206px;position: sticky;top: 110px;left: auto;background-color: #fff;}
.slide_nav .type_name{width: 100%;padding: 15px 5px;font-size: 2em;color: #fff;background: url(../images/bg6.png) no-repeat center/cover;text-align: center;}
.slide_nav ul{padding: 10px 6px;}
.slide_nav ul li a{font-size: 1.5em;padding: 10px 20px;display: block;}
.slide_nav ul li.on a{background-color: #f5f7fb;border-radius: 10px;}

.page_news .nav{display: flex;justify-content: center;gap: 50px;}
.page_news .nav li a{padding: 20px 40px;background: url(../images/bg3.png) no-repeat center/contain;display: flex;align-items: center;font-size: 1.6em;}
.page_news .nav li img{height: 20px;margin-right: 10px;}
.page_news .nav li.on a{background-image: url(../images/bg4.png);color: #fff;}
.page_news .nav li.on a img{filter: brightness(0) invert(1);}

.page_news .list_img{display: flex;flex-wrap: wrap;}
.page_news .list_img li{width: calc(33.333% - 20px);margin: 0 30px 30px 0;}
.page_news .list_img li:nth-child(3n){margin-right: 0;}
.page_news .list_img li a{display: block;width: 100%;padding: 25px 20px;background-color: #fff;transition: all .3s ease-out;}
.page_news .list_img li .date{font-family: Arial;font-size: 1.4em;line-height: 1;color: var(--primary-color);}
.page_news .list_img li .title{font-size: 1.6em;margin: 10px 0 13px;}
.page_news .list_img li .desc{font-size: 1.4em;color: #6b6d70;margin: 10px 0;}
.page_news .list_img li .more{font-size: 1.4em;color: #6b6d70;display: flex;align-items: center;}
.page_news .list_img li .more i{color: var(--primary-color);margin-left: 10px;}
.page_news .list_img li a:hover{background-color: var(--primary-color);}
.page_news .list_img li a:hover .pic img{transform: scale(1.02);transition: all .3s ease-out;}
.page_news .list_img li a:hover *{color: #fff;}

.page_news .list_txt li{margin-bottom: 20px;}
.page_news .list_txt li a{background-color: #fff;display: flex;justify-content: space-between;flex-wrap: wrap;padding: 40px 50px;transition: all .3s ease-out;}
.page_news .list_txt li .date{font-family: Arial;font-size: 1.4em;color: var(--primary-color);line-height: 24px;}
.page_news .list_txt li .txt{flex: 1;padding: 0 50px;}
.page_news .list_txt li .title{font-size: 1.6em;}
.page_news .list_txt li .desc{font-size: 1.4em;color: #6b6d70;margin: 10px 0 0;}
.page_news .list_txt li .more{font-size: 1.2em;color: #6b6d70;display: flex;align-items: center;}
.page_news .list_txt li .more i{width: 20px;height: 20px;border: 1px solid #6b6d70;border-radius: 20px;position: relative;margin-left: 50px;}
.page_news .list_txt li .more i::before{content: '';position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 5px;height: 5px;background-color: #ababab;border-radius: 50%;}
.page_news .list_txt li .more i::after{content: '';position: absolute;top: calc(50% - 1px);right: 50%;width: 50px;height: 1px;background-color: #ababab;}
.page_news .list_txt li a:hover{background-color: var(--primary-color);}
.page_news .list_txt li a:hover *{color: #fff;}
.page_news .list_txt li a:hover .more i{border-color: #fff;}
.page_news .list_txt li a:hover .more i::before,
.page_news .list_txt li a:hover .more i::after{background-color: #fff;}

.page_news .page_position{margin: 20px 0;}
.page_news .news_detail{width: calc(100% - 270px);background-color: #fff;padding: 50px;border-radius: 10px;}
.page_news .news_detail h1.title{font-size: 2.4em;text-align: center;font-weight: normal;line-height: 1.2;}
.page_news .news_detail .others{margin: 20px 0;padding-bottom: 20px;border-bottom: 1px double #eee;font-size: 1.4em;color: var(--primary-color);display: flex;justify-content: center;gap: 15px;position: relative;}
.page_news .news_detail .others::after{content: '';display: block;width: 100%;height: 1px;background-color: #eee;position: absolute;bottom: 1px;left: 0;}

.page_news .news_slide{width: 240px;position: sticky;top: 110px;right: auto;background-color: #fff;padding: 30px 20px;border-radius: 10px;}
.page_news .news_slide .type_name{font-size: 1.8em;color: var(--primary-color);text-align: center;font-weight: bold;}
.page_news .news_slide ul li{border-bottom: 1px solid #eee;padding: 15px 0;font-size: 1.5em;}
.page_news .news_slide ul li:last-child{border-bottom: 0;}

.upload_item .icon{height: 28px;margin: 0 auto 5px;}
.upload_item p{font-size: 14px !important;color: #999 !important;text-align: center;margin-top: 5px;}
.upload_btn{cursor: pointer;display: inline-block;color: var(--primary-color);font-size: 14px;}
.upload_txt li{font-size: 14px;margin-top: 5px;}
.upload_txt li .file_size{margin-left: 10px;color: #888;}
.upload_txt li .layui-progress{width: 150px;margin: 9px auto 0;}
.upload_txt li.r_d span{color: var(--primary-color);cursor: pointer;margin: 0 8px;}
.upload_txt li.r_d span:hover{text-decoration: underline;}

.page_onlineSubmit{width: calc(100% - 236px);background-color: #fff;border: 1px solid #eee;border-radius: 8px;}
.page_onlineSubmit .type_name{font-size: 1.8em;border-bottom: 1px solid #eee;padding: 15px;text-align: center;font-weight: bold;}
.page_onlineSubmit form{padding: 30px 50px;}
.page_onlineSubmit form .group{width: 100%;margin-bottom: 25px;}
.page_onlineSubmit form .group .block{margin-top: 16px;font-size: 1.4em;}
.page_onlineSubmit form .group .tip{color: #6b6d70;margin-top: 5px;font-size: 1.2em;}
.page_onlineSubmit form .item{width: 100%;height: 46px;border: 1px solid var(--primary-color);border-radius: 5px;padding: 6px;display: flex;align-items: center;justify-content: space-between;}
.page_onlineSubmit form .item .lable{height: 100%;background-color: #f4fcff;border-radius: 4px;padding: 0 10px;display: flex;align-items: center;font-size: 1.4em;color: var(--primary-color);margin-right: 10px;}
.page_onlineSubmit form .item input{flex: 1;border: none;font-size: 14px;}
.page_onlineSubmit form .upload_section{border: 2px dashed #eee;border-radius: 5px;padding: 60px 20px;margin-top: 20px;display: flex;justify-content: space-around; align-items: flex-start; flex-wrap: wrap;gap: 20px;}
.page_onlineSubmit form .upload_btn{width: 186px;border: 1px solid var(--primary-color);background-color: #f4fcff;border-radius: 5px;padding: 20px 0;text-align: center;font-size: 1.4em;cursor: pointer;margin: 0 auto;}
.page_onlineSubmit form .upload_done_list p{margin-top: 0;}
.page_onlineSubmit .btm_tip{font-size: 1.4em;color: #6b6d70;text-align: center;margin-top: 5px;}
.page_onlineSubmit .btm_tip a{color: #ef4a4a;text-decoration: underline;}

.page_login{width: 100%;min-height: 100vh;background: url(../images/bg8.png) no-repeat center/cover;}
.page_login .section{width: 900px;font-size: 1.4em;background-color: #fff;border-radius: 6px;overflow: hidden;}
.page_login .section .lf{width: 50%;padding: 50px;flex-direction: column;}
.page_login .section .lf .logo{width: 50%;filter: brightness(0) invert(1);}
.page_login .section .lf p{color: #fff;text-align: center;font-style: italic;}
.page_login .section .rt{width: 50%;padding: 50px 70px 60px;}
.page_login .section .rt .logo{width: 50%;margin: 0 auto;}
.page_login .tab li{width: 48%;}
.page_login .tab li a{width: 100%;height: 100%;display: flex;align-items: center;justify-content: center;padding: 12px 10px;border: 1px solid #007bff;color: #007bff;border-radius: 50px;text-align: center;line-height: 1.2;}
.page_login .tab li.on a{background-color: #007bff;color: #fff;}

.page_login.en .section{width: 980px;}
.page_login.en .section .rt{padding: 50px 30px 60px;}
.page_login.en .tab li a{font-size: 12px;}

.page_login .lang> a{display: flex;align-items: center;}
.page_login .lang:hover .children{margin-top: 0;opacity: 1;visibility: visible;transition: all .3s ease-out;}
.page_login .lang .children{position: absolute;top: 100%;left: 50%;z-index: 3;transform: translateX(-50%);min-width:100%; opacity: 0;margin-top: 20px;border-radius: 4px;background: #fff;padding: 5px 0;box-shadow: 0 2px 6px #ccc;visibility: hidden;}
.page_login .lang .children a{display: block;white-space: nowrap;color: #666;padding: 5px 20px;text-align: center;transition: all .3s ease-out;}
.page_login .lang .children a:hover{color: var(--primary-color);background-color: #f3fcff;}

.page_login .type_name{font-size: 1.5em;font-weight: bold;}
.page_login .item input{height: 40px;line-height: 40px;}
.page_login .item.vercode{display: flex;align-items: center;}
.page_login .item.vercode span{border: 1px solid #eee;background-color: #e9ecef;border-radius: 2px 0 0 2px;height: 40px;line-height: 40px;padding: 0 10px;}
.page_login .item.vercode input{flex: 1;border-radius: 0;}
.page_login .item.vercode .get_code{border-radius: 0 2px 2px 0;height: 40px;line-height: 40px;padding: 0 10px;background: none;border: 1px solid #007bff;color: #007bff;cursor: pointer;}
.page_login .item.vercode .get_code.disabled{cursor: no-drop;background-color: #d3d3d3;border-color: #d3d3d3;color: #fff;}
.page_login .item .submit{border-radius: 50px;}

.page_personal{width: calc(100% - 230px);min-height: calc(100vh - 541px);background-color: #fff;border-radius: 10px;padding: 30px;}
.page_personal.bg_gradient::before{height: 60px;border-radius: 7px;}
.page_personal .page_position{border-bottom: 1px solid #e2e2e2;padding-bottom: 15px;}
.searchDetail .item{width: calc(50% - 15px);margin-top: 20px;font-size: 1.4em;}
.searchDetail .item .lable{color: var(--primary-color);margin-bottom: 10px;}
.searchDetail .date{border: 1px solid #eee;border-radius: 2px;padding: 0 10px;gap: 15px;}
.searchDetail .date input{border: none;}
.searchDetail .date i{color: #aaabad;}
.searchDetail .date i.fa-calendar-days{font-size: 16px;}

.page_personal .detailList{border-top: 1px solid #eee;padding: 30px 0;}
.page_personal .tabsHeader{display: flex;flex-wrap: wrap;justify-content: center;gap: 10px;background-color: #f2f3f5;padding: 8px;border-radius: 50px;}
.page_personal .tabsHeader li{padding: 8px 30px;font-size: 1.6em;background-color: #fff;border-radius: inherit;cursor: pointer;}
.page_personal .tabsHeader li:hover:not(.layui-this){color: var(--primary-color);}
.page_personal .tabsHeader .layui-this{background-color: var(--primary-color);color: #fff;}
.page_personal .tabsBody .section{display: none;}
.page_personal .tabsBody .section.layui-show{display: block;}
.page_personal .tabsBody li{width: 100%;padding: 25px 20px;border-radius: 8px;box-shadow: 0 0 4px #ccc;margin-bottom: 20px;}
.page_personal .tabsBody li .title{font-size: 1.6em;position: relative;padding-left: 50px;}
.page_personal .tabsBody li .title span{padding: 1px 10px;text-align: center;font-size: 14px;color: #fff;background-color: var(--primary-color);border-radius: 6px 20px 20px 0;display: inline-block;position: absolute;left: -30px;top: 0; }
.page_personal .tabsBody li .title span::after{content: '';position: absolute;top: 100%;left: 0;width: 10px;height: 10px;background: linear-gradient(225deg, var(--primary-color), var(--primary-color) 50%, transparent 50%, transparent 100%);}
.page_personal .tabsBody li .info{font-size: 1.4em;display: flex;flex-wrap: wrap;justify-content: space-between;background-color: #f7f8fa;padding: 10px 20px;border-radius: 8px;}
.page_personal .tabsBody li .info p{width: 48%;margin: 7px 0;}
.page_personal .tabsBody li .info span{color: #6b6d70;}
.page_personal .tabsBody li .info a{color: var(--primary-color);}
.page_personal .tabsBody li .info a:hover{text-decoration: underline;}
.page_personal .tabsBody li .more a{padding: 7px 30px;border-radius: 50px;border: 1px solid var(--primary-color);color: var(--primary-color);font-size: 1.4em;display: inline-block;transition: all .3s ease-out;}
.page_personal .tabsBody li .more a:hover{background-color: var(--primary-color);color: #fff;}
.page_personal .tabsBody .no_data img{width: 160px;display: inline-block;}
.page_personal .tabsBody .no_data p{font-size: 1.4em;color: #6b6d70;}

.page_personal .detail_info .title{background-color: #f3fcff;padding: 8px 15px;font-size: 1.6em;display: flex;align-items: center;}
.page_personal .detail_info .title span{padding: 1px 10px;text-align: center;font-size: 14px;color: #fff;position: relative;z-index: 1;margin-right: 10px;white-space: nowrap;}
.page_personal .detail_info .title span::after{content: '';position: absolute;top: 0;left: 0;z-index: -1;width: 100%;height: 100%;transform: skewX(-15deg);background-color: var(--primary-color);border-radius: 4px;}
.page_personal .detail_info .info{font-size: 1.4em;display: flex;flex-wrap: wrap;border-radius: 8px;padding: 5px 20px;}
.page_personal .detail_info .info p{width: 48%;margin-top: 15px;line-height: 1.3;}
.page_personal .detail_info .info span{color: #6b6d70;}

.page_personal .recentFiles p{font-size: 1.4em;color: #6b6d70;}
.page_personal .recentFiles p + p{margin-top: 15px;}
.page_personal .recentFiles p a{color: var(--primary-color);text-decoration: underline;}
.page_personal .section_upload{display: none;}

.page_personal .tb_files{display: none;}
.page_personal .tb_files .close{position: absolute;top: 12px;right: 30px;z-index: 2;font-size: 16px;color: #fff;cursor: pointer;}
.page_personal .tb_files .close:hover{color: #000;}
.page_personal .tb_files table{width: 100%;border-radius: 6px;box-shadow: 0 4px 8px #ddd;font-size: 1.4em;overflow: hidden;position: relative;}
.page_personal .tb_files tr:nth-of-type(odd){background-color: #f7f8fa;}
.page_personal .tb_files th{padding: 10px 20px;background-color: var(--primary-color);color: #fff;text-align: left;white-space: nowrap;}
.page_personal .tb_files td{padding: 10px 20px;vertical-align: top;}

.page_personal .type_name{background-color: #f3fcff;padding: 10px 15px;}
.page_personal .btn_fileList{background-color: #f9fdff;color: var(--primary-color);border: 1px solid var(--primary-color);}
.page_personal .btn_collation{background-color: #ffedec;border: 1px solid #e07970;color: #cd5046;min-width: 94px;}
.page_personal .btn_rework{background-color: #ffedec;border: 1px solid #e07970;color: #cd5046;min-width: 94px;}

.page_personal .collation form{font-size: 1.4em;}
.page_personal .collation form h3{font-size: 1.15em;}
.page_personal .upload_item{border: 1px dashed #dadada;border-radius: 6px;padding: 50px 20px;background-color: #fafafa;}

.page_personal .rework form{font-size: 1.4em;}

.fixed_contact{position: absolute;top: 60px;right: -50px;width: 44px;background-color: #fafafa;border-radius: 50px;padding: 5px;color: var(--primary-color);box-shadow: 0 0 8px #e9e9e9;}
.fixed_contact .icon{width: 100%;height: 40px;border-radius: 50px;background-color: #f3f6f8;display: flex;justify-content: center;align-items: center;}
.fixed_contact i{font-size: 20px;}
.fixed_contact p{width: 14px;font-size: 1.4em;margin: 0 auto;line-height: 1;padding: 10px 0;display: flex;flex-direction: column;text-align: center;}
.fixed_contact.en p{font-size: 12px;width: 100%;line-height: 1.5;padding: 5px 0;}

.page_personal .search{width: 100%;background: #fff url(../images/icon_search.png) no-repeat 20px center/20px;height: 52px;border: 1px solid var(--primary-color);padding: 5px 5px 5px 50px;border-radius: 50px;display: flex;align-items: center;margin-right: 10px;}
.page_personal .search .keywords{width: calc(100% - 50px);height: 100%;border-radius: inherit;font-size: 1.6em;padding: 0 10px;}
.page_personal .search .submit{width: 40px;height: 100%;border-radius: inherit;background-color: var(--primary-color);display: flex;align-items: center;justify-content: center;color: #fff;cursor: pointer;transition: all .3s ease-out;}
.page_personal .search .submit:hover{background-color: #000;}

.list_manuscript li{margin-top: 20px;padding: 20px;background-color: #fbfbfb;border: 1px solid #f6f6f6;border-radius: 6px;position: relative;transition: all .3s ease-out;}
.list_manuscript li .btn{position: absolute;top: 10px;right: 10px;font-size: 1.4em;color: var(--primary-color);opacity: 0;visibility: hidden;cursor: pointer;transition: inherit;}
.list_manuscript li .title{font-size: 1.6em;display: flex;align-items: center;}
.list_manuscript li .title a{color: var(--primary-color);}
.list_manuscript li .title a:hover{text-decoration: underline;}
.list_manuscript li .title span{padding: 1px 10px;text-align: center;font-size: 14px;color: #fff;position: relative;z-index: 1;margin-right: 10px;white-space: nowrap;}
.list_manuscript li .title span::after{content: '';position: absolute;top: 0;left: 0;z-index: -1;width: 100%;height: 100%;transform: skewX(-15deg);background-color: var(--primary-color);border-radius: 4px;}
.list_manuscript li .info{font-size: 1.4em;display: flex;flex-wrap: wrap;border-radius: 8px;padding: 5px 20px;}
.list_manuscript li .info p{width: 48%;margin-top: 15px;line-height: 1.3;}
.list_manuscript li .info span{color: #6b6d70;}
.list_manuscript li:hover{border-color: var(--primary-color);background-color: #fbfbfb;}
.list_manuscript li:hover .btn{opacity: 1;visibility: visible;}

.changePersonal{width: 400px;max-width: 100%;margin: 50px auto;font-size: 1.4em;}
.changePersonal .photo_user img{width: 80px;}
.changePersonal .item:not(.editPassword) .layui-input{border: none;border-bottom: 1px solid var(--primary-color);border-radius: 4px 4px 0 0;background: #fbfbfb;}
.changePersonal .item:not(.editPassword) .layui-input:hover{border-color: var(--primary-color) !important;}
.changePersonal .item{margin-top: 20px;display: flex;justify-content: space-between;flex-wrap: wrap;}
.changePersonal .label{width: 110px;height: 38px;display: flex;align-items: center;justify-content: flex-end;margin-right: 10px;}
.changePersonal .label span{color: red;margin-left: 5px;}
.changePersonal .block{flex: 1;}
.changePersonal .submit{width: 100px;}
.changePersonal .btn_changPassword{position: absolute;left: calc(100% + 10px);top: 10px;color: var(--primary-color);white-space: nowrap;cursor: pointer;}
.changePersonal .btn_changPassword:hover{text-decoration: underline;}
.changePersonal .changPassword{display: none;}

.page_404{min-height: calc(100vh - 459px);margin-top: 80px;padding: 80px 4%;}
.page_404 .img{width: 400px;max-width: 100%;}
.page_404 h3{font-size: 1.6em;}
.page_404 p{font-size: 1.4em;}
/*  */
/* .upload_done_list{display: flex;flex-wrap: wrap;gap: 10px; justify-content: center; } */
.upload_done_list li{background-color: #eee;padding: 3px 10px;display: flex;align-items: center;}
.upload_done_list li p{ max-width: 250px; margin-right: 20px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.upload_done_list li .close{cursor: pointer;color: #bbb;}
.upload_done_list li .close:hover{color: #000;}

.upload_progress{width: 120px;margin: 5px auto;}

.upload_done_btn{text-align: center;margin-top: 5px;color: var(--primary-color);font-size: 14px;}
.upload_done_btn span{cursor: pointer;margin: 0 6px;}
.upload_done_btn span:hover{text-decoration: underline;}

@media screen and (max-width: 1660px){
	
	
}

@media screen and (max-width: 1440px){
	.index_banner .about h2{font-size: 2.6em;}
}

@media screen and (max-width: 1366px){
	
}


@media screen and (max-width: 1270px){
	.index_banner{margin-top: 60px;padding: 100px 0 0;}
	.index_banner .list li{width: calc(33.333% - 10px);}
	.index_banner .list li a{padding: 30px 20px;}
	.index_banner .list li p{margin-top: 20px;}
	
	.index_article ul li{width: 33.3333%;}
	.index_article ul li:nth-child(3n){border-right: 0;}
	
	.index_news .swiper_news .pic_constant .inner::after{padding-top: 45%;}

	.page{margin-top: 60px;padding: 20px 0 30px;}
	.page_404{margin-top: 60px;min-height: auto;}
	.page_banner{margin-top: 60px;}
	.result_lf{width: 100%;margin-bottom: 20px;position: static;}
	.result_rt{width: 100%;}

	.periodical_lf{width: 100%;margin-bottom: 20px;position: static;}
	.periodical_lf .section.sort ul{gap: 8px;}
	.periodical_lf .section.sort ul li{width: auto;}
	.periodical_lf .section.sort ul li a{padding: 5px 15px;}
	.periodical_rt{width: 100%;}

	.detail_periodical .wrapper{width: 100%;max-width: 100%;padding-left: 40px;padding-right: 4%;}
	.detail_periodical .fixed_lf{width: 40px;transform: translateX(-40px) translateY(-50%);}
	.detail_periodical .slide_lf{width: 100%;margin-bottom: 20px;}
	.detail_periodical .slide_rt{width: 100%;}

	.slide_nav{width: 120px;top: 80px;}
	.slide_nav .type_name{padding: 10px;font-size: 1.6em;font-weight: bold;}
	.page_onlineSubmit{width: calc(100% - 140px);}
	.page_onlineSubmit form .upload_item .btn{padding: 15px 30px;}
	.page_personal{width: calc(100% - 140px);}

	.fixed_contact{height: 40px;position: static;display: flex;align-items: center;justify-content: center;width: auto;margin-top: 30px;}
	.fixed_contact .icon{width: 30px;height: 30px;}
	.fixed_contact i{font-size: 15px;}
	.fixed_contact p{width: auto;flex-direction: row;margin: 0 0 0 15px;padding: 0;}
	.fixed_contact p span{margin-right: 8px;}
}

@media screen and (max-width: 1024px){
	.index_news .inner{flex-direction: column-reverse;}
	.index_news .list{width: 100%;padding: 10px 0;}
	.index_news .list li{padding: 20px;}
	.index_news .swiper_news{width: 100%;padding: 20px;}

	.periodical_info{padding: 30px 20px;}
	.periodical_info .cont{width: 100%;margin-top: 20px;}

	.page_preview .pg3{gap: 50px;margin-top: 10px;}
	.page_preview .pg3 .lf, 
	.page_preview .pg3 .rt{width: 100%;}
	
	.service_popup_fixed ul li{width: 100%;margin-bottom: 40px;}
	.service_popup_fixed ul li .top{text-align: center;}

	.page_news .nav{gap: 20px;}
	.page_news .nav li a{padding: 10px 20px;}
	.page_news .list_img{justify-content: space-between;}
	.page_news .list_img li{width: calc(50% - 10px);margin: 0 0 20px 0 !important;}

	.page_news .list_txt li a{padding: 20px;}
	.page_news .list_txt li .txt{flex: none;width: 100%;padding: 0;margin: 10px 0 20px;}
	.page_news .list_txt li .more i{width: 15px;height: 15px;margin-left: 30px;}
	.page_news .list_txt li .more i::after{width: 30px;}

	.page_login{padding: 30px 4%;}
	.page_login .section{width: 500px;flex-direction: column-reverse;}
	.page_login .section .lf,
	.page_login .section .rt{width: 100%;}

	.page_404 .txt{width: 100%;}
}

@media screen and (max-width: 768px){
	.index_banner .about h2{font-size: 2em;}
	.index_banner .about p.en{width: 100%;}
	.index_banner .search a.expert{max-width: 60px;}
	.index_banner .list li{width: 100%;margin-bottom: 20px;}
	.index_banner .list li a{padding: 30px;}
	
	.index_article ul{justify-content: space-between;}
	.index_article ul li{width: calc(50% - 15px);border: none;padding: 0;}
	.index_article ul li:last-child{display: none;}

	.index_service .main{width: 100%;text-align: center;}
	.index_service .main ul{justify-content: center;}
	.index_service .main ul li{margin: 20px 10px 0 0;}
	.index_service .main ul li a{min-width: auto;padding: 10px 20px;}
	.index_service .main ul li i{margin-left: 5px;}
	.index_service .qrcode{margin: 30px auto 0;}

	.result_rt .search .item_row{flex-wrap: wrap;}
	.result_rt .search .item_row .s1{flex: 1;}
	.result_rt .search .item_row .lf{width: 74px;}
	.result_rt .search .item_row .rt{width: 100%;flex: none;}
	
	.result_rt .section_top .sort{width: 100%;}
	.result_rt .section_top .sort .item{flex: 1;padding: 5px 0;}
	.result_rt .section_top .sort .item span{margin: -3px 0 0 2px;}

	.page_banner{height: 36vw;}
	.page_banner h3{font-size: 2.4em;}

	.page_preview .w1200{padding: 30px 20px;}
	.page_preview form{width: 100%;margin: 20px 0;}

	.slide_nav{width: 100%;position: static;text-align: center;}

	.page_onlineSubmit{width: 100%;margin-top: 20px;}
	.page_onlineSubmit form{padding: 30px 20px;}

	.page_personal{width: 100%;margin-top: 20px;padding: 30px 20px;}
	.page_personal .tabsHeader li{padding: 5px 10px;font-size: 1.4em;text-align: center;}
	.page_personal .tabsBody li .info p{width: 100%;}
	.page_personal .detail_info .info p{width: 100%;}
	.page_personal .search{height: 40px;padding: 5px 5px 5px 34px;background-size: 13px;background-position: 14px center;}
	.page_personal .search .keywords{font-size: 1.4em;}
	.page_personal .search .submit{width: 30px;}
	.searchDetail .item{width: 100%;}
	

	.list_manuscript li .info{padding: 5px 0;}
	.list_manuscript li .info p{width: 100%;margin-top: 10px;}

	.changePersonal .label{width: 100%;justify-content: flex-start;}
	.changePersonal .block{width: 100%;}
	.changePersonal .btn_changPassword{right: 0;left: auto;}

	.detail table th{font-size: 14px;}
	.detail table td{font-size: 12px;}
}

@media screen and (max-width: 580px){
	.result_rt .section_top .sort{font-size: 1.2em;}

	.page_preview form .item .title{padding: 0 5px;}
	.page_preview form .group2 .file_name{padding: 0 10px 0 0;}
	.page_preview .pg3 .swiper_preview{padding: 20px;}
	
	.page_news .list_img li a{padding: 15px 10px;}

	.page_login .section .rt{padding: 30px 20px;}

	.page_personal .tb_files th{padding: 10px 5px;text-align: center;}
	.page_personal .tb_files td{padding: 10px 5px;font-size: 12px;}
	.page_personal .tb_files .close{top: -26px;right: 20px;background-color: #000;width: 24px;height: 24px;text-align: center;line-height: 24px;}

	.list_book li .row_txt{flex-wrap: wrap;}
}

@media screen and (max-width: 420px){
	.page_news .list_img li{width: 100%;;}

	.page_login.en .item.vercode{flex-wrap: wrap;gap: 5px;}
	.page_login.en .item.vercode input{width: 100%;flex: none;}
}