.search_div_btn {
    background: #0a5da6 url(img/search.png) no-repeat center center;
    width: 26px;
    height: 26px;
    display: block;
    background-size: cover;
    border-radius: 3px;
    margin: 4px 0 0 -30px;
    float: left;
}

.nav .inner {
    display: flex;
    align-items: center;
    height: auto;
    margin: 0 auto;
}

@media (max-width: 800px) {
    .nav .inner{display: none;}
    .logo .inner h1 { font-size: 18px;}
    .logo_tt h2 { font-size: 12px;}
    .paperNav a { font-size: 12px; }
    .nav b{display: none;}
    .emailAlert {text-align: center;}
}

/* ...页面显示有问题，暂时隐藏，后续解决 */
.tabEle_page .moreNum {
    display: none;
}

.txtZone p{ word-wrap: break-word; }

.listZone_all, .listZone_today, .listZone_all_view, .listZone_today_view {padding: 5px 10px; line-height: 40px;}
.listZone_all::before, .listZone_today::before, .listZone_all_view::before, .listZone_today_view::before {
    content: '';
    position: absolute;
    top: 18px;
    left: 18px;
    background: #6687d6;
    width: 6px;
    height: 6px;
    border-radius: 5px;
}
.listZone_all, .listZone_today, .listZone_all_view, .listZone_today_view {
    background: #fff;
    border-bottom: 1px solid #f1f7fc;
    height: 42px;
    line-height: 42px;
    overflow: hidden;
    padding: 0 10px 0 36px;
    display: block;
    white-space: nowrap;
    text-overflow: ellipsis;
    color: #666;
    cursor: default;
    position: relative;
}

.jumper_inner{padding:30px;}

/* 下载PFD弹窗 相关 */

.videoPlayLayerBox{ display:flex; justify-content:center; }
.videoPlayLayer{ top: 120px;position: fixed;z-index: 9999;background:#ffffff8f;padding: 20px ; border-radius: 8px;box-shadow: 0 0 10px #666;backdrop-filter: blur(5px); display: none;}
.videoPlayLayer_inner{ background:#ffffff; padding: 20px 30px 30px 30px;border-radius: 8px;box-shadow: 0 0 5px #ccc;}
.videoPlayLayer .closebtn{top: 25px;right: 25px;}
.videoPlayLayer_main{ line-height: 24px;}
.videoPlayLayer {max-height: 500px;}
.videoPlayLayer_main {height: 450px; width: 750px}

/* 下载PFD弹窗 相关 */

.pdfDownloadLayer{ left:0; top:0;position: absolute;display: none; width:100%; height: 100%; z-index: 10000;}
.pdfDownloadLayer .maskEle{top:0;width: 100%; height: 100%; left: 0;position: fixed; background:rgba(0,0,0,0.3);backdrop-filter:blur(2px); z-index: 20;}
.pdfDownloadLayer .layerEle_box{ width: 700px; left:50%;margin: 0 0 0 -350px;top:100px;position: fixed; z-index:21; background: #ffffff; padding:20px 30px 30px 30px;  overflow: hidden; border-radius:5px;}
.pdfDownloadLayer .layerEle_box .layerEle_box_main{ width: 700px;}
.pdfDownloadLayer .layerEle_box .layerEle_box_main table td{padding: 0 0 10px 0; line-height: 24px; vertical-align: top;line-break: anywhere;}
.pdfDownloadLayer a.pdfboxclose{padding: 0;}
.pdfDownloadLayer a:hover.pdfboxclose{background: none;}

.pdfboxclose{ width: 30px; height: 30px; position: absolute; top: 17px;right: 10px;transition: transform .2s;-moz-transition: transform .2s;    -webkit-transition: transform .2s;-o-transition: transform .2s;}
.pdfboxclose::before,.pdfboxclose::after {content: '';position: absolute;height: 2px;width: 18px;top: 15px;left: 7px;margin-top: -1px;background:  #999999;}
.pdfboxclose::before {-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-ms-transform: rotate(45deg);-o-transform: rotate(45deg);transform: rotate(45deg);}
.pdfboxclose::after {-webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);-ms-transform: rotate(-45deg);-o-transform: rotate(-45deg);transform: rotate(-45deg);}
a:hover.pdfboxclose{  transform:rotate(90deg);}
a:hover.pdfboxclose::before,a:hover.pdfboxclose::after {background: #5299CA;}

.pdfDownloadLayer .layerEle_box{width:400px;height:100px; left: 0; top: 0; right: 0;bottom: 0;margin: auto;}

.layerEle_box_main{width:100% !important;text-align: center;}
.pdfbtn{display: inline-block; padding: 5px 20px; border-radius: 3px;background: #5299CA;color:#ffffff;margin: 10px 20px 0 0;}
a:hover.pdfbtn{background: #38739d;}
.transZone{padding: 40px 20px; font-size: 16px; color:#666;display: none;animation: zoneFlashing 1.5s infinite linear;}
@keyframes dotFlashing {
    0% {opacity: 1;}
    33% {opacity: 0;}
    66% {opacity: 1;}
}
@keyframes zoneFlashing {
    0% {opacity: 1;}
    33% {opacity: 0.6;}
    66% {opacity: 1;}
}
.dots{ animation: dotFlashing 1.5s infinite linear;}
.dots::after {content: '...'; animation: dotFlashing 1.5s infinite linear;}

/* ================= 下载本期统计数据 */
.downloadSta{  display: inline-block; padding: 0 10px;color: #fff; background: #cccccc; border-radius: 5px; line-height: 26px;font-size: 14px;font-weight: bold; margin: 5px 0; }
a:hover.downloadSta{background: #757575;}

@media (max-width: 800px){
    .downloadSta{ margin: 10px auto; width: 90%; display: block; text-align: center;padding: 0;}  
}
/* ================= 引用修改 */
.citeLayer .layerEle_box .layerEle_box_main table td{font-size: 14px; padding: 5px 0;line-height: 20px;}
.citeLayer .layerEle_box .layerEle_box_main table td span{ color: #666;}
.citeEn td {border-bottom: 2px dotted #ccc;}
/* .citeEn td span{ color: #b9b9b9 !important;} */
.citeEn:last-child td{border: none;}

.paperZone .paperNow_tt select{
    padding: 0 10px; 
    line-height: 30px; 
    height: 30px; 
    float: right; 
    width: 100px; 
    border: 1px solid #333; 
    font-weight: bold; 
    border-radius: 3px; 
    font-size: 13px;
    margin-left: 30px;
}

.enter1 span, .enter2 span, .enter3 span {display: none;}

.paperImg img {object-fit: cover;}

/* 过刊浏览 */
.pastPaperDate .pastPaperM, .pastPaperBook {
    display: none;
}
.pastPaperBook2 {
    display: block;
}
.pastPaperMOuter .pastPaperM:nth-child(1), .pastPaperBookOuter .pastPaperBook:nth-child(1) {
    display: block;
}

.albumZone_down a {margin: 0 8px 22px 8px}

.listZoneMain a p {display: inline;}

.newslistZone .listZone_tt h3::before{
    content: "";
    background: url(img/listTt.png) no-repeat center center;
    background-size: 100%;
    width: 26px;
    height: 26px;
    position: absolute;
    top: 17px;
    left: 50%;
    margin: 0 0 0 -80px;
}

.newslistZone .listZoneMain a, .linklistZone .listZoneMain a, .downloadlistZone .listZoneMain a{min-height: 34px;}

.linklistZone .listZone_tt h3::before{
    content: "";
    background: url(img/listTt3.png) no-repeat center center;
    background-size: 100%;
    width: 26px;
    height: 26px;
    position: absolute;
    top: 17px;
    left: 50%;
    margin: 0 0 0 -80px;
}


.downloadlistZone .listZone_tt h3::before{
    content: "";
    background-size: 100%;
    background: url(img/listTt2.png) no-repeat center center;
    background-size: 100%;
    width: 26px;
    height: 26px;
    position: absolute;
    top: 17px;
    left: 50%;
    margin: 0 0 0 -80px;

}

.container{font-size: 14px;font-family: Harding,Palatino,serif;   width:100%;  background: url(img/conb.png) no-repeat top center  ; background-size: 100%;margin: 0 auto; }


.slideZctrl {
    float: right;
    padding: 0 70px 0 0;
}

.slPic {
    display: none;
}

.mainM {position: relative;}
.slPic { margin: 0 0 0 390px; top: 0;}

.mainZone .mainM { width: 920px; padding: 20px 20px 0 0 }
@media (max-width: 800px) {
    .mainZone .mainM {
        width: 100%;
    }
}
.mainZone .mainR { padding: 20px 0px 0 0 }

/* ================= 中英文期刊数据修改 */
.paperC_tt_se{ font-size: 16px !important;    background: linear-gradient(45deg, #f0f0f0, transparent); border-radius: 3px; opacity: 0.6;}
.seinfo{background: #f5f5f5; margin:0 0 30px 0;border-radius: 5px 30px 5px 30px; padding:5px 10px; box-shadow: 0 0 3px #ccc; }
.seinfo h3{   margin: 0 0 10px 0; }
.seinfo h3 a{font-size: 16px !important; line-height: 20px !important;}
.seinfo span{ margin: 0 0 10px 0; color: #666;font-size: 14px !important; line-height: 20px !important;}
.seinfo p{  color: #666;margin: 0 0 10px 0; line-height: 20px !important;}
.seinfo .paperInfo{ color: #b9b9b9;}
.seinfo h3 .ai_intro,.seinfo h3 .video_intro{   padding: 0;font-size: 14px !important; height: 20px !important; line-height: 20px !important;}
.seinfo h3  .ai_intro::before,.seinfo h3  .video_intro::before{display: none;}
.seinfo .paperInfo {padding: 0 0 10px 0;}
.seinfo .paperInfo samp{position: initial;}
.seinfo .paperInfo samp a{ color: #666;}
.seinfo .paperInfo samp a:hover{text-decoration: underline; background: none; color:#666}
a.ai_intro,a.video_intro,a.ai_summary {width: 100px}

.empty-data {line-height: 40px;margin-left: 20px;}

.paperMain .paperL p { display: -webkit-box; -webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;}

.made_intro_box_key_box {padding: 0px; font-size: 16px;color: #666;margin: 0 0 16px 0;}
.made_intro_box_key {background: #f5f5f5; margin: 0 0 0 20px;border-radius: 3px; padding: 2px 10px; line-height: 55px; color: #666;}

.made_intro_box p {padding: 10px 0 0px 20px}

.made_intro_stop{margin: 0 0 0 30px; color:#ffffff;font-weight: 400;background: #ccc;border-radius: 5px;font-size: 14px;padding: 0 10px;}
.made_intro_stop::before { content: "\2716 ";  color: #ffffff;  margin-right: 5px; }

.made_intro_refresh{margin: 10px 0 10px 30px; line-height: 40px; width: 80px; color:#ffffff;font-weight: 400;background: #ccc;border-radius: 5px;font-size: 14px;padding: 0 10px; display: none;}
.made_intro_refresh::before { content: "\27f3";  color: #ffffff;  margin-right: 5px; font-size: 22px;}

a:hover.made_intro_stop{box-shadow: 0 0 5px #999;font-weight: bold;}

.ea textarea {font-size: 20px}

.listZone_main br {display: none}

.searchZone_btn{margin-left: 10px}

.searchZone table td .timeUpdateSelect {right: 5px};

.hotList a {border-bottom: 0}

.layerEle_result .paperMain .paperL p {
    display: block !important;
    -webkit-box-orient: initial;
}

.journalPic {width: 100%; margin: 0 auto 20px auto;display: block;}
.paperZone1, .paperZone2, .paperZone3, .paperZone4, .paperZone5, .paperZone6, .paperZone7 {padding: 18px}

.publish-info {display: flex; flex-direction: row}

.paperDetail_source {padding: 20px 30px 30px 30px;}

.paperDetail_email, .paperDetail_company {color: #666; line-height: 30px; padding: 0;}
.paperDetail_references a {color: initial;}

.paperListHead_ctrl select, .search_text{  font-size: 14px; }

.summary_make { padding: 0; background: #71c7d4; padding: 0px; width: 5px; height: 20px; animation: blink 1s infinite}
.summary_refresh { width: 160px; height: 30px; line-height: 25px; padding: 10px 10px; margin: 0; font-size: 16px; background: #ccc;border-radius: 5px; display: none; color: #ffffff;}
.summary_refresh::before { content: "\27f3";  color: #ffffff;  margin-right: 5px; font-size: 24px;}
.summary_note { margin-top: 20px}

/* ================= 分享按钮 */
 .shareStyle a{display: inline-block; width: 24px; height: 24px; background-size:cover;margin: 0 5px 0 0; background-repeat: no-repeat;vertical-align: -4px;}
.share_link,a:hover.share_link{background-image: url(img/share_link.png);}
.share_qq,a:hover.share_qq{background-image: url(img/share_qq.png);}
.share_qzone,a:hover.share_qzone{background-image: url(img/share_qzone.png);}
.share_wechat,a:hover.share_wechat{background-image: url(img/share_wechat.png);}
.share_weibo,a:hover.share_weibo{background-image: url(img/share_weibo.png);}
.share_mail,a:hover.share_mail{background-image: url(img/share_mail.png); }
.share_facebook,a:hover.share_facebook{background-image: url(img/share_facebook.png);}
.share_x,a:hover.share_x{background-image: url(img/share_x.png);}
.list_share_box{text-align: center;}
.list_share_box a{display: inline-block;margin:5px 3px;width: 24px; height: 24px; line-height: 24px;padding: 0;background-size:cover;}
.list_share_box a:hover{background-size:cover !important;}

@media (max-width: 800px) {
    .shareStyle{float: none;}
}

.videoPlayLayer_main, .video_player {width: 750px; height: 420px}

@media (max-width: 800px) {
    .videoPlayLayer { width: 90%;margin: 0 auto;left: auto;}
    .videoPlayLayer_main {width: 100%; height: 100%}

    .pdfDownloadLayer .layerEle_box{width:80%;}

    .videoPlayLayer_main, .video_player {width: 100%; height: 200px}

}

.wechat_window {display:none; position: fixed; width: 310px;height: 365px;left: 0;top: 0;right: 0;bottom: 0;margin: auto; background: white; box-shadow: 0px 0px 5px #e5e5e5}
.wechat_window p {background: #f5f5f5; height: 50px; line-height: 50px; color: #333;}
.wechat_window a {top: 10px}
.wechat_box {padding: 20px 35px 40px; border-top: 1px solid #e8e8e8;}
.wechat_box h5 {line-height: 15px; margin-top: 10px}

.paperListHead_ctrl a{    background: #598dce;}

.paperInfo samp a:hover {cursor: pointer;}

a.ai_intro, a.video_intro, a.ai_summary {
    color: #999999 !important;
    border: 1px solid #999999;
}

.header {z-index: initial;}

.nav .inner p { margin: 0 0 0 10px;}
.logo_honor span { font-size: 14px;}
.listZone_main a {color: #333;}
.listZone_main a.listZone_more {border-bottom: initial;}


.chartContainer .bar {background-color: rgba(255, 153, 0, 0.8);}
.chartContainer .bar:hover {background-color: #ff9900;}

/* ================= 数字大小问题 */
.len-5,.len-6,.len-7 { font-size: 18px !important; }
.len-8,.len-9 { font-size: 16px !important;  }
.len-10 { font-size: 14px !important;  }

.main {border-radius: 8px 8px 0 0 }
.slideZtt {background: rgba(0,0,0,0.4)}
.header {margin: 0 auto 20px auto}

.btnZone a:hover {background: #025ca7;}

.visitZone h3{background: url(img/listZone_tt_4.png) no-repeat 9px center;background-size: 24px;padding: 0 0 0 44px;}

/* ================= 交互修改 */
.btnZone a:hover{transform: translateY(3px); background: #025ca7;box-shadow: -3px -3px 0 #ccc;}
.paperNow_tt a:hover{transform: translateY(3px);box-shadow: none;background: #cee2f2 url(img/paperNow_tt.png) no-repeat 10px center;background-size: 16px 16px;box-shadow: -3px -3px 0 #ccc; }
.paperMain h3 a:hover {color: #2975d3;}
.newsZone a:hover span{background: #7bb2f7;color: #ffffff;}
.newsZone a:hover span i{ color: #ffffff;}
.listZone_main a:hover {color: #2975d3;}
a.ai_intro, a.video_intro, a.ai_summary{border-image: linear-gradient(to right, #e093eb, #d4a3ff, #08feff) 1; background: linear-gradient(to right, #e093eb, #d4a3ff, #08feff);background-clip: text;-webkit-text-fill-color: transparent;}
a:hover.ai_intro, a:hover.video_intro, a:hover.ai_summary, a:hover.made_intro{background: linear-gradient(to right, #e093eb, #d4a3ff, #08feff) ; color: #ffffff !important;-webkit-text-fill-color:initial}
div:hover.paperImg{box-shadow: 0px 0px 15px #666;}
a:hover.listZone_more{font-size: 14px; color: #ffffff;}
a:hover.ztZone_more{font-size: 16px; }
.ztZoneCard a:hover{transform: translateY(3px);}
.paperDetail_link a:hover{text-decoration: underline;}
.paperDoc a:hover{text-decoration:none;}
.paperDetail_author a{color: #2975d3;}
a:hover.search_adv ,a:hover.searchZone_btn{  background: #0c79d6;}
.tabEle_page a.falseBtn, .tabEle_page a:hover.falseBtn {color: #c4c4c4;}
a:hover.searchZone_advbtn{color: #2975d3;}
.paperListHead_ctrl a:hover{background: #2975d3;}
.listZoneMain a:hover {color: #2975d3;box-shadow: none;}
.paperNav a:first-child.paperNav_now {width: initial;}

.nav {z-index: 1;}

.paperDetail_doi,.paperDetail_doi a,.paperDetail_foundation,.paperDetail_add, .paperDetail_email, .paperDetail_company { color: #151515 }
.made_intro_box_key, .made_intro_box p, .paperDetail_html p {color: #151515;}

.btnZone a {border-radius: 3px}
.picZone {background-color: initial; border-radius: 5px !important;}
.l1 a {  overflow: hidden;  clear: both;}
.txtZone {padding: initial;}


/* ================= 账号修改 */
.login_zone{position: absolute; top:0;  left: 50%;  margin: 0 0 0 240px; background:linear-gradient(360deg, #010101c7, transparent); border-radius: 0 0 10px 10px ;padding: 0 20px; font-size: 14px; line-height: 28px; z-index: 9999; color: #ccc ; }

/* .login_zone::before{    content: " "; display: inline-block; position: absolute;top: -11px; left: -39px; width: 28px; height: 15px;border: 11px solid #ffffff00;border-radius: 0 28px 0 0;border-right: 11px solid #ffffff; border-top: 11px solid #ffffff;}
.login_zone::after{    content: " "; display: inline-block; position: absolute;top: -11px; right: -39px; width: 28px; height: 15px;border: 11px solid #ffffff00;border-radius: 28px 0 0 0;border-left: 11px solid #ffffff; border-top: 11px solid #ffffff;} */

.login_zone a{color:#ff9604;margin: 0 5px;}
.login_zone a:hover{color:#c37201}
.list_star {background: url(img/list_star.png) no-repeat center center;width: 17px; height: 50px;display: inline-block; margin: 0 10px 0 0;float: left; background-size: contain;}
.list_star_2 {background: url(img/list_star_2.png) no-repeat center center;width: 17px; height: 50px;display: inline-block; margin: 0 10px 0 0;float: left; background-size: contain;}
.list_col{color: #feae4c !important;}
/*.col{ color: #666 !important; background: #f5f5f5 !important;}*/
.col{  background-size:contain !important; color: #f3bf83 !important;padding: 0 0 0 20px !important;margin: 0 10px 0 10px !important;font-weight: bold;}
.col_ed{  background-size:contain !important; color: #f3bf83 !important;padding: 0 0 0 20px !important;margin: 0 10px 0 10px !important;font-weight: bold;}
a:hover.col,a:hover.col_ed{color: #e49d4c !important;}
.collect { position: absolute; top: 28px; right: 0px;}
.collect a{    color: #f3bf83; font-size: 14px;   height: 24px; line-height: 24px;  display: inline-block; background: #ffffff  url(img/list_star.png) no-repeat 5px center ;background-size:20px !important;  border-radius: 5px; border: 1px solid #f3bf83; padding: 0 10px 0 30px; }
.collect a.collected{ background: #ffffff  url(img/list_star_2.png) no-repeat 5px center ;}
.collect a:hover{ color: #e49d4c; }
.fow{}
.login_zone a.fowed{ color:#cccccc}
.login_zone a:hover.fowed{ color:#999999}
.paperNow_tt a.col,.paperNow_tt a.col_ed{ width: 70px;text-align: center; }

/*AI智能问答*/
.x_open{ display: inline-block;position: fixed;  bottom: 200px; right:60px;  background: url(img/x_open2.png); font-size: 16px; width: 70px;height:83px;  background-size: cover;  color: #fff; text-align: center; line-height:126px;border-radius: 12px; z-index: 9999}
a:hover.x_open{box-shadow: 8px 8px 1px #30bde242;font-weight: bold; }
.x{ position: fixed; top: 0; right: 0; height: 100vh; width: 450px; background: #ffffff;z-index: 9999; border-radius: 15px;display: none;box-shadow: 0  0 10px #ccc; transform: translateX(-10px);}
.x_inner{padding: 20px 20px 0 20px;}
h4.x_inner_tt{font-size: 24px;font-weight: bold;background: linear-gradient(to right,#e093eb, #d4a3ff, #08feff); background-clip: text; -webkit-text-fill-color: transparent; width:auto; float: left;position: relative;padding: 0 0 0 44px;margin: 0 0 10px 0;}
/*
.x_inner h4::before{content: " "; background-image: url(img/AI_intro_tt.png); width: 30px;height: 30px;background-size: cover; display: inline-block;position: absolute;top:3px; left: 8px;}
*/
h4.x_inner_tt::before {content: " "; background-image: url(img/x_open_robot.png); width: 70px; height: 70px; background-size: cover;display: inline-block; position: absolute;top: -11px; left: -39px; transform: rotate(335deg);}
.made_intro{display: inline-block;   width: 100px; height: 20px; line-height: 20px;text-align: center;font-size: 15px !important; color: #fff !important; border: 1px solid;border-image: linear-gradient(to right,#e093eb, #d4a3ff, #08feff) 1 ;background: linear-gradient(to right,#e093eb, #d4a3ff, #08feff); background-clip: text; -webkit-text-fill-color: transparent; position: absolute;  top: 3px; right: 26px;}
.x_close{ width: 20px; height: 20px; background: url(img/x_close.png) no-repeat; background-size: cover; display: inline-block;   cursor: pointer; float: right; margin: 8px 0 0 0;}
.x_main{clear: both;margin: 20px 0 0 0; background: #f5f5f5;border-radius: 10px 10px 0 0; height:calc(100vh - 410px);padding: 100px 20px 20px 20px; position: relative;  }
.x_chat{ overflow-y: scroll;height:100%;}
.x_ask{ padding: 10px ; background: #898989; border-radius: 10px; color:#fff;display: inline-block; float: right;clear: both;margin: 0 0 20px 0; line-height: 24px;}
.x_answer{ clear: both;padding: 10px ;  background: #e9e8e8;border-radius: 10px; line-height: 24px; margin: 0 0 20px 0;}
.x_answer_main{ padding: 0 0 10px 0; }
.x_answer_foot{border-top: 1px solid #dbdada; padding: 10px 0 0 0;}
.x_answer_foot a{font-size: 12px; color: #a5a5a5;  }
.x_answer_foot a:hover{color:#666}
a.x_answer_foot_btn_2{float: right;}
a.x_answer_foot_btn_1::before{content: ""; width: 14px; height: 14px; background: url(img/x_answer_foot_btn_1.png) no-repeat; background-size: cover; display: inline-block;  margin: 0 5px 0 0;vertical-align: -3px;}
a.x_answer_foot_btn_2::before{content: ""; width: 14px; height: 14px; background: url(img/x_answer_foot_btn_2.png) no-repeat; background-size: cover; display: inline-block;   margin: 0 5px 0 0;vertical-align: -3px;}
a.x_answer_foot_btn_3::before{content: ""; width: 14px; height: 14px; background: url(img/x_answer_foot_btn_3.png) no-repeat; background-size: cover; display: inline-block;   margin: 0 5px 0 0;vertical-align: -3px;}
a.x_answer_foot_btn_4::before{content: ""; width: 14px; height: 14px; background: url(img/x_answer_foot_btn_4.png) no-repeat; background-size: cover; display: inline-block;   margin: 0 5px 0 0;vertical-align: -3px;}
.x_clear{font-size: 12px; color: #a5a5a5; margin: 0 0 5px 5px; display: inline-block; }
a.x_clear:hover{color:#666}
.x_input{background: #f5f5f5;border-radius: 0 0 10px 10px; border-top: 1px solid #ddd; padding:10px 20px;  position: relative;}
.x_input textarea{width: 100%;border: none;resize: none; border-radius: 10px; padding: 10px;background: #fff;box-sizing: border-box;min-height:120px;max-height: calc(72vh); font-size: 14px}
.intro_tips{padding: 0 20px ;font-size: 12px;}
.x_tips{ position: absolute; top:10px; color: #555;}
.x_holder {position: absolute; top: 35px; }
.x_holder a{  background: #096cbe; color: #fff;   padding: 2px 10px; display: inline-block; border-radius: 5px; margin:2px 5px; width:90px;text-align: center; font-size: 12px;}
.x_holder a:hover{background: linear-gradient(to right, #e093eb, #d4a3ff, #08feff);}
.x_push{ display: inline-block; background:#ffffffeb  url(img/x_ask.png) no-repeat; width: 36px; height: 36px; background-size: cover; position: absolute; bottom: 20px; right: 30px; cursor: pointer; border-radius: 8px;}     
.made_intro_loading{color: #999;  animation: blink 1s infinite;}
.x_answer_main_think_title {color: #a5a5a5; margin-bottom: 5px}
.x_answer_main_think {border-left: 1px solid #a5a5a5; color: #a5a5a5; padding-left: 10px; line-height: 20px}
.x_loading{ position: absolute; top: 90px; left: 50%; transform: translateX(-50%); color:#069ba1; width: 380px; z-index: 9999; text-align: center; padding: 5px 0; background: linear-gradient(to right,#0ffcff00, #0ffcff, #0ffcff00);}
.x_stop{ display: inline-block; background:#ffffffeb  url(img/x_stop.png) no-repeat; width: 36px; height: 36px; background-size: cover; position: absolute; bottom: 20px; right: 30px; cursor: pointer; border-radius: 8px;}
a.made_intro{background: linear-gradient(to right, #e093eb, #d4a3ff, #08feff) ; color: #ffffff !important;-webkit-text-fill-color:initial}
.x_cut{ position: absolute; top: 120px; left: 50%; transform: translateX(-50%); color:#069ba1; width: 300px; z-index: 9999; text-align: center; padding: 5px 0; background:#eef8e8; color: #5cba33; border-radius: 3px; box-shadow: 0 0 10px #ccc; animation: hide 2s forwards;}

.x_answer ol { list-style: decimal; padding-left: 20px;}
.x_answer ol li { list-style: decimal;}
.x_answer ul li { list-style: initial;}

@media (max-width: 800px) {
    .x{ position: fixed; top: 0; right: 0; height: 100vh; width: 100%; background: #ffffffcc;z-index: 9999; border-radius: 15px;display: none;box-shadow: none; transform: translateX(0px);}
    .x_open{opacity: 0.8;right: 10px; z-index: 9999;}
    .x_inner h4{padding: 0 0 10px 44px;}
    .x_holder{ left: 0; text-align: center;}
    .x_holder a { width: 90px; padding: 2px; margin: 2px;}
    .made_intro{  width: 60px; right: 15px;}
    .login_zone {position: absolute;top: 0; right: 0;background: linear-gradient(270deg, #010101c7, transparent) !important;border-radius: 0;left: initial !important;margin: 0 !important;border-radius: 0 !important; transform: translateX(0px) !important;}
}

.login_zone{z-index:1;    transform: translateX(240px); margin:0;}
.searchDiv {z-index: 1;width: 280px;}

/* ================= 翻译部分 */
.x_open2{ display: inline-block;position: fixed;  bottom: 115px; right:60px;  background: url(img/x_open3.png); font-size: 16px; width: 70px;height:67px;  background-size: cover;  color: #fff; text-align: center; line-height:106px;border-radius: 12px; z-index: 9999}
a:hover.x_open2{box-shadow: 8px 8px 1px #30bde242;font-weight: bold; }
.x2 { display: none; position: fixed; bottom: 116px; right: 130px; height: auto; width: 380px; background:#ffffffc7; backdrop-filter: blur(5px); z-index: 9999; border-radius: 15px; box-shadow: 0 0 10px #9a9a9a;transform: translateX(-10px); padding: 20px;}
.x2 h4{ font-size: 1.3rem;font-weight: bold; color: #1c66e6; background: linear-gradient(to right, #95b8f0, #ffffff00);-webkit-background-clip: text; -webkit-text-fill-color: transparent; border-bottom: 3px solid #cccccc;margin: 0 0 20px 0; border-image: linear-gradient(to right, #95b8f0, #ffffff00 60%) 1; width: 50%;}
.form-group { margin-bottom: 20px; overflow: hidden; display: flex; align-items: center;}
.form-group label { display: block;width: 100px;font-weight: bold;color: #333;}
.btn-group { display: flex; gap: 8px;flex-wrap: wrap;}
.btn-check{ opacity: 0;width: 0;height: 0;}
.btn-group{ display:flex; gap:8px; flex-wrap:wrap; }
.btn{align-items: center; justify-content: center; padding: 5px 20px;border: 1px solid #aed0f7; border-radius: 5px; background: #fff; color: #aed0f7 !important; cursor: pointer; user-select: none;transition: background .2s, color .2s, border-color .2s, box-shadow .2s; width: auto !important; font-size: 0.9rem; font-weight: 400 !important; font-size: 12px}
.btn:hover{ background:#f9fafb; }
.btn-check:checked + .btn { background: #5093dc;color: #ffffff !important; border-color: #267ad6; box-shadow: 0 0 0 2px rgb(70 144 229 / 20%);}
.hotkey-item { display: inline-flex; align-items: center;margin: 5px 10px;gap: 8px; }
.hotkey-input { width: 40px !important; height: 40px;font-family: monospace; font-size: 16px;font-weight: bold;text-align: center; color: #5093dc !important;background: #fff;border: 2px solid #ccc; border-radius: 6px; box-shadow: 0 2px 3px rgba(0,0,0,0.1); transition: all 0.2s;}
.hotkey-input:hover {border-color: #cccccc;box-shadow: 0 0 0 2px rgba(70,70,70,.2);}
.hotkey-input:focus { outline: none;border-color: #cccccc; box-shadow: 0 0 0 2px rgba(70,70,70,.2);}
.hotkey-label {font-size: 14px;color: #666;}
.color-picker{width: 80px !important; height: 36px; border-radius: 5px; border: 1px solid #d4d4d4; padding: 3px; background: #ffffffa6; margin: 0 10px 0 0;cursor: pointer;}
.color-picker-name{width: 80px !important; height: 28px; border-radius: 5px; border: 1px solid #d4d4d4; padding: 3px;  background: #ffffffa6; font-size: 12px}
.submit-btn { display: block; width: 80%; padding: 10px; background: linear-gradient(to bottom, #a2c8f3, #4189d7); color: #fff; border: none; border-radius: 4px; font-size: 1rem; cursor: pointer; margin: 20px auto 0 auto;text-align: center; font-size: 12px}
.translate-tip {margin-top: 5px; width: 100%; text-align: center; display: inline-block; color: #ccc;}

@media (max-width: 800px) {
    .x2{   width: 80%; background: #ffffffcc;z-index: 9999; border-radius: 15px;display: none;  position: fixed; bottom: 200px; left: 50%; transform: translateX(-50%);}
    .x_open2{ display:none; }
}