.agent-menubox { background: #fff; }
    .agent-menubox.fix-agent-menu { position: fixed; top: 4.4rem; left: 0; right: 0; z-index: 11; max-width: 750px; margin: 0 auto; }
.agent-menu { padding: 0 1.2rem; font-size: 1.5rem; text-align: center; }
    .agent-menu li { float: left; width: 50%; line-height: 4.6rem; }
.agent-menu3 li { width: 33.33%; }
.agent-menu4 li { width: 25%; }
.agent-menu li a { position: relative; display: block; color: #9c9fa1; }
.agent-menu li.on a { color: #e93b3d; font-weight: 600; }
    .agent-menu li.on a:after { position: absolute; bottom: 0; left: 50%; margin-left: -0.75rem; display: block; content: ""; width: 1.5rem; height: 0.2rem; border-radius: 0.1rem; background: #e93b3d; }

.agent-list { padding: 1.2rem; background: #fff; }
    .agent-list li { position: relative; min-height: 5rem; padding: 1rem 0 0 6rem; }
    .agent-list .avatar { position: absolute; top: 1rem; left: 0; display: block; width: 5rem; height: 5rem; border-radius: 50%; overflow: hidden; }
        .agent-list .avatar img { width: 5rem; height: 5rem; }
.agent-info { padding: 0.2rem 8.2rem 1rem 0; line-height: 2.4rem; border-bottom: 1px solid #e8e8e8; }
    .agent-info .name { color: #333; font-size: 1.7rem; font-weight: 600; }
    .agent-info p { height: 2.6rem; line-height: 2.6rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 1.4rem; color: #9c9fa1; }
.agent-operate { position: absolute; top: 50%; right: 0; margin-top: -2rem; z-index: 1; }
    .agent-operate .icon { display: inline-block; width: 4rem; height: 4rem; }
        .agent-operate .icon.i-tel { background: url(../images/dynatown_call_1.png) center right no-repeat; background-size: 2.8rem; }
        .agent-operate .icon.i-chat { background: url(../images/dynatown_chat_1.png) center right no-repeat; background-size: 2.8rem; }
.agent-list .loadingbox { margin-top: 1.2rem; padding: 1.5rem 0; }

.search-resultbox .nullbox { padding: 6rem 1.5rem; }
.search-result { padding: 0 1.2rem; background: #fff; font-size: 1.5rem; }
    .search-result li { border-bottom: 1px solid #e8e8e8; }
        .search-result li a { position: relative; display: block; line-height: 4rem; min-height: 4.4rem; }
    .search-result .name { color: #6b7072; }
    .search-result .type { position: absolute; top: 0; right: 0; font-size: 1.3rem; color: #9c9fa1; }

.Search_close { display: inline-block; height: 2rem; width: 2rem; 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.6rem; }

.posterbox img { width: 100%; }
.downloadbox { padding: 1.5rem 0; text-align: center; background: #fff; }
    .downloadbox .btn { display: inline-block; height: 4rem; line-height: 4rem; min-width: 8rem; padding: 0 1rem 0 4rem; font-size: 1.5rem; color: #333; box-shadow: 0 3px 5px 0 rgba(0,0,0,0.24); text-align: left; border-radius: 5px; margin: 0.5rem; }
        .downloadbox .btn.btn-user { background: #fff url(../images/icon_down_user.png) 8px center no-repeat; background-size: 2.5rem auto; }
        .downloadbox .btn.btn-down { background: #fff url(../images/icon_down.png) 8px center no-repeat; background-size: 28px auto; margin-left: 28px; }