/* 样式重置 */

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
font,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-weight: inherit;
    font-style: inherit;
    font-size: 100%;
    font-family: inherit;
    vertical-align: baseline;
    box-sizing: border-box;
}

strong {
    font-weight: bold;
}

:focus {
    outline: 0;
}

table {
    border-collapse: separate;
    border-spacing: 0;
}

caption,
th,
td {
    text-align: left;
    font-weight: normal;
}

a img,
iframe {
    border: none;
}

a {
    text-decoration: none;
    color: #323232;
}

ol,
ul {
    list-style: none;
}

input,
textarea,
select,
button {
    font-size: 100%;
    font-family: inherit;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

select {
    margin: inherit;
}


/* Fixes incorrect placement of numbers in ol’s in IE6/7 */

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.clearfix {
    display: inline-block;
}

* html .clearfix {
    height: 1%;
}

.clearfix {
    display: block;
}

.search {
    width: 1200px;
    margin: 0 auto;
}

.fl {
    float: left;
}

.fr {
    float: right;
}

.Bold {
    font-weight: 900 !important;
}

.Light {
    font-weight: 300 !important;
}

.Regular {
    font-weight: 450 !important;
}

.Semilight {
    font-weight: 400 !important;
}

.overflow {
    overflow: hidden;
}

.overfow-text {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

a:hover {
    text-decoration: none;
    transition-duration: 400ms;
    -moz-transition-duration: 400ms;
    -webkit-transition-duration: 400ms;
    -o-transition-duration: 400ms;
}

.clearfix:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: ".";
    clear: both;
    height: 0
}

.font-hover {
    color: #E30B20 !important;
}

.hover {
    text-decoration: none;
    transition-duration: 400ms;
    -moz-transition-duration: 400ms;
    -webkit-transition-duration: 400ms;
    -o-transition-duration: 400ms;
}

.pointer {
    cursor: pointer;
}

.none {
    display: none;
}

.block {
    display: block;
}


.search{min-height: calc(100vh - 260px)}
.search .search-right { width: 100%; position: relative; }
.search .search-right .search-title input::-webkit-input-placeholder { font-weight: 300; color: #999; font-size: 16px; }
.search .search-right .search-title input::-moz-placeholder { /* Mozilla Firefox 19+ */ font-weight: 300; color: #999; font-size: 16px; }
.search .search-right .search-title input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ font-weight: 300; color: #999; font-size: 16px; }
.search .search-right .search-title input:-ms-input-placeholder { /* Internet Explorer 10-11 */ font-weight: 300; color: #999; font-size: 16px; }
.search .search-right .search-title { margin-top: 30px; margin-bottom: 30px;margin-top: 30px;
    margin-bottom: 30px;
    border: 2px solid #E5E5E5;
    border-radius: 25px;
    padding: 10px 20px;
    display: flex;
    align-items: center; }
.search .search-right .search-title input { border: 0;  font-size: 18px; flex: 1; overflow: hidden; }
.search .search-right .search-title i {color: #888; font-style: normal; font-size: 18px;  cursor: pointer; }
.search .search-right .search-title i:hover { color: #E30B20; }
.search .search-right .search-tag { margin-bottom: 30px; }
.search .search-right .search-tag ul li {float: left;text-align: center;margin-right: 20px;margin-bottom: 20px;}
.search .search-right .search-tag ul li a { display: block; height: 40px; line-height: 40px; padding: 0 25px;font-size: 16px; background-color: #F5F5F5; border-radius: 20px; behavior: url(../src/pie/PIE.htc); }
.search .search-right .search-tag ul li a:hover { background-color: #E30B20; color: #fff; }
.search .search-right .search-res { font-size: 14px; color: #666; margin-bottom: 16px;}
.search .search-right .search-res span { color: #E30B20; }
.search .search-right .search-nav { width: 100%; height: 54px; line-height: 54px; background-color: #F5F5F5; margin-bottom: 10px; border-radius: 4px; behavior: url(../src/pie/PIE.htc); }
.search .search-right .search-nav .nav-left span { margin-left: 19px; display: block; float: left; font-size: 14px;}
.search .search-right .search-nav .nav-left a { cursor: pointer; display: block; float: left; width: 68px; height: 34px; line-height: 34px; border-radius: 4px; behavior: url(../src/pie/PIE.htc); text-align: center; margin-top: 10px; margin-left: 10px; font-size: 14px; }
.search .search-right .search-nav .nav-left a.active-red { background-color: #E30B20; color: #fff; }
.search .search-right .search-nav .nav-left a:hover{color: #E30B20;}
.search .search-right .search-nav .nav-left a.active-red:hover{color: #fff;}
.search .search-right .search-nav .nav-left input::-webkit-input-placeholder { font-weight: 300; color: #999; font-size: 16px; }
.search .search-right .search-nav .nav-left input::-moz-placeholder { /* Mozilla Firefox 19+ */ font-weight: 300; color: #999; font-size: 16px; }
.search .search-right .search-nav .nav-left input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ font-weight: 300; color: #999; font-size: 16px; }
.search .search-right .search-nav .nav-left input:-ms-input-placeholder { /* Internet Explorer 10-11 */ font-weight: 300; color: #999; font-size: 16px; }
.search .search-right .search-nav .nav-right { font-size: 14px; margin-right: 20px; }
.search .search-right .search-nav .nav-right span { display: block; float: left; margin-right: 20px; }
.search .search-right .search-nav .nav-right a { display: block; float: left; height: 54px; line-height: 54px; }
.search .search-right .search-nav .nav-right span.line { margin-left: 12px; margin-right: 12px; }
.search .search-right .search-nav .nav-right .active-red { color: #E30B20; }
.search .search-right .search-nav .nav-right .rank:hover{ color: #E30B20; }
.search .search-right .search-item { width: 100%; height: 170px; padding: 20px 0; border-bottom: 1px solid #E5E5E5; }
.search .search-right .search-item:hover { background-color: #F5F5F5; cursor: pointer; }
.search .search-right .search-item .item-left { margin-right: 20px; }
.search .search-right .search-item .item-left img { display: block;width: 220px;height: 125px;border-radius: 4px;behavior: url(../pie/PIE.htc);}
.search .search-right .search-item .item-right { width: 745px; height: 130px; position: relative; }
.search .search-right .search-item .item-right a { color: #333333; font-size: 20px; }
.search .search-right .search-item .item-right a:hover { color: #E30B20; }
.search .search-right .search-item .item-right .bottom { position: absolute; bottom: 5px; width: 745px;}
.search .search-right .search-item .item-right .bottom ul {float: left;}
.search .search-right .search-item .item-right .bottom ul .time {color: #a2a2a2; }
.search .search-right .search-item .item-right .bottom ul:last-child {float: right;margin-right: 20px;}
.search .search-right .search-item .item-right .bottom ul li { font-size: 12px; display: inline-block; color: #333333; margin-right: 20px;  }
.search .search-right .search-item .item-right .bottom ul li i { color: #999; margin-right: 10px; margin-left: 20px; font-size: 14px;}
.search .search-right .search-item .item-right .bottom ul li:hover { color: #E30B20; }
.search .search-right .search-item .item-right .bottom ul li:hover i { color: #E30B20; }
.search .search-right .search-item .item-right .bottom ul li.no-red:hover{color: #333333;cursor: default;}
.search .search-right .search-item .item-right .bottom ul li.time:hover{color: #a2a2a2;}
.search .search-right .search-item .item-right .bottom ul li.no-red:hover i{color: #999999;}
.search .search-right .search-item .item-right .addone { text-align: center; height: 15px; line-height: 15px; color: #fff; background-color: #E30B20; font-size: 10px; width: 30px; border-radius: 20px; behavior: url(../src/pie/PIE.htc); position: absolute; right: 84px; bottom: 35px; }
.search .search-right .loading {font-size: 14px; color: #333; width: 100%;height: 50px; line-height: 50px; margin:35px 0; text-align: center; border-radius: 4px; behavior: url(../src/pie/PIE.htc); }
.search .search-right .loading-yes{ background-color: #F5F5F5;}
.search .search-right .loading-yes:hover { background-color: #EDEDED; color: #E30B20;}
.search .search-right .loading-no{ background-color: #FFFFFF; }

.noSearch{width: 100%; }
.noSearch img{
  display: block;
  margin: 85px auto 120px;
}