.search {
    position: relative;
    width: 250px;
    height: 28px;
    top: 8px!important;
    left: 75px;
}
.search-keyword {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 28px;
    line-height: 28px;
    padding: 0 10px 0 36px;
    font-size: 11px;
    color: #3C3C3C;
    background: #ebebeb;
    border-radius: 14px;
    border: none;
    outline: none;
}
.search-button {
    position: absolute;
    display:inline-block;
    left: 18px;
    top: 7px;
    font-size: 0;
    line-height: 0;
    text-indent: -999px;
    border: 0;
    width: 14px;
    height: 14px;
    background-size: contain;
    vertical-align:middle;
}

.swipe-box {
    width:100%;
    height:160px;
    margin:0 auto;
    overflow: hidden;
}
.swipe-box > .swipe {
    width:100%;
    height:160px;
}
.swipe-box > .swipe img {
   border:1px solid #eee;
}

.activities {
    padding: 14px 0 0;
}
.activities .list {
    width: 100%;
    margin: 0 auto;
}
.activities .list .one-img .app ul{
    display: flex;
    flex-wrap: wrap;
}
.activities .list .one-img .app li {
    /* float: left; */
    width: 20%;
    margin-bottom: 13px;
}
.activities .list .one-img dl {
    font-size: 14px;
    text-align: center;
}
.activities .list .one-img dd {
    margin-top: 4px;
}

}
.activities .tabbox {
    margin: 15px auto;
}
.activities .tabs-hd {
    background:#EEE;
    border-top:1px solid #DDD;
    border-bottom:1px solid #DDD;
}
.activities .tabs {

    position: relative;
}
.activities .tabs li {
    text-align: center;
    float: left;
    width:33%;
    font-size:14px;
    border-right:1px solid #DDD;
}
.activities .tabs li:last-child {
    border-right:0;
}
.activities .tabs li a {
    display: block;
    padding:6px 0;
}
.activities .tabs li.selected {
    background: #f2f2f2;
}
.activities .tabs li.selected a {
    color: #cc0000;
}
.activities .tab-show {
    width: 100%;
    margin:15px auto;
}
.activities .tab-show .subjects:after {
    content:" ";
    display:block;
    height:0;
    clear:both;
    visibility:hidden;
}
.activities .tab-show .subjects li {
    float:left;
    width:50%;
    height: 150px;
    font-size:12px;
}
.activities .tab-show .subjects li .subject-item {
    width: 98%;
    height: 145px;
    margin:auto;
    position:relative;
}
.activities .tab-show .subjects li .subject-item img {
    width: 98%;
    height: 145px;
}
.activities .tab-show .subjects li .subject-item .subject-title {
    position:absolute;
    bottom:0px;
    display:block;
    text-align:center;
    width:98%;
    padding:1px 0;
    background: rgba(0,0,0,0.5);
}
.activities .tab-show .subjects li .subject-item .subject-title a {
    color:#FFF;
}