@charset "UTF-8";
body{background:#12172c}
.search-header{width:100%;position:relative;margin-top:100px}
.search-header .breadcrumb{width:95%;padding-left:0;position:relative;margin:0 auto}
.search-main{width:100%;position:relative;margin:20px auto;}
.search-main h1{font-size:1.5em;font-weight:300;color:#fff}
.search-main h1 em{font-size:1em;font-weight:500;color:#fffee5;font-style: normal;text-transform: none;list-style: none;}
.search-container{width:100%;position:relative;display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap}
.search-related,.search-result-content{width:100%;position:relative}
.search-related{display:none}
.search-filter{width:100%;position:relative;display:flex;justify-content:flex-end;align-items:center;flex-wrap:wrap}
.sort-icon{width:20px;position:relative;margin-right:10px}
.sort-icon img{width:100%;vertical-align:-webkit-baseline-middle}
.sort-item{width:60px;height:36px;position:relative;border:1px solid #fff;color:#fff;font-size:1em;font-weight:300;text-align:center;line-height:36px;cursor:pointer}
.sort-item:nth-child(2){border-radius:5px 0 0 5px}
.sort-item:nth-child(3){border-radius:0 5px 5px 0}
.sort-item.active{background:#fff;color:#333;font-weight:400}
.search-tab{width:100%;position:relative}
.search-tab-item{position:relative;padding:20px 10px;font-size:1.1em;font-weight:300;text-align:center;color:#fffee5;box-sizing:border-box;display:inline-block;cursor:pointer;transition:.15s linear}
.search-tab-item:hover{border-bottom:3px solid #fffee5}
.search-tab-item.active{border-bottom:3px solid #fffee5;color:#fffee5;font-weight:400}
.search-result{width:100%;position:relative}
.search-item{width:100%;position:relative;display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;padding:20px 0;margin:0;border-bottom:1px solid #3c3c3c}
.search-result li{margin-bottom:0}
.search-result li:last-child{border-bottom:1px solid #3c3c3c}
.search-item:nth-child(1){border-top:1px solid #3c3c3c}
.search-item-content{width:22%;position:relative}
.search-item-cover{width:100%;padding-bottom:148.148%;position:relative}
.search-item-cover img{width:100%;height:100%;object-fit:contain;object-position:top center;position:absolute}
.search-item-cover .feature-item{position:absolute;top:0;left:0}
.search-item-cover .program-item{position:absolute;bottom:0;right:0;margin:0}
.search-item-info{width:76%;position:relative}
.search-item-name{font-size:1.5em;font-weight:400;color:#fff;margin:10px 0}
.search-item-name a{color:#fff;transition:.15s linear}
.search-item-name a:hover{text-decoration:underline}
.search-item-info p{font-size:.95em;font-weight:300;line-height:1.4em;color:#f1f1f1}
.search-item-info p a{color:#f1f1f1;transition:.15s linear}
.search-item-info p a:hover{text-decoration:underline}
.search-result-h .search-item .search-item-content{width:40%}
.search-result-h .search-item .search-item-content .search-item-cover{width:100%;padding-bottom:66.6667%}
.search-result-h .search-item .search-item-info{width:58%}
.p-inline{width:100%;display:flex;justify-content:flex-start;align-items:flex-start;margin:10px 0}
.p-title{min-width:56px}

.bookmark{width:20px;position:absolute;top:20px;right:10px;cursor:pointer}
.bookmark img{width:100%;vertical-align:bottom;position:absolute}
.bookmark img:nth-child(2){display:none}

.bookmark.active img:nth-child(1){display:none}
.bookmark.active img:nth-child(2){display:block;}

.search-related-tilte{font-size:1.2em;font-weight:400;color:#fffee5;padding-bottom:10px;border-bottom:1px solid #3c3c3c}
.search-related-subtilte{font-size:1em;font-weight:400;color:#fff;margin:15px 0}
.search-related-item{font-size:.95em;font-weight:300;color:#fff;margin:6px 0}
.search-related-item a{color:#fff;transition:.15s linear}
.search-related-item a:hover{text-decoration:underline}
.search-result,.search-result li{float:none}
.search-content-page{width:100%;position:relative;text-align:center;margin:20px 0}
.page-container{width:auto;position:relative;margin:0 auto}
.page-item{width:40px;height:45px;position:relative;color:#fff;background-color:transparent;border:1px solid rgba(221,221,221,.2);margin-left:1px;margin-right:1px;text-align:center;line-height:45px;font-size:.95em;font-weight:300;display:inline-block;cursor:pointer;transition:.15s linear}
.page-item.active{background:#1b62b4}
.page-next,.page-prev{width:40px;height:45px;position:relative;color:#fff;background-color:transparent;border:1px solid rgba(221,221,221,.2);margin-left:1px;margin-right:1px;text-align:center;line-height:45px;font-size:.95em;font-weight:300;display:inline-block;cursor:pointer;transition:.15s linear}
.page-next img,.page-prev img{width:10px}
.page-next img{transform:rotate(180deg)}
.page-item:hover,.page-next:hover,.page-prev:hover{background:#1b62b4}
@media all and (min-width:1024px){.search-result-content{width:73%}
.search-related{width:23%;margin-top:70px;display:block}
}
@media all and (min-width:1600px){.search-item-content{width:16%}
.search-item-info{width:82%}
.search-result-h .search-item .search-item-content{width:30%}
.search-result-h .search-item .search-item-info{width:68%}
}

.mark, mark {background-color: transparent;padding: .2em 0;}
mark {background-color: transparent;color: #DD6332;font-weight: 500;}

/* tag */
.feature-tag {
    width: 100%;
    position: relative;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: wrap;
}

.feature-item {
    font-size: .8em;
    font-weight: 300;
    color: #ffffff;
    padding: 2px 4px;
    box-sizing: border-box;
    margin-right: 5px;
    min-width: 40px;
    text-align: center;
    position: relative;
}

.program-item {
    font-size: 1em;
    font-weight: 400;
    color: #ffffff;
    padding: 2px 4px;
    box-sizing: border-box;
    margin-right: 5px;
    min-width: 40px;
    text-align: center;
    position: relative;
}

.feature-item.purple {
    background: #5D4A88;
}

.feature-item.red {
    background: #B70B0B;
}

.feature-item.orange {
    background: #DD6332;
}

.feature-item.multiblue {
    background: #3d5afe;
    font-size: .8em;
}

.program-item.green {
    background: #1a8ba6;
    font-size: .8em;
}

.program-item.blue {
    background: #1b62b4;
    font-size: .8em;
}

.program-item.purple {
    background: #313F9A;
    font-size: .8em;
}

.program-item.pink {
    background: #C04983;
    font-size: .8em;
}

.feature-item a {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}