/* 搜索结果页面 */
.search_main{margin-top: 90px;}
.search_top{padding: 21px 0; background-color: var(--color);}

#search *::-webkit-scrollbar{height:3px;width:5px;background:rgba(173,173,173,0.2); border-radius: 2px;}
#search *::-webkit-scrollbar:hover{background:rgba(173,173,173,0.2);  border-radius: 2px;}
#search *::-webkit-scrollbar-thumb{background:rgba(173,173,173,1); border-radius: 2px;}
#search *::-webkit-scrollbar-thumb:hover{background-color:rgba(173,173,173,1); border-radius: 2px;}

#search{padding: 90px 0 160px;}
#search .search_title {padding-bottom: 80px;}
#search .search_title .form{margin: 30px auto 0; width: 49.479%; height: 60px; overflow:hidden; background:#fff; border: 2px solid #e5e5e5;}
#search .search_title .form .input{margin: 0; width: calc(100% - 60px); height: calc(100% - 4px);}
#search .search_title .form .input input{display: block; padding-left: 20px; width: 100%; height: 100%; font-size: 18px; color:#333;}
#search .search_title .form .submit{margin: 0; width: 60px; height: calc(100% - 4px); background: url(images/search.svg) no-repeat center}
#search .search_title .form:hover{border-color: var(--main);}


#search .search_cont {}
#search .search_cont .left_cont{width: 16.667%;}
#search .search_cont .left_cont .top{font-size: 16px; line-height: 1; color: #999;}
#search .search_cont .left_cont .top .clean_btn:hover{color: var(--main);}

#search .search_cont .left_cont .list_radio .item_radio{margin-top: 38px; }
#search .search_cont .left_cont .list_radio .item_radio .item_radio_ant{position: relative; display: inline-block; outline: none; width: 20px; height: 20px;}
#search .search_cont .left_cont .list_radio .item_radio .item_radio_ant .ant_radio_input{ display: block; position: absolute;left: 0; top: 50%; transform: translateY(-50%); z-index: 1; width: 100%; height: 100%; background: #fff url() no-repeat center; border: 1px solid #e5e5e5; border-radius: 3px; -webkit-appearance: none; -moz-appearance: none;appearance: none;outline: none;}
#search .search_cont .left_cont .list_radio .item_radio .txt{margin-left: 12px; max-width: calc(100% - 35px); font-size: 22px; line-height: 1.5715; color: #333;}
#search .search_cont .left_cont .list_radio .item_radio .item_radio_ant .ant_radio_input:checked {background-color: var(--main); border-color: var(--main);position: relative;}
#search .search_cont .left_cont .list_radio .item_radio .item_radio_ant .ant_radio_input:checked::before {content: ''; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 12px; height: 11px; background: url(images/yes.svg) no-repeat center left 1px;}
#search .search_cont .left_cont .list_radio .item_radio.cur .txt{color: var(--main);}

#search .search_cont .right_cont{width: 78.125%;}

/* TAG页面专用 */
#search .search_cont.TAG-page-box .right_cont{width: 100%;}


#search .search_cont .right_cont .count{font-size: 26px; line-height: 1; color: #333;}
#search .search_cont .right_cont .count span{color: var(--main);}
#search .search_cont .right_cont .list{margin-top: 30px; margin-bottom: 60px;}
#search .search_cont .right_cont .list .item{margin-top: 20px; padding: 35px; width: 100%; background-color: #f8f8f8;}
#search .search_cont .right_cont .list .item:first-child{margin-top: 0;}
#search .search_cont .right_cont .list .item .type{width: 60px; font-size: 16px; line-height: 30px; color: #fff; background-color: var(--main);}
#search .search_cont .right_cont .list .item .info{width: calc(100% - 90px);}
#search .search_cont .right_cont .list .item .info .name{font-size: 22px; line-height: 30px; color: #333;}
#search .search_cont .right_cont .list .item .info .url{margin-top: 11px; font-size: 16px; line-height: 26px; color: #666;}
#search .search_cont .right_cont .list .item .info .brief{margin-top: 15px; font-size: 16px; line-height: 30px; color: #666;}
#search .search_cont .right_cont .list .item .info .brief.cate,
#search .search_cont .right_cont .list .item .info .brief.time{font-size: 14px; line-height: 1.2;}
#search .search_cont .right_cont .list .item .info .brief.cate{margin-top: 10px;}
#search .search_cont .right_cont .list .item .info .brief.time{margin-top: 12px; opacity: 0.8;}
#search .search_cont .right_cont .list .item .info .pro_info{margin: 15px 0;}
#search .search_cont .right_cont .list .item .info .pro_info .pro_pic{margin-right: 20px; width: 100px; height: 100px; background-color: #fff;}
#search .search_cont .right_cont .list .item .info .pro_info .pro_pic.download{padding: 20px;}
#search .search_cont .right_cont .list .item .info .pro_info .pro_desc{width: calc(100% - 120px); font-size: 16px; line-height: 30px; color: #666;} 
#search .search_cont .right_cont .list .item:hover .info .name{color: var(--main);}
#search .search_cont .right_cont #page_list .cont{width: 100%;}

#search .item .dataBox {}
#search .item .dataBox .text {width: max-content; max-width: calc(100% - 10px - 18px);}
#search .item .dataBox .icon {width: 10px;height: 10px;transform: rotate(90deg);}
#search .item .dataBox .icon .svg {font-size: 10px; color: #999999;stroke: #999999;}
#search .item .dataBox .tip:first-child {margin-right: 30px;}
#search .item .dataBox {position: relative;}
#search .item .dataBox .item_desc {max-width: 72%; display: flex;align-items: center;cursor:pointer;justify-content: space-between;}
#search .item .dataBox .more_box{top: 0px; left: 0; z-index: 2; padding: 19px 14px; width: 100%; height: max-content; background-color: #fff; box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.1); font-size: 16px; color: #333333;}
#video .content .item:nth-child(4n) .word .dataBox .more_box {left: auto;right: -5.555%;}
#search .item .dataBox .more_box .box_ul{margin-bottom: 10px;max-height: 130px;overflow: auto;}
#search .item .dataBox .more_box .box_ul .li{margin-right: 39px; margin-top: 10px;line-height: 26px;}
#search .item .dataBox .more_box .box_btn{padding-right: 24px;}
#search .item .dataBox .more_box .box_btn .svg{margin-left: 12px; font-size: 10px; color: #999; transform: rotate(-90deg);}

@media (max-width: 1440px) {
    #search .search_cont .left_cont .list_radio .item_radio .txt{font-size: 20px;}

    #search .search_cont .right_cont{width: 80%;}
    #search .search_cont .right_cont .list .item{padding: 35px 2.6% 45px;}
}
@media (max-width: 1366px) {
    #search{padding: 70px 0 120px;}
    #search .search_title{padding-bottom: 70px;}

    #search .search_cont .left_cont .list_radio .item_radio{margin-top: 30px;}

    #search .search_cont .right_cont .list .item{padding: 35px 2.6% 40px;}
    #search .search_cont .right_cont .list .item .info .url{margin-top: 10px; line-height: 22px;}
    #search .search_cont .right_cont .list .item .info .pro_info .pro_desc,
    #search .search_cont .right_cont .list .item .info .brief{font-size: 14px; line-height: 1.7;}
}
@media (max-width: 1280px) {
    #search .search_cont .right_cont .count{font-size: 22px;}
}
@media (max-width: 1200px) {
    #search{padding: 70px 0 100px;}
    #search .search_title{padding-bottom: 50px;}
    #search .search_title .form{margin-top: 25px; width: 60%;}

    #search .search_cont .left_cont .list_radio .item_radio .txt{font-size: 18px;}

    #search .search_cont .right_cont .list .item{padding: 30px 3.6% 35px;}
    #search .search_cont .right_cont .list .item .info{width: calc(100% - 85px);}
    #search .search_cont .right_cont .list .item .info .name{font-size: 20px;}
    #search .search_cont .right_cont .list .item .info .url{margin-top: 5px;}
    #search .search_cont .right_cont .list .item .info .pro_info .pro_desc{font-size: 14px;}
}
@media (max-width: 992px) {
    .search_main{margin-top: 66px;}

    #search{padding: 8vw 0;}
    #search .search_title{padding-bottom: 4vw;}
    #search .search_title .form{margin-top: 1.5vw; height: 55px;}
    #search .search_title .form .input input{font-size: .14rem;}
    
    #search .search_cont{flex-direction: column;}
    #search .search_cont .left_cont{width: 100%;}
    #search .search_cont .left_cont .top{font-size: .13rem; line-height: 1.3;}
    #search .search_cont .left_cont .list_radio{display: flex; flex-wrap: wrap;}
    #search .search_cont .left_cont .list_radio .item_radio{flex-grow: 1; margin-right: 3vw; margin-top: 2vw; width: max-content; max-width: max-content;}
    #search .search_cont .left_cont .list_radio .item_radio .item_radio_ant{width: 18px; height: 18px;}
    #search .search_cont .left_cont .list_radio .item_radio .txt{margin-left: 1.8vw; font-size: .13rem; word-break: keep-all; width: max-content; max-width: max-content;}

    #search .search_cont .right_cont{width: 100%; margin-top: 5vw;}
    #search .search_cont .right_cont .count{font-size: .16rem; line-height: 1.5;}
    #search .search_cont .right_cont .list{margin-top: 3vw; margin-bottom: 5vw;}
    #search .search_cont .right_cont .list .item{padding: 3vw 3.6%;}
    #search .search_cont .right_cont .list .item .type{font-size: .13rem;}
    #search .search_cont .right_cont .list .item .info .name{font-size: .15rem;}
    #search .search_cont .right_cont .list .item .info .url,
    #search .search_cont .right_cont .list .item .info .pro_info .pro_desc,
    #search .search_cont .right_cont .list .item .info .brief,
    #search .search_cont .right_cont .list .item .info .brief.cate, 
    #search .search_cont .right_cont .list .item .info .brief.time{font-size: .12rem; line-height: 1.5;}
    #search .search_cont .right_cont .list .item .info .brief.cate{margin-top: 1vw;}
    #search .search_cont .right_cont .list .item .info .brief.time{margin-top: 1.5vw;}
    #search .search_cont .right_cont .list .item .info .pro_info{margin: 2vw 0;}
    #search .search_cont .right_cont .list .item .info .brief{margin-top: 2vw;}

    #search .item .dataBox,
	#search .item .dataBox .more_box{font-size: 0.12rem;}
}
@media (max-width: 768px) {
    #search .search_title .form{width: 80%; height: 7vw; border-radius: 0.5rem;}
    #search .search_title .form:hover{border-color: #e5e5e5;}
    #search .search_title .form .input input{padding-left: 25px; font-size: .16rem;}
    
    #search .search_cont .left_cont .top,
    #search .search_cont .left_cont .list_radio .item_radio .txt{font-size: .16rem;}

    #search .search_cont .right_cont .count{font-size: .22rem;}
    #search .search_cont .right_cont .list .item{flex-direction: column; margin-top: 3vw; padding: 3vw 4.6%;}
    #search .search_cont .right_cont .list .item .type{min-width: 60px; width: max-content; padding: 0 20px; line-height: 1.7; border-radius: 0.5rem; font-size: .18rem;}
    #search .search_cont .right_cont .list .item .info{width: 100%; margin-top: 2vw;}
    #search .search_cont .right_cont .list .item .info .name{font-size: .2rem; font-weight: 600;}
    #search .search_cont .right_cont .list .item:hover .info .name{color: #333;}
    #search .search_cont .right_cont .list .item .info .url, 
    #search .search_cont .right_cont .list .item .info .pro_info .pro_desc, 
    #search .search_cont .right_cont .list .item .info .brief,
    #search .search_cont .right_cont .list .item .info .brief.cate,
    #search .search_cont .right_cont .list .item .info .brief.time{font-size: .16rem;}
    #search .search_cont .right_cont .list .item .info .pro_info {justify-content: space-between;}
    #search .search_cont .right_cont .list .item .info .pro_info .pro_pic{margin: 0; width: 14vw; height: 14vw;}
    #search .search_cont .right_cont .list .item .info .pro_info .pro_desc{width: calc(100% - 16vw);}

    #search .item .dataBox .item_desc{max-width: 84%;}
	#search .item .dataBox .more_box,
	#search .item .dataBox {font-size: 0.16rem;}
}
@media (max-width: 576px) {
    .search_top{padding: 5vw 0;}

    #search{padding: 10vw 0;}
    #search .search_title{padding-bottom: 6vw;}
    #search .search_title .form{margin-top: 5vw; width: 100%; height: .79rem;}
    #search .search_title .form .input{width: calc(100% - 16%);}
    #search .search_title .form .input input{padding-left: 8%; font-size: .26rem;}
    #search .search_title .form .submit{width: 16%; background-size: 4vw;}
    
    #search .search_cont .left_cont .top, 
    #search .search_cont .left_cont .list_radio .item_radio .txt{font-size: .26rem;}
    #search .search_cont .left_cont .list_radio .item_radio{margin-right: 4vw; margin-top: 3vw;}
    #search .search_cont .left_cont .list_radio .item_radio .item_radio_ant{width: 4vw; height: 4vw;}
    #search .search_cont .left_cont .list_radio .item_radio .txt{width: max-content;}
    
    #search .search_cont .right_cont .count{font-size: .32rem;}
    #search .search_cont .right_cont .list .item{padding: 5vw 5.6%;}
    #search .search_cont .right_cont .list .item .type{font-size: .24rem; line-height: 0.5rem; }
    #search .search_cont .right_cont .list .item .info{margin-top: 2.5vw;}
    #search .search_cont .right_cont .list .item .info .name{font-size: .3rem;}
    #search .search_cont .right_cont .list .item .info .url, 
    #search .search_cont .right_cont .list .item .info .brief,
    #search .search_cont .right_cont .list .item .info .brief.cate,
    #search .search_cont .right_cont .list .item .info .brief.time{font-size: .26rem;}
    #search .search_cont .right_cont .list .item .info .pro_info .pro_pic{width: 16vw; height: 16vw;}
    #search .search_cont .right_cont .list .item .info .pro_info .pro_desc{width: calc(100% - 18vw);}
    
    #search .search_cont .right_cont .list .item .info .url{margin-top: 1.5vw;}
    #search .search_cont .right_cont .list .item .info .pro_info .pro_desc{font-size: .26rem;}
    #search .search_cont .right_cont .list .item .info .pro_info, 
    #search .search_cont .right_cont .list .item .info .brief{margin-top: 4vw;}


	#search .item .dataBox {font-size: 0.26rem;}
    #search .item .dataBox .item_desc{max-width: 100%;}
	#search .item .dataBox .more_box {padding-right: 24px; font-size: 0.26rem; margin-top: 0.1rem; padding: 0.15rem 0.3rem 0.2rem;}
	#search .item .dataBox .more_box .icon {width: 16px;height: 16px;}
	#search .item .dataBox .more_box .box_btn {font-size: 0.26rem; padding-right: 0;}
	#search .item .dataBox .more_box .box_btn .svg {width: auto;height: auto; font-size: 0.18rem; transform: rotate(-90deg) scale(0.8);}
    #search .item .dataBox .icon .svg{font-size: 0.18rem; transform: scale(0.8);}
}
@media (max-width: 380px) {
    #search .search_title .form{height: 1rem;}
}