﻿
/*searchBar */
/* CSS Document */

.clear {clear: both;}
.blank {height: 10px;overflow: hidden;}
a {text-decoration: none;}
ul, li {list-style: none;}
img, fieldset {vertical-align: top;border: 0;}
h1, h2, h3, h4, h5, h6 {font-size: 100%;font-weight: normal;}
address, cite, code, em, th, b, i, strong { font-weight: normal; font-style: normal;}
input, button, textarea, select {vertical-align: middle;font-family: Microsoft Yahei;}
.clearfix:after {display: block;visibility: hidden;clear: both;height: 0;content: "."}
.clearfix {zoom: 1}
.clear {clear: both;}
a {
    color: #333;
}

table {
    border-collapse: collapse;
}

.rel {
    position: relative;
}

/*body {
    margin: 0 auto;
    font-family: "Microsoft YaHei";
    font-size: 14px;
    position: relative;
    min-width: 1000px;
    width: expression(document.body.clientWidth <1000 ? "1000px" : "100%" );
}*/
.clearfix:after {
    display: block;
    visibility: hidden;
    clear: both;
    height: 0;
    content: "."
}

.clearfix {
    zoom: 1
}

/*********common********/


.ui-grid-main1 {
    position: relative;
}

.xq_search_k {
    position: relative;
    padding: 20px;
}

.sehbom {
    height: 44px;
    border: 2px solid #f36a57;
    position: relative;
    width: auto;
    z-index: 6;
}

.header_new .sehbom {
    height: 44px;
    border: 2px solid #f36a57;
    position: relative;
    width: auto;
    z-index: 6;
}

.sehbom:hover {
    box-shadow: 0 4px 18px rgba(255,18,0,.11);
}

.search_left {
    position: absolute;
    top: 0;
    left: 0px;
    height: 44px;
    width: 76px;
    font-size: 15px;
    white-space: nowrap;
    text-align: center;
}

.search_leftCont {
    line-height: 44px;
    cursor: pointer;
    color: #333;
    background-color: #fff;
    text-align: center;
}

    .search_leftCont:hover {
        color: #e13b29
    }

.search_leftCont_jt {
    display: inline-block;
    *display: inline;
    zoom: 1;
    width: 9px;
    height: 6px;
    background: url(../images/bg2014_2.png) 0 -530px;
    vertical-align: middle;
    margin-left: 6px;
    margin-top: -2px;
}

.search_leftCont:hover .searchSelected_jt {
    background-position: -20px -530px;
}

.search_tabBox {
    position: absolute;
    top: 36px;
    left: -2px;
    width: 100%;
    padding: 14px 0 10px;
    background-color: #fff;
    border: 2px solid #f36a57;
    border-top: 0;
    border-radius: 0 0 0px 0px;
}

    .search_tabBox > ul > li {
        text-align: left;
        text-indent: 16px;
        height: 24px;
        line-height: 24px;
        margin-top: 10px;
        cursor: pointer;
        color: #888;
    }

        .search_tabBox > ul > li:first-child {
            margin-top: 0;
        }

        .search_tabBox > ul > li:hover, .search_tabBox > ul > li.selected {
            background-color: #ffe2df;
            background-image: linear-gradient(90deg,#ffe2df,#fff);
            color: #e13b29;
            font-weight: 900;
        }

.search_mainCt {
    height: 44px;
    margin: 0 52px 0 76px;
    position: relative;
    background-color: #fff;
}

.search_mainBox {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 44px;
}

.search_mainInput {
    position: absolute;
    top: 50%;
    left: 0;
    width: 98%;
    height: 28px;
    line-height: 28px;
    margin-top: -14px;
    text-indent: 13px;
    font-size: 14px;
    border: 0;
    border-left: 1px solid #dbdbdb;
    outline: none;
    text-overflow: ellipsis;
}

.search_main_xiala {
    position: absolute;
    top: 44px;
    left: 0;
    width: 100%;
    background-color: #fff;
    border: 2px solid #f36a57;
    border-top: 0;
    padding-top: 1px;
    box-shadow: 0 12px 10px rgba(0,0,0,0.1);
    z-index: 1;
}

    .search_main_xiala > div {
        padding-top: 12px;
        border-top: 1px dashed #d8d8d8;
    }

        .search_main_xiala > div:first-child {
            padding-top: 0;
            border-top: 0;
        }

.history_searchUl > li, .search_rankingUl > li, .search_connectUl > li {
    height: 34px;
    line-height: 34px;
    font-size: 13px;
    padding: 0 12px;
    cursor: pointer;
    width: auto !important;float: none !important;border:0 !important;
}

    .history_searchUl > li > a, .search_rankingUl > li > a, .search_connectUl > li > a {
        display: block;
        height: 34px;
        padding-right: 20px;
        color: #888;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        position: relative;
    }

    .history_searchUl > li > a {
        padding-left: 26px;
    }

        .history_searchUl > li > a:hover, .search_rankingUl > li > a:hover, .search_connectUl > li > a:hover {
            color: #e13b29;
        }

        .history_searchUl > li > a > i {
            position: absolute;
            top: 50%;
            left: 0;
            width: 14px;
            height: 14px;
            text-align: center;
            margin-top: -7px;
            background: url(../images/bg2014_2.png) no-repeat -170px -520px;
        }

        .history_searchUl > li > a:hover > i {
            background-position: -170px -540px;
        }

    .history_searchUl > li:hover, .search_rankingUl > li:hover, .search_connectUl > li:hover {
        background-color: #fff4f4;
        background-image: linear-gradient(90deg,#fff4f4,#fff);
    }

.history_searchUl .del_ico {
    display: none;
    position: absolute;
    top: 50%;
    right: -5px;
    width: 20px;
    height: 20px;
    margin-top: -10px;
    background: url(../images/bg2014_2.png) no-repeat -115px -525px;
}

.history_searchUl > li:hover .del_ico {
    display: block;
}

.history_searchUl .del_ico:hover {
    background-position: -135px -525px;
}

.history_delBox {
    height: 34px;
    line-height: 34px;
    padding: 0 12px 4px;
}

.history_delCont {
    float: right;
    height: 38px;
    font-size: 12px;
    color: #888;
    cursor: pointer;
}

    .history_delCont:hover {
        color: #e13b29;
    }

.delBox_ico {
    display: inline-block;
    *display: inline;
    zoom: 1;
    width: 20px;
    height: 20px;
    margin-right: 1px;
    vertical-align: middle;
    margin-top: -2px;
    background: url(../images/bg2014_2.png) no-repeat -115px -525px;
}

.history_delCont:hover .delBox_ico {
    background-position: -135px -525px;
}

.search_rankingUl > li > a {
    padding-left: 26px;
    color: #555;
}


.search_rankingUl > li > a > span {position: absolute;top: 50%;right: 0;width: 17px;height: 17px;line-height: 16px;margin-top: -8px;border-radius: 3px;font-size: 12px;color: #fff;text-align: center;}
.search_rankingUl > li > a > .search_hotIco {background-color: #ff2f2f;}
.search_rankingUl > li > a > .search_jianIco {background-color: #24ab7d;}
.search_rankingUl > li > a > .search_newIco {background-color: #5b87d7;}
.search_rankingUl > li > a > i {position: absolute;top: 50%;left: 0;width: 17px;height: 17px;text-align: center;line-height: 16px;margin-top: -8px;font-size: 12px;color: #fff;background-color: #b2b2b2;border-radius: 50%;}
.search_rankingUl > li > a > i.str_num {background-color: #ed7777;}
.search_connectUl > li > a {padding-right: 0;color: #555;}
.search_rankingUl, .search_connectUl {padding-bottom: 10px;}
.search_submit {position: absolute;top: -2px;right: -2px;width: 52px;height: 48px;background-color: #ff6b49;border: 0;background-image: linear-gradient(90deg,#ff403a,#ff6b49);cursor: pointer;}
.search_submit:hover {background-color: #ff6b49;background-image: linear-gradient(-90deg,#ff403a,#ff6b49);}
.search_submitIco {position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: url(../images/bg2014_2.png) no-repeat -50px -510px;}
.search_submitInput {position: absolute;top: 0;left: 0;width: 100%;height: 100%;border: 0;background-color: transparent;cursor: pointer;}
.apps {float: right;position: relative;}
.apps ul {float: left;}
.apps li a, .apps li i, .apps li .title {display: block;}
.apps li .title { overflow: hidden;}
.apps li:hover .app-qr {z-index: 10;display: block;}
.apps li a:hover i {webkit-transform: rotateY(360deg);-moz-transform: rotateY(360deg);-ms-transform: rotateY(360deg);-o-transform: rotateY(360deg);transform: rotateY(360deg);}
.apps .app-qr em, .apps .app-qr span {position: absolute;width: 0;height: 0;font-size: 0;line-height: 0;border-style: solid;border-width: 0px 6px 6px;border-color: transparent;bottom: 167px;top: auto;left: 49%;margin-left: -3px;}
.apps .app-qr em {border-bottom-color: #dbdbdb;}
.apps .app-qr span { border-bottom-color: #fff; bottom: 166px;}
.apps .app-qr img {width: 120px;height: 120px;padding: 15px;padding-bottom: 4px;}
.highlight {color: red}
.contentover {background-color: #ffe2df;background-image: linear-gradient(90deg,#ffe2df,#fff);color: #e13b29;font-weight: 900;}

.Atitle{z-index: 3 !important;}

/*圆角*/
.sehbom{border-radius: 5px;}
.header_new .sehbom{border-radius: 0px;}
.search_leftCont{background: none;}
.search_submit{border-radius: 0px 5px 5px 0px;}


