@charset "utf-8";
body{width: 100%;overflow: hidden;display: block;margin: 0 auto;background-color: #f2f2f2;}
body,div{margin: 0;padding: 0;}
body,html{color: #333;font:normal 14px/1.5 'Microsoft YaHei', 'Lucida Grande', SimSun, Tahoma, Verdana, Arial, Helvetica;margin: 0 auto;}
html{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;width:100%;overflow-x:hidden;overflow-y:auto;}
ul,li{display: block;}
ul {display: block;list-style-type: disc;margin-block-start: 1em;/* margin-block-end: 1em; */margin-inline-start: 0px;margin-inline-end: 0px;padding-inline-start: 0px;}
a{color: #444;text-decoration: none;}
a:hover{text-decoration: none;}
*{padding: 0;margin: 0;}
a {text-decoration: none; color: #444; max-height: 9999px;}
a{-webkit-transition: all .2s; transition: all .2s; cursor: pointer;}
a:hover, a:visited, a:link, a:active {text-decoration: none;}


.Fire-tags .update{color: #7d7d7d;height: 45px;line-height: 45px;text-align: center;font-size: 14px;overflow: hidden;font-weight: 400;padding-right: 5px;margin-top: 5px;}
.fl-rt {float: right;}

.main {width: 1180px;margin: auto;}
.Fire-tags{margin-top:15px;background: #fff;padding: 15px auto;}
.Fire-tags ul{padding-top: 15px;position: relative; left: 10px;}
.Fire-tags ul li{display: inline-block;color: #fff;background: #14B9C8;border-radius: 20px; border: 1px solid #14B9C8;font-size: 14px;margin: 3px; padding: 5px 20px;}
.Fire-tags ul li:hover{color: #fff;background: #3bcdda;border: 1px solid #3bcdda;text-decoration: none;}
.Fire-top{background: #fff;padding-top:  auto;}
.Fire-top .Fire-title{font-size: 24px;line-height: 60px;/* border-bottom: 1px solid #eee; */font-weight: bold;margin: auto 15px;}
.Fire-top .Fire-title i{width: 30px;display: inline-block;height: 30px;margin-bottom: -8px;margin-right: 10px;background: url(../images/fire.png) 0px 0px;}
.Fire-top .Fire-title h3{display:inline-block;}
.Fire-top .Fire-title2 {font-size: 24px;line-height: 50px;border-bottom: 1px solid #eee;font-weight: bold;margin: auto 15px;}
.Fire-top .Fire-title2 i{width: 30px;display: inline-block;height: 30px;margin-bottom: -8px;margin-right: 10px;background: url(../images/hot.png) 0px 0px;}
.Fire-top .Fire-title3 {font-size: 24px;line-height: 45px;border-bottom: 1px solid #eee;font-weight: bold; margin: auto 15px;}
.Fire-top .Fire-title3 i{width: 30px;display: inline-block;height: 30px;margin-bottom: -8px;margin-right: 10px;background: url(../images/new.png) 0px 0px;}

/*排行榜*/
.special-cont-left{width: 100%;background: #eee;border: none;margin-top: 9px;}
.taptap-top-card {position: relative;margin-bottom: 16px;padding: 10px 10px 10px 10px;background: #fff;overflow: hidden;}
.taptap-top-card .top-card-left {float: left;width: 18%; padding: 20px 0 5px;text-align: center;}
.taptap-top-card .top-card-left .card-left-image>img {display: block;margin: 0px 30px 30px 32px; width: 150px;}
.taptap-top-card .top-card-left .btn{padding: 9px 31px; line-height: 20px; font-size: 18px;}
.btn-primary { border-color: #5ab770; background: #5ab770; color: #fff;}

.taptap-top-card .top-card-middle {position: relative;float: left;padding: 15px 10px; width: 43.3%;height: 210px;background: #fafafa; overflow: hidden;}
.taptap-top-card .top-card-middle .hot{float: right;margin-left:15px;}
.taptap-top-card .top-card-middle .hot b{display:block;float:left;width:16px;height:16px;background:url(../images/hot_rank.png) no-repeat;margin: 6px 8px 0px 0px;}
.taptap-top-card .top-card-middle .hot em{display:block;float:left;color:#999999;font-size: 14px;}
.taptap-top-card .top-card-middle .hot em strong{ font-weight:normal; color:#FE5F6C;}
.taptap-top-card .top-card-middle .card-middle-title {display: inline-block;position: relative;max-width: 100%;overflow: hidden;white-space: nowrap;}
.taptap-top-card .top-card-middle .card-middle-title>h4 {display: inline-block;margin: 0; max-width: 100%; line-height: 30px;vertical-align: top; font-size: 24px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.taptap-top-card .top-card-middle .card-middle-footer {margin-bottom: 10px;margin-top: 10px;}
.taptap-top-card .top-card-middle .card-middle-footer>a { float: left;display: block; color: #288b40;}
.taptap-top-card .top-card-middle .card-middle-footer::after {content: "";display: table;clear: both;}
.taptap-top-card .top-card-middle .card-middle-description {margin-bottom: 10px; height: 44px; line-height: 22px; font-size: 14px;color: #666; overflow: hidden;}
.taptap-top-card .top-card-middle .card-middle-description.p2 { height: 66px;}
.taptap-top-card .top-card-middle .card-tags {position: absolute;bottom: 5px; color: #666;}
.card-tags {display: -webkit-box;display: flex;max-width: 100%;}
.card-tags .btn{padding: 2px 8px; margin-right: 4px;margin-top: -2px;color: #288b40;border-color: #288b40; border: 1px solid;}
.btn-default { background: 0 0;}
.taptap-top-card .top-card-right {float: right;padding: 10px 0px 10px 0; width: 35%;max-height: 260px; background-color: #fafafa;overflow: hidden;  margin-right: 10px;}
.taptap-top-card .top-card-right.image-height .card-right-image {float: left;width: 33%;}
.taptap-top-card .top-card-right .card-right-image {height: 220px; text-align: center;overflow: hidden;}
.taptap-top-card .top-card-right.image-height .card-right-image:nth-child(2) { margin: 0 .5%;}
.taptap-top-card .top-card-right::after {content: ""; display: table; clear: both;}
.taptap-top-card .top-card-order-triangle { position: absolute; top: 0; left: 0; width: 0;  height: 0; border-top: 50px solid #14B9C8; border-right: 50px solid transparent;}
.taptap-top-card .top-card-order-triangle.red {width: 0; height: 0;border-top: 50px solid #E03730; border-right: 50px solid transparent;}
.taptap-top-card .top-card-order-text { display: block; position: absolute; top: 5px; left: 0; width: 24px; height: 24px; line-height: 24px;text-align: center; font: italic 18px Impact; color: #fff; z-index: 100; word-break: normal; word-wrap: normal;}

/*热门*/
.Fire-top ul{width: 1180px;margin: 25px auto;padding-left: 10px;padding-right: 10px;padding-bottom: 15px;overflow: hidden;}
.Fire-top ul li{display: inline-block;width: 159px;line-height: 35px;height: 35px;text-align:center;border-radius: 3px;border: 1px solid #c0c0c0;margin-bottom: 20px;color: #5b5b5b;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}

/*fo0ter*/
#footer {
    width: 100%;
    clear: both;
    float: left;
    border-top: 3px solid #8E8E8E;
    background: #1F272B;
    display: block;
    margin-top: 30px;
    color: #63696E;
}
.siteMap {
    color: #63696E;
    width: 1180px;
    margin: auto;
    text-align: center;
    line-height: 25px;
}
.siteMap .map {
    width: 100%;
    float: left;
    padding: 20px 0;
    font-size: 12px;
}