div.rzzy{
    font-family: "rzzy";
}
*{
    box-sizing: border-box;
}
.ZSKtit span{width: 1.2em;}
.ZSKtit span.bg1{background-image: url(/ftimages/ywzsk20200918.png);}
.ZSKlistBtn ul li a.hover span.bg2,.ZSKtit span.bg2{background-image:url(/ftimages/ywzsk20200918-02.png)}
.ZSKlistBtn ul li a.hover span.bg3,.ZSKtit span.bg3{background-image:url(/ftimages/ywzsk20200918-03.png)}
.ZSKlistBtn ul li a.hover span.bg4,.ZSKtit span.bg4{background-image:url(/ftimages/ywzsk20200918-04.png)}
.ZSKlistBtn ul li a.hover span.bg5,.ZSKtit span.bg5{background-image:url(/ftimages/ywzsk20200918-05.png)}
.ZSKlistBtn ul li a.hover span.bg6,.ZSKtit span.bg6{background-image:url(/ftimages/ywzsk20200918-06.png)}
.ZSKlistBtn ul li a.hover span.bg7,.ZSKtit span.bg7{background-image:url(/ftimages/ywzsk20200918-09.png)}
.ZSKlistBtn ul li a.hover span.bg8,.ZSKtit span.bg8{background-image:url(/ftimages/ywzsk20200918-10.png)}
.ZSKlistBtn ul li a.hover span.bg9,.ZSKtit span.bg9{background-image:url(/ftimages/ywzsk20200918-07.png)}
.ZSKlistBtn ul li a.hover span.bg10,.ZSKtit span.bg10{background-image:url(/ftimages/ywzsk20200918-12.png)}
.ZSKlistBtn ul li a.hover span.bg11{background-image:url(/ftimages/ywzsk20200918-11.png)}
.ZSKlistBtn ul li a.hover span.bg12{background-image:url(/ftimages/ywzsk20200918-08.png)}

.overflowStyle1{overflow:hidden;text-overflow:ellipsis;-o-text-overflow:ellipsis;white-space:nowrap}
.overflowStyle2{text-overflow:-o-ellipsis-lastline;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical}
.ZSKconter ul li{width:18.5%}

.ai_search{margin-top: 4em;}
.ai_search .conter{display: flex;justify-content: center;padding: 1.5em;padding-bottom:1em;width: 100%;}
.ai_search .conter .search_box{width: 80%;position: relative;}
.ai_search input{border: 0;border-radius: 8px;font-size: 1.125em;padding: 1em 1.5em;width: 100%;border: 1px solid #bd1a2d;}
.ai_search button{border: 0;border-top-right-radius: 8px;border-bottom-right-radius: 8px;font-size: 1.2em;width: 17%;background: #bd1a2d;color: #fff;cursor: pointer;transition: transform 0.3s ease; }
.ai_search button:hover {transform: scale(1.1);}
.ai_search .search_tit{text-align: center;}
.ai_search .search_tit em{font-family: 'rzzy'; color:#bd1a2d; font-size:2.4em; line-height:1;letter-spacing: 9px;}
.ai_search .search_tit span{ background:#bd1a2d; display:inline-block; border-radius:5px; font-size:1.6em; padding:0 0.5em; line-height:1.5; color:#fff; margin:0 0 0 0.2em;
    font-family: "rzzy";vertical-align: super;letter-spacing: 2px; }
.BottomTit em{letter-spacing: 5px;line-height: 1.2;}
.BottomTit span{font-family: "rzzy";font-size: 1.6em;padding:0 0.5em;line-height: 1.5;vertical-align: super;letter-spacing: 2px;}
.sysm{margin-left: 9em;color: #bd1a2d;cursor: pointer;float:left;}
.sysm img{width: 1.3em;height: 1.3em;vertical-align: sub;margin-right: 0.3em;}
.box1{margin-top:5em;}
.box1 .ZSKlistcont h1{margin:0;}

.box2{min-height:20em;display: none;margin-top:4em;}
.box2 .conter{max-width: 1200px;margin: 0 auto;border-bottom: 1px solid #ccc;display:flex;}
.box2 .tis{display: flex;align-items: center;margin: 0.5em auto -1px;flex-wrap: wrap;height: 2.4em;overflow: hidden;}
.box2 .tis span{display: inline-block;margin-right: 1.5em;font-size: 1.0em;padding: 0.5em 1.5em;margin-bottom: -1px;color: #333;cursor: pointer;flex: 0 0 calc(16.66% - 1.5em);text-align: center;
box-sizing: border-box; }
.box2 .tis span.hover,.box2 .tis .bsfw.hover{color: #bd1a2d;border-bottom: 1px solid #bd1a2d;}
.box2 .show_span{width:15%;text-align: right;padding-right: 0.5em;cursor: pointer;margin-top: 1em;}
.box2 .ts{font-size: 13px;color: #666;margin: 3em;}

.suggestions{background-color:white;z-index:1;width:100%;display:none;max-height:16em;overflow-y:auto;position:absolute;top:90%;border: 1px solid #bd1a2d;border-top: none;
    border-bottom-left-radius: 10px;border-bottom-right-radius: 10px;min-height: 10%;}
/* 整个滚动条 */
.suggestions::-webkit-scrollbar {
    width: 8px; /* 垂直滚动条宽度 */
    height: 80%; /* 水平滚动条高度 */
}

/* 滚动条轨道 */
.suggestions::-webkit-scrollbar-track {
    background: #f9f5f5; /* 轨道背景颜色 */
    border-radius: 10px; /* 轨道圆角 */
}

/* 滚动条滑块 */
.suggestions::-webkit-scrollbar-thumb {
    background: #f7b2ba; /* 滑块颜色 */
    border-radius: 10px; /* 滑块圆角 */
}

/* 滚动条滑块在悬停时 */
.suggestions::-webkit-scrollbar-thumb:hover {
    background: #bd1a2d; /* 悬停时的颜色 */
}

.suggestion-item{padding:10px;cursor:pointer;font-size:0.8em;height: 1.6em;font-size: 0.9em;height: 2.4em;padding-left: 30px;white-space: nowrap;overflow: hidden;
    text-overflow: ellipsis;}
.suggestion-item em{color:#bd1a2d}
.suggestion-item:hover,.highlight{background-color:#f0f0f0;background-image: url(see.png) ;background-size: 20px;background-position: 5px center;background-repeat: no-repeat ;}


@keyframes reveal{0%{width:0;opacity:1}
100%{width:auto;opacity:1}
}
.box2 .result{margin:3em auto;display:none}
.box2 .result .ai{ border:1px solid #bd1a2d; padding:2em; border-radius:15px; -webkit-border-radius:15px; -moz-border-radius:15px; -ms-border-radius:15px; -o-border-radius:15px; }
.ai_container{display: flex;justify-content: space-between;align-items: center;}
.ai_container .stop{background: url(stop-black.png) no-repeat left;
    background-size: 1.8em;
    padding-left: 1.8em;
    cursor: pointer;}
    .ai_container .stop:hover{color:#bd1a2d;background: url(stop.png) no-repeat left;background-size: 1.8em;}
.box2 .result .ai .title{font-family:"rzzy";font-size:1.6em;letter-spacing:1px;margin-bottom:1em;color:#bd1a2d;}
.box2 .ai .ai_logo{vertical-align:bottom;margin-right:8px;width:1.6em}
.box2 .ai .content{max-height:20em;overflow: hidden;transition: max-height 0.4s ease; }
.box2 .ai .content .line{font-size:1.2em;margin:2px 0;overflow:hidden;white-space:nowrap;width:0;animation:reveal 0.5s forwards;opacity:0;animation-fill-mode:forwards}
.box2 .ai .expand_box{height:5em;width:100%;position:relative;display:none;cursor:pointer}
.box2 .ai .expand_box .background{background:linear-gradient(0deg,#fff 0,#fff 30%,rgba(255,255,255,.8) 65%,rgba(255,255,255,0) 100%);height:7em;width:100%;position:absolute;top:-5em}
.box2 .ai .expand_box .expand_btn{position:absolute;top:3em;left:50%;cursor:pointer;transform: translate(-50%, 0);}
.box2 .ai .expand_box .expand_btn img{width:1.4em;height:1.4em;margin-left:0.3em;vertical-align: sub;}
.ai .jzok{vertical-align:bottom;margin-left:0.5em;width:1.2em}
.fade-in{opacity:0;animation:fadeIn 0.1s forwards}
@keyframes fadeIn{0%{opacity:0}
100%{opacity:1}
}

.page{ width:100%; font-size:1.25em; line-height:1.8; color:#bd1a2d; text-align:center; clear:both; padding:2em 0;}
.page a{  padding:0 1em; display:inline-block; margin:0 5px;  border-radius:5px;background: #fff; border: 1px solid #bd1a2d;color: #bd1a2d;}
.page a.current{background:#bd1a2d;color:#fff;}
.page a:hover{ text-decoration:none;}
.page em{font-style: normal;}
.page em .jumpPage{ border: 1px solid #bd1a2d; color: #bd1a2d; margin: 0 5px; border-radius: 5px; padding: 0; text-align: center; vertical-align: bottom; height: 1.9em; width: 60px; font-size: 1em; box-sizing: border-box; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; }



.overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,0.7);z-index:2;display: none;}
.guide {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);z-index:10;display: none;border: 2px solid #bd1a2d;color: #bd1a2d;}
.guide-container{position:relative;background:white;border-radius:8px;box-shadow:0 2px 10px rgba(0,0,0,0.1);padding:2.5em 2em 3em 2em;width: 35em;margin:auto;}
.guide .guide-container .step{margin-bottom:20px}
.guide h2{text-align:center;font-family: "rzzy";font-size: 1.8em;font-weight: 400;letter-spacing: 3px;padding-bottom: 0.6em;}
.guide p{text-indent: 2em;font-size: 1.1em;padding-bottom: 1em;}
.guide button{display:block;padding:10px 15px;border:none;border-radius:5px;background-color:#bd1a2d;color:white;cursor:pointer;float: right;width: 10em;font-size: 1em;}
.guide button:hover{background-color:#bd1a2d}

.guess{display: none;margin-bottom: 5em;}
.guess .guess_title{display: flex;justify-content: space-between;margin: 1.5em auto;}
.guess .BottomTit{margin:0;}
.guess .refresh_btn{font-size: 1.2em;cursor: pointer;line-height: 2;}
.guess .refresh_btn:hover{color:#bd1a2d;}
.guess #refreshImg{width: 1.2em;height: 1.2em;vertical-align: sub;margin-right: 0.3em;}
.guess .guess_list{border: 1px solid #eee;min-height: 200px;border-radius: 15px;padding: 1em;}

.guess_item{ padding:0.8em;}
.guess_item:hover{ background:#f4f4f4;}
.guess_item a:hover{ text-decoration:none;}
.guess_item h1{ font-size:1em;font-weight: 400;}
.guess_item h1 a:before{content:'\25aa';  color:#bd1a2d; display: inline-block;margin-right: 10px;}
.guess_item h1 a{ font-size:1.25em; line-height:1.5; height:1.5em; overflow:hidden; color:#000; display:block;}
.guess_item p{ line-height:1.5;  height:3em; overflow:hidden; margin:0 0 0 1em;}


@media (max-width:600px){
    .ai_search{display:none;}
    .page em{display: none;}
    .ZSKlistBtn ul li {
        width: 24%;
    }
    .overlay,.guide{display:none;}
}