/*主頁*/
/*頂部條begin*/
.top-wrapper {
    width: 100%;
    height: 70px;
    display: inline-block;
    position: fixed;
    z-index: 999;
    top: 0;
    background-color: #151920;
}
.top-wrapper .tab {
    padding: 20px 7.5px 0 7.5px;
}
#recommend {
    float: right;
}
.logo-wrapper {
    padding: 20px 0 0 20px;
}
.m-logo {
    background: url("images/mobile_logo_small.png") no-repeat center center / 52px 48px;
    display: block;
    float: left;
    width: 52px;
    height: 48px;
}
.top-wrapper .search-wrapper {
    padding: 25px 20px 0 0;
    display: inline-block;
}
.m-search {
    background: url(images/mobile_search.png) no-repeat center center / 25px 20px;
    display: block;
    float: right;
    width: 30px;
    height: 25px;
}
.top-wrapper .font{
    font-size: 20px;
}
.top-wrapper .tab-current {
    color: #04c92c;
}
/*頂部條end*/
.m-hr {
    color: #444343;
    background-color: #444343;
    height: 1px;
    border: none;
}
/*推薦視頻begin*/
.recommend-wrapper {
    position: relative;
    display: block;
    overflow: visible;
    height: 100%;
}
.image-list {
    position: relative;
}
.image-list .m-play img {
    position: absolute;
}
.image-list .m-time {
    position: absolute;
}
.image-list .m-title {
    display: block;
}
/*推薦視頻end*/
/*最近視頻begin*/
.recent-wrapper {
    display: none;
}
/*最近視頻end*/

.m-top img {
    /*content: url("images/mobile_top.png");*/
    position: fixed;
    display: none;
}

/*搜索頁*/
.s-top-wrapper {
    background-color: #323847;
    width: 100%;
    position: fixed;
    z-index: 1;
    top: 0;
}
.ahead-wrapper {
    padding: 14px 0px 14px 20px;
    display: inline-block;
}
.s-top-wrapper .search-wrapper {
    padding: 18px 20px 18px 0px;
}
.ahead-wrapper .m-ahead {
    background: url("images/mobile_ahead.png") no-repeat center center / 15px 25px;
    width: 20px;
    height: 33px;
    display: block;
}
.m-input {
    padding: 17px 20px;
    color: white;
    font-size: 16px;
}
.m-input input {
    color: white;
    font-size: 16px;
    border: 0;
    background-color: #323847;
    width: 85%;
    height: 26px;
}
.type-wrapper {
    margin: 20px 0 0 10%;
}
.type-wrapper .m-type {
    margin-top: 20px;
}
.type-wrapper .m-type a {
    margin-right: 10%;
    color: #5ca9f2;
}
.result-empty {
    margin: 20px 0 0 10%;
}