@charset "utf-8";
.canvas-bg{position:absolute;top:0;width:100%;height:100%;border-width:0}
.sousuo{width:100%;height:100%;position: relative;}
#search{max-width: 800px;position: relative;margin:0 auto;padding:100px 10px;}
#search form{position: relative;display:flex;width:100%;background-color: #fff;border-radius: 10px;overflow:hidden;border:0;}
#search-text{z-index: inherit;padding:.4rem .2rem;height: .6rem;font-size: .32rem;width:calc(100% - 60px);border:0;transition: .3s}
#search button{background:#fff;color:#ff6666;border: 0;width: 60px;padding:10px 0;border-radius: 3px}
#search button:hover{background: #ff6666;color:#fff;cursor: pointer;}
#search button i{color: #fff;font-size: 18px}
#search .search-select{height: 50px;cursor: pointer;border: none;background-color: #fff;transition: .3s}
#search .input-group-prepend:not(.d-none)+.search-key{border-top-left-radius: 0;border-bottom-left-radius: 0}
.search-group{display: none}
.search-group-modal{display: none}
.s-current .search-type{padding-left: 5px;display: initial;}
.s-current{display: flex}
#search-list{position: relative}
#search-list-modal{position: relative}
.s-type{position: absolute;top: 0;left: 0;z-index: 23;width: 75px}
.s-type:hover{height: auto}
.s-type>span{display: block;height: 31px;width: 75px}
.s-type-list{display: none;position: absolute;top: 31px;min-width: 75px;padding: 12px 0;background: #fff;border-radius: 5px;box-shadow: 0 9px 20px rgba(0,0,0,.16)}
.s-type-list:before{position: absolute;top: -1pc;left: 20px;content: '';display: block;width: 0;height: 0;border: 10px solid transparent;border-bottom-color: #fff}
.s-type-list label{display: block;font-size: 15px;text-align: center;font-weight: normal;margin-bottom: 0;padding: 2px 0px;word-break: keep-all;cursor: pointer;transition: .3s}
.s-type-list:not(.big) label{padding: 2px 12px}
.s-type-list label:hover{background: rgba(136,136,136,.1)}
.s-type-list .tile-lg{color: #fff;width: 3pc;height: 3pc;font-size: 1.25rem;line-height: 3rem;border-radius: .3rem;display: block;margin: auto}
.s-type:hover .s-type-list{display: block}
.type-text{display: flex;align-items: center;word-break: keep-all;padding-left: 9pt;color:#ddd}
.type-text:after{content: ">";font-size: 12px;margin: 0 0 0 10px}
.search-type{white-space: nowrap;margin: 0;overflow: auto}
.search-type li{list-style: none;display: inline-block}
.search-type label{margin: 0;color:#eee;}
.search-type li label{display: inline-block;padding: 0 11px;font-size: 14px;line-height: 31px;border-radius: 3px 3px 0 0;cursor: pointer}
.search-type li.menu-item a{display: inline-block;font-size: 14px;line-height: 31px;border-radius: 3px 3px 0 0}
.search-type input:checked+label,.search-type input:hover+label{background-color: #fff;color:#333;}
.set-check{margin-top: 3px;font-size: 9pt}
.set-check label{margin-left: 3px}
.set-check input,.set-check label{opacity: 0;transition: all .3s ease}
.search-smart-tips{position: absolute;z-index: 20;width: 100%;overflow: hidden}
.search-smart-tips ul{padding: 10px 0;margin: 0}
.search-smart-tips ul li{line-height: 30px;font-size: 14px;padding: 0px 25px;cursor: pointer;list-style: none;transition: .3s}
.search-smart-tips ul li:hover,.search-smart-tips ul li.current{background-color: rgba(130,130,130,.5)}
.geyan{color:#eee;text-align:center;padding-top:10px;font-size:15px;}
@media screen and (max-width:768px){
    .s-type-list label{padding: 5px 0}
    .s-type-list:not(.big) label{padding: 5px 16px}
    .search-list{height: 30px;overflow-y: hidden;overflow-x: scroll;white-space: nowrap}
}
.search-modal #m_search-text{z-index: inherit;padding: 9pt;height: 50px;font-size: 1pc;border: 0;border-radius: 3px;background-color: rgba(126,126,126,.1)}
.search-modal #search .search-select,.search-modal .search-type input:checked+label,.search-modal .search-type input:hover+label{background-color: rgba(126,126,126,.1);}
.search-modal li.menu-item{display: inline-block !important;margin: 4px}
.search-modal li.menu-item a{font-size: 12px;padding: .375rem .875rem;background: rgba(136,136,136,.1);border-radius: 50px}
.btn-search{position: relative;background-color: rgba(150,150,150,.16);transition: .2s ease-out}
.btn-search:hover,.btn-search.current{color: #fff !important;background-color: #f1404b;box-shadow: 0 5px 20px -3px rgba(249,100,90,.6)}
.btn-search.current:after{content: "";position: absolute;bottom: -17px;left: 0;right: 0;margin: 0 auto;width: 0;border: 10px solid transparent;border-top-color: #f1404b}
.text-break-all{word-break: break-all}