em{font-style: normal;}
.flex{display: flex;}
.align-items{align-items: center;}
.item-box{    background: linear-gradient(180deg, #d5e5fb 0%, #f7fafe 67%, #f4faff 100%);
    box-shadow: 0 0 20px #001ac326, inset 0 4px 30px #4b84ff33;
    border-radius: 12px;
    border: 2px solid #ffffff;
    padding: 15px 16px 12px;}
i.ai-ico{position: relative;display: inline-block; width: 20px; height: 20px;margin-right: 5px; background-position: center;background-repeat: no-repeat;background-size: contain;border-radius:100%}
i.ai-ico.all{background-image: url(../../images/ico/all.png);}
i.ai-ico.chatgpt{background-image: url(../../images/ico/chatgpt.png);}
i.ai-ico.openai{background-image: url(../../images/ico/openai.png);}
i.ai-ico.gemini{background-image: url(../../images/ico/gemini.png);}
i.ai-ico.ai_overview{background-image: url(../../images/ico/ai_overview.png);}
i.ai-ico.deepseek{background-image: url(../../images/ico/deepseek.png);}
i.ai-ico.poe{background-image: url(../../images/ico/poe.png);}
i.ai-ico.perplexity{background-image: url(../../images/ico/perplexity.png);}
i.ai-ico.claude{background-image: url(../../images/ico/claude.png);}
i.ai-ico.deepai{background-image: url(../../images/ico/deepai.png);}
i.ai-ico.ali{background-image: url(../../images/ico/ali.png);}
i.ai-ico.doubao{background-image: url(../../images/ico/doubao.png);}
i.ai-ico.tencent{background-image: url(../../images/ico/tencent.png);}
i.ai-ico.baidu{background-image: url(../../images/ico/baidu.png);}

body{position: relative; background:#d4e8ff url(../../images/ico_20250819/bg-a625819d.png)  repeat ;height: auto !important; }
body:before,body:after{content: ""; position: absolute;left: 0;top: 0;width: 69px; height: 100%; background: url(../../images/ico_20250819/arrow_r-476286f6.png) no-repeat left center;z-index: 0;pointer-events: none; }
body:after{ background-image: url(../../images/ico_20250819/arrow_l-5d45954e.png) ;left: auto;right: 0;}
.geo-wrapper{position: relative; width: 94%;margin: 0 auto; z-index: 1;}
.page-title-box .head-bg{position: absolute;left: 50%; top: 0; transform: translateX(-50%);max-height: 95px;max-width: 100%;}
.page-title-box .head-ico{position: absolute;top: 16px;}
.page-title-box .head-ico-l{left: -48px;}
.page-title-box .head-ico-r{right: -48px;    transform: rotateY(180deg);}
.page-title-box .page-title{position: relative; width: 100%;font-size: 32px; letter-spacing: 2px; font-weight: bold;padding: 10px 0 ;color:#fff; text-align: center;  }
.page-title-box .title {text-align: right;}
.page-title-box .title span{background: #b7d6ff;border-radius: 8px;border: 1px solid #ffffff;padding: 8px 12px;font-size: 14px;color: #25327d;}

.classic-items{margin-top: 24px;}
.classic-items  ul{flex-wrap: wrap;justify-content: space-between;}
.classic-items ul li{ margin-right: 24px;flex: 1;display: inline-flex;align-items: center;justify-content: center;}
.classic-items ul li:last-child{margin-right: 0;}
.classic-items ul li img{width: 55px;margin-right: 15px;}
.classic-items ul li .info{flex: 1;}
.classic-items ul li .info strong{display: block;font-size: 16px;margin-top: 5px;}
.classic-items ul li .info span{color: #25327d;}

.chart-items{margin-top: 34px;}
.chart-items ul{flex-wrap: wrap;justify-content: space-between;}
.chart-items ul li{ flex: 1;text-align: center;padding-top: 0;overflow: hidden;}
.chart-items ul li:last-child{margin-right: 0;}
.chart-items ul li .item-title{position: relative; padding: 10px ; display: inline-block;background:url(../../images/ico_20250819/title-bg.png)  repeat bottom left  ;background-size: auto 100%;}
.chart-items ul li .item-title:before ,.chart-items ul li .item-title:after{position: absolute;left: -94px;bottom: 0;content: "";width: 94px;height: 100%;background:url(../../images/ico_20250819/title-bg-l.png)  no-repeat ;background-position: bottom right; background-size: auto 100%;;}
.chart-items ul li .item-title:after{left: auto;right: -94px ;background-image:url(../../images/ico_20250819/title-bg-r.png);background-position: bottom left; }
.chart-items ul li .item-title .ico{width: 23px;}
.chart-items ul li .item-title .ico-l{}
.chart-items ul li .item-title .ico-r{}
.chart-items ul li .item-title .title{font-size: 16px;color: #25327d;margin: 0 10px;}

.chart-items ul li .item-content{position: relative;display: flex;justify-content: space-between;flex-wrap: wrap;}
.chart-items ul li .item-content .box{position: relative;padding: 10px;    border: 1px solid rgba(72, 142, 255, .25);margin-top: 50px;}
.chart-items ul li .item-content .left{width: 34%;display:none;}
.chart-items ul li .item-content .right{/*width: 62%;*/width:100%}
.chart-items ul li .item-content .box .title{position: absolute;left: 0; width: 100%;text-align: center; top:-35px; font-size: 14px;color: #25327d;}
.chart-items ul li .item-content .content-wrap{ border: 1px solid rgba(72, 142, 255, .25); overflow: hidden;height: 100%;background: linear-gradient(180deg, rgba(145, 212, 246, .25) 0%, rgba(255, 255, 255, .25) 100%);}
.chart-items ul li .item-content .box .content{ }
.chart-items ul li .item-content .box .content .time{ 
    background: linear-gradient(151deg, rgba(255, 255, 255, 0) 12%, rgba(255, 255, 255, .8) 56%, #d5edff 100%);
    box-shadow: inset 0 4px 4px #ffffff40;
    border: 1px solid;
    border-image: linear-gradient(270deg, rgb(78, 173, 255), rgba(97, 221, 255, 0)) 1 1;
    position: relative;
 
    margin:20px 15px 20px 25px;
    /* width: 100%; */
    border-radius: 4px;display: flex;align-items: center;text-align: left;}
.chart-items ul li .item-content .box .content .time img{transform: translateX(-10px);width: 43px;}
.chart-items ul li .item-content .box .content .info{}
.chart-items ul li .item-content .box .content .info strong{}
.chart-items ul li .item-content .box .content .info p{}

.chart-items ul li .item-content .content-wrap .line{  
    position: absolute;
    left: -2px;
    top: 4px;
    z-index: 1;
    width: 14px;
    height: 1px;
    background-color: #488eff40;
    transform: rotate(45deg);}
.chart-items ul li .item-content .content-wrap .line:nth-of-type(2){left: auto;right: -2px; transform: rotate(-45deg);}
.chart-items ul li .item-content .content-wrap .line:nth-of-type(3){ top: auto;bottom: 4px;transform: rotate(135deg);}
.chart-items ul li .item-content .content-wrap .line:nth-of-type(4){top: auto;bottom: 4px; left: auto;right: -2px;    transform: rotate(-135deg); }

.content-box{
    position: relative;
    margin-top: 45px;
    background: linear-gradient(180deg, #d5e5fb 0%, #f7fafe 67%, #f4faff 100%), rgba(255, 255, 255, .6);
    box-shadow: 0 0 20px #001ac326, inset 0 4px 30px #4b84ff33;
    border-radius: 12px;
    border: 2px solid #ffffff;
}
.content-box .tab-nav-f{     
    position: relative;
    display: flex
;
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
    background: #E8F1FD; }
.content-box .tab-nav-f .tab-nav{flex: 1;}
.content-box .tab-nav-f .tab-nav li{    font-size: 15px;
    float: left;
    padding: 10px 28px;
    color: #25327d;
    font-weight: 700;
    cursor: pointer;
    border-right: 2px solid transparent;
    border-left: 2px solid transparent;    border-color: currentcolor;
    border-style: solid;
    border-width: 0;}
.content-box .tab-nav-f .tab-nav li a{color: #25327d;display:inline-flex;align-items:center}
.content-box .tab-nav-f .tab-nav li.active{   
    color: #2d7eff;
    border-color: #fff;
    background: #D8E7FB;
    border-radius: 12px 12px 0 0; border-color: #fff;border-left-width: 2px;border-right-width: 2px;}
.content-box .tab-nav-f .tab-nav li.active a{color: #2d7eff;}
.content-box .tab-nav-f .tab-nav li:first-of-type.active{border-left-width: 0;}
.search-wrap{display: flex;align-items: center;margin-right: 10px;}
.search-wrap .search-input,.search-wrap .time-select{ background: #D8E7FB;
    border: 2px solid #fff;
    border-radius: 4px;
    padding: 0 10px;
    height: 30px;
    font-size: 12px;color: #666; margin-right: 7px;min-width: 120px;}
.search-wrap .search-input{    }
.search-wrap .search-btn{    background: #488eff;
    border: none;
    border-radius: 4px;  
    height: 28px; 
    padding: 0 8px;
    cursor: pointer;display: inline-flex;align-items: center;}
.search-wrap .search-btn svg path{fill:#fff;}
.search-wrap .time-select{    color: #999;}

.table-scroll{padding:0 20px; border-top: 2px solid #ffffff;margin-top: -2px;}
.table-bordered{border: none;}
.table-bordered thead tr th{background-color: transparent;color: #25327d;}
.table-bordered thead tr th,.table-bordered tbody tr td{text-align: left;padding: 12px 10px;border: none;}
.table-bordered tbody tr:nth-of-type(odd){background-color: rgba(255,255,255,.6);}

.page-bottom-bg{text-align: center;margin-top: 10px; pointer-events:none}
.page-bottom-bg .head-bg{max-height: 71px;max-width: 100%;}
.page-bottom-bg .head-ico { position: absolute; bottom: 16px;}
.page-bottom-bg .head-ico.head-ico-l {left: -48px; transform: rotate(270deg);}
.page-bottom-bg .head-ico.head-ico-r {transform: rotate(180deg);right: -48px;}


.layui-layer{    border-radius: 5px;} 
.layer-content{padding:20px 30px 50px; }
.layer-inner{overflow-y: auto;height: 65vh;font-size: 13px;    padding: 0 30px 0 0;}
.layer-inner .item{max-width: 100%;position: relative;padding: 10px 0;}
.layer-inner .item.ask{text-align: right;}
.layer-inner .item.answer .btn,.layer-inner .item.ask .con{background-color: #ebf0fc;display: inline-block;padding:10px 20px;}
.layer-inner .item.answer .btn{border-radius: 20px  20px 20px 0 ;font-size: 13px;display: inline-flex;align-items: center;padding:5px 10px 5px 20px;margin: 0 0 15px;}
.layer-inner .item.answer .btn i{display: inline-flex;align-items: center;transition: all 0.3s ease-in-out;}
.layer-inner .item.answer .btn i.rotate{transform:rotate(180deg)}
.layer-inner .item.ask .con{border-radius:20px 0 20px 20px;max-width: 80%;}
.layer-inner .item.answer{padding: 10px 0 10px 30px;}
.layer-inner .item.answer .ai-ico{position: absolute;left: 0; top: 18px;}
.layer-inner .item.answer .wrap{padding: 0 20px 10px;}
.layer-inner .item.answer .content{max-width: 95%;line-height:2}
.layer-title{ font-weight: bold; font-size: 14px;margin-bottom: 20px;}
.layer-title img{margin-right: 10px;width: 25px;}

.pagination{position:relative;display:flex;align-items:center;justify-content:center;padding:10px 0 35px; }
.pagination li{position:relative;margin:5px;}
.pagination li a,.pagination li span{position:relative;display:block;background-color:#f0f2f5 !important;line-height:30px;padding:0 10px;min-width:30px;text-align:center;border:none;border-radius:3px}
.pagination li.active a,.pagination li.active span{background-color:#4B81FF !important;color:#fff}
@media screen and (max-width: 1280px){
    .chart-items ul li .item-content .box .content{padding-top: 0 !important;}
    .chart-items ul li .item-content .box .content .time{ margin:5px  5px;padding: 5px 0; display: block;text-align: center;}
    .chart-items ul li .item-content .box .content .time img{width: 25px;transform: translateX(0px);}
    .content-box{margin-top: 60px;}
    .search-wrap{position: absolute;top: -45px;right: -10px;}
}
@media screen and (max-width: 1200px){
    .layui-layer{width:90% !important; left:5% !important; top:10vh !important}
    .layui-layer-content{height:80vh !important}
    .chart-items ul li .item-title .title{margin: 0 5px;}
    .chart-items ul li .item-title .ico{width: 18px;}
    .content-box .tab-nav-f .tab-nav li{padding: 10px 30px;}
}
@media screen and (max-width: 950px){
    .page-title-box .page-title{font-size: 26px;}
    .classic-items ul li .info strong,
    .chart-items ul li .item-title .title,
    .content-box .tab-nav-f .tab-nav li{font-size: 14px;}
    .chart-items ul li{max-width: 100% !important;width: 48% !important;margin: 10px 1%; flex: auto;} 
    .chart-items ul li .item-content .left,
    .chart-items ul li .item-content .right{width: 100%;}
    .chart-items ul li .item-content .box{margin-top: 35px;padding: 0;border: none;}
    .chart-items ul li .item-content .box .title{top: -25px;}
    .chart-items ul li .item-content .box .content{display: flex;justify-content: space-between;border: none;}
    .chart-items ul li .item-content .box .content .time{width: 33%;}
    .chart-items ul li .item-content .box .content .time img{display: none;}
    .chart-items ul li .item-content .content-wrap {background:none;border: none;}
    .chart-items ul li .item-content .content-wrap .line{display: none;}
    .content-box .tab-nav-f .tab-nav li{padding: 7px 20px;}
 
    

}
@media screen and (max-width: 800px){
    .classic-items ul li{width: 49%;flex: none;margin:10px 0 0;}
}
@media screen and (max-width: 480px){
    .page-title-box .page-title{font-size: 20px;padding: 20px 0;    color: #25327d;}
    .page-title-box .head-bg{max-width: none;display: none;}
    .page-title-box .title{text-align: center;}

    .layer-content{    padding: 20px 15px 50px;}   
    .classic-items ul li{width: 100%;}
    .chart-items ul li{width: 100% !important;flex: none;}

    .content-box .tab-nav-f .tab-nav li{padding: 5px 10px;} 
    .table-scroll{padding: 0 10px;}
    
     .search-wrap{right: auto;left: 0;}
    
}