.search-wrapper {
    height: 100%;
}

.search {
    position: relative;
    margin: 0 auto;
}

.condition {
    position: relative;
}

.condition:after,
.condition:before {
    display: table;
    line-height: 0;
    content: "";
}

.con-item label {
    margin:20px 0 10px;
    display:block;
    width: 100%;
    cursor: pointer; color:#fff
}

.con-item p {
    position: relative;
    cursor: pointer;
}

.con-item input,
.con-item .checkDate {
    border: none;
    color: #424242;
    font-weight: 500;
    color: #0B1762;
    width: 100%;
    cursor: pointer; height:50px; line-height:50px; border-radius:3px; padding:0 20px; background:#fff
}

.con-item .search-data {
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    width: 100%;
    height: 100%;
    cursor: pointer;
    z-index: 99;
    opacity: 0;
    filter: alpha(opacity=0);
    outline: 0;
    border: none;
}

.con-item .uarr {
    position: absolute;
    right: 20px;
    bottom: 10px;
}

.con-item span {
    font-size: 12px;
}

.con-item b {
    font-size: 20px;
    color: #424242;
    margin-right: 5px;
    font-weight: 400;

}

.uarr {
    width: 15px;
    height: 15px;
    border-left: 1px solid #aaa;
    border-top: 1px solid #aaa;
    transform: rotate(-135deg);
    -webkit-transform: rotate(-135deg);
    -moz-transform: rotate(-135deg);
    -o-transform: rotate(-135deg);
    -ms-transform: rotate(-135deg);
}

.btn-search {
    height:50px; 
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    overflow: hidden;
}

.btn-search a {
    display: block;
    color: #fff;
    background-color:#ff9e1b;
    line-height:50px; font-size:16px; padding:0; font-weight:700;border-radius: 3px;  height:50px
}
.btn-search a:hover {
    background-color: #f08f0c; color:#fff
}
.city-panel {
    position: absolute;
    left: 0;
    top:104px;
    width: 546px;
    background-color: #fff;
    outline: 0;
    -moz-box-shadow: 2px 4px 12px rgba(0, 0, 0, .4);
    -webkit-box-shadow: 2px 4px 12px rgba(0, 0, 0, .4);
    box-shadow: 2px 4px 12px rgba(0, 0, 0, .4);
    z-index: 999;
    display: none;
}

.show-panel {
    display: block;
}

.city-panel .nation {
    height: 50px;
    background: #f0f0f0;
    font-size: 20px;
    color: #666;
    position: relative;
}

.city-panel .nation li.active {
    color: #5babfc;
}

.close-panel {
    width:30px;
    height:30px;
    position: absolute;
    right: -7px;
    top: -7px;
}

.city-panel .nav-tabs .active>a:after {
    content: '';
    display: block;
    position: absolute;
    left: 15%;
    bottom: -1px;
    width: 70%;
    height: 2px;
    background: #5babfc;
}

.city-panel .nation li {
    float: left;
    position: relative;
    width: 50%;
    height: 50px;
    text-align: center;
    line-height: 50px;
    cursor: pointer;
}

.city-panel .nav-tabs {
    list-style: none;
    height: 39px;
}

.city-panel .nav {
    border-bottom: 1px solid #e5e5e5;
}

.city-panel .nav-tabs li {
    float: left;
    width: 16.66%;
    height: 38px;
}

.city-panel .nav-tabs .active>a {
    color: #5babfc;
}

.city-panel .nav-tabs li>a {
    position: relative;
    display: block;
    text-align: center;
    height: 38px;
    line-height: 38px;
    font-size: 14px;
    color: #666;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    cursor: pointer;
}

.city-panel .tab-pane {
    position: relative;
    padding: 8px 0;
    max-height: 202px;
    overflow-y: auto;
    box-sizing: border-box; display:block
}

.city-panel .tab-pane .tit {
    position: absolute;
    left: 0;
    top: 0;
    text-align: center;
    color: #1d7ad9;
}

.city-panel .tab-pane ul {
    position: relative;
    padding-left: 66px;
}

.city-panel .tab-pane ul li {
    width: 66px;
    height: 24px;
    line-height: 24px;
    display: inline-block;
    color: #777;
    text-decoration: none;
}

.city-panel .tab-pane ul li a {
    display: block;
    cursor: pointer;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    color: #333;
    font-size: 12px;
}

.keyword {
    position: relative;
}

.keyword .search-icon {
    position: absolute;
    top: 50%;
    left: 25px;
    width: 18px;
    height: 18px;
    margin-top: -9px;
    background: url(../images/search.png) no-repeat;
}

.keyword .search-keyword-input {
    width: 800px;
    height: 62px;
    border: none;
    padding: 0 50px;
    border-radius: 5px;
}

.keyword-box {
    width: 100%;
    min-height: 30px;
    position: absolute;
    top: 170px;
    left: 0;
    padding: 6px 12px;
    background-color: #fff;
    border: 1px solid #e7e7e7;
    box-shadow: #e7e7e7 0 0 5px;
    font-size: 12px;
    z-index: 9;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: none;
}

.show-box {
    display: block;
}

.keyword-box .keyword-main .tit {
    padding: 8px 12px;
    color: #666;
}

.keyword-box .keyword-main ul {
    height: 34px;
}

.keyword-box .keyword-main ul:last-child {
    border-bottom: none;
}

.keyword-box .keyword-main ul li {
    float: left;
    padding: 8px 12px;
}

.keyword-box .keyword-main ul li a {
    display: block;
    color: #1d7ad9;
    cursor: pointer;
}

.el-date-editor {
    opacity: 0;
    position: absolute;
    top: 0;
    width: 100% !important;
    height: 100%;
}
.el-date-range-picker__header button{ border:0; background-color:#fff; margin-right:4px}
@media only screen and (min-width:575px) and (max-width:640px){
.city-panel{ width:470px;}
}
@media (max-width:575px){
.city-panel{ width:100%;}
.city-panel .nav-tabs li > a{ font-size:12px; line-height:16px; height: auto}
.city-panel .nav-tabs li{ width:auto; height:auto; padding:5px}
.city-panel .nav-tabs{ height:auto}
.el-date-range-picker__content{ width:100% !important}
.el-picker-panel{ width:80% !important;left:10% !important}
.el-date-range-picker .el-picker-panel__body{ min-width:100% !important;}
.el-picker-panel:after{ position: fixed; left:0; top:0; width:100%; height:100%; background:#000; content:"";background:rgba(0, 0, 0, 0.6) none repeat scroll 0 0 !important;
filter:Alpha(opacity=60); }
.el-picker-panel__body-wrapper{ position:relative; z-index:99; background:#fff}
}