﻿
.maskbox { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 8; background: rgba(0, 0, 0, 0.4); display: none; }
.relevantbox { position: fixed; top: 12.7rem; right: 0; left: 0; z-index: 10; font-size: 1.4rem; max-height: 70%; overflow: auto; display: none; max-width: 750px; margin: 0 auto; }
    .relevantbox .state, .relevantbox .state1 { color: #ccc; font-size: 1rem; }
    .relevantbox .state_b { position: absolute; bottom: 0.1rem; }
    .relevantbox .state_r { float: right; margin-top: -4.2rem; }
.relevant { /*max-height: 70%; overflow: auto;*/ background: #fff; }
    .relevant li {position:relative; padding: 0 1.5rem; height: 4.2rem; line-height: 4.2rem; font-size: 1.6rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; border-bottom: 1px solid #f2f2f2; }
        .relevant li.has_b { line-height: 2.2rem; }
    .relevant .tag { color: #999; }
.tag-select { position: absolute; top: 0; right: 0; width: 100%; height: 4rem; line-height: 4rem; font-size: 1.6rem; opacity: 0; }
.live-list p { margin: 2rem 0; font-size: 1.4rem; }

.historybox { background-color: #fff; padding-bottom: 1.5rem; }
.his-title { position: relative; height: 2.5rem; line-height: 2.5rem; padding: 1rem 1.5rem 0; }
    .his-title h2 { color: #333; font-size: 1.6rem; background: url(../images/ico_hot.png) left center no-repeat; background-size: 2rem; padding-left: 2.8rem; }
.his-body { padding: 0 0.8rem; }
    .his-body a { display: inline-block; background: #eee; height: 2.5rem; line-height: 2.5rem; color: #333; font-size: 1.4rem; padding: 0 1rem; border-radius: 1.2rem; margin: 0.7rem 0 0 1rem; }

.slide-search { position: relative; height: 3.8rem; z-index: 10; width: 100%; background: #fff; border-bottom: 1px solid #e8e8e8; }
    .slide-search.fix-slide-search { position: fixed; top: 9.9rem; left: 0; right: 0; z-index: 11; max-width: 750px; margin: 0 auto; }
.slide-scroll { height: 3.8rem; overflow: hidden; }
.slide-nav { position: relative; overflow-x: scroll; overflow-y: hidden; line-height: 3.8rem; white-space: nowrap; -webkit-overflow-scrolling: touch; font-size: 1.5rem; }
    .slide-nav::-webkit-scrollbar { display: none; }
    .slide-nav li { position: relative; display: inline-block; height: 3.8rem; text-align: center; color: #9c9fa1; }
        .slide-nav li.current { color: #e93b3d; }
            .slide-nav li.current a { font-size: 1.8rem; font-weight: 600; color: #e93b3d; }
    .slide-nav * { vertical-align: middle; }
    .slide-nav .item { position: relative; display: inline-block; padding: 0 0.7rem; vertical-align: text-bottom; -webkit-transition: .25s; transition: .25s; height: 3.8rem; line-height: 3.8rem; /*color: #9c9fa1;*/ }
    .slide-nav .line { position: absolute; bottom: 2px; left: 50%; margin-left: -0.75rem; display: block; width: 1.5rem; height: 0.2rem; background: #e93b3d; border-radius: 0.1rem; display: none; }
    .slide-nav li.current .line { display: block; }

.Search_box { height: 4.4rem; background: #fff; border-bottom: 1px solid #e5e5e5; z-index: 9; padding-left: 1.2rem; line-height: 4.4rem; padding: 0 5.5rem 0 0.5rem; position: relative; }
.Search-searchbox { padding-top: 0.6rem; }
    .Search-searchbox .Search-search { display: block; height: 3.2rem; line-height: 3.2rem; padding: 0 1rem 0 3rem; border-radius: 1.6rem; background: #f6f6f6 url(../images/header_icon/icon_search.png) 1rem center no-repeat; background-size: 1.5rem; color: #9c9fa1; font-size: 1.4rem; position: relative; }
    .Search-searchbox .search-text { width: 100%; height: 3rem; line-height: 3rem; padding: 0; margin: 0; border: none; background: #f6f6f6; font-size: 1.4rem; }

.Search_box .text { font-size: 1.3rem; }
    .Search_box .text.header-left { position: absolute; top: 0; left: 1.2rem; }
    .Search_box .text.header-right { position: absolute; top: 0; right: 1.2rem; }
    .Search_box .text.text16 { font-size: 1.6rem; }
.Search_box .Search_close { display: inline-block; height: 3rem; width: 3rem; border-radius: 1.6rem; background: #fff url(../images/popup_close.png) center no-repeat; background-size: 1.5rem; font-size: 1.4rem; position: absolute; right: 0.5rem; top: 0.1rem;cursor:pointer; }



