﻿.dh1{
	
}
.dh1 img{
	width: 20px;
	display: block;
	text-align: center;
	margin: 0 auto;
	margin-top: 4px;
}
.mui-bar {
    position: fixed;
    z-index: 99999999999999;
    right: 0;
    left: 0;
    height: 45px;
    padding-right: 10px;
    padding-left: 10px;
    border-bottom: 0;
    background-color: #f7f7f7;
    -webkit-box-shadow: 0 0 1px rgba(0,0,0,.85);
    box-shadow: 0 0 1px rgba(0,0,0,.85);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    font-size:14px;
}

    .mui-bar .mui-title {
        right: 40px;
        left: 40px;
        display: inline-block;
        overflow: hidden;
        width: auto;
        margin: 0;
        text-overflow: ellipsis;
    }

    .mui-bar .mui-backdrop {
        background: 0 0;
    }

.mui-bar-header-secondary {
    top: 44px;
}

.mui-bar-footer {
    bottom: 0;
}

.mui-bar-footer-secondary {
    bottom: 44px;
}

.mui-bar-footer-secondary-tab {
    bottom: 50px;
}

.mui-bar-footer, .mui-bar-footer-secondary, .mui-bar-footer-secondary-tab {
    border-top: 0;
}

.mui-bar-transparent {
    top: 0;
    background-color: rgba(247,247,247,0);
    -webkit-box-shadow: none;
    box-shadow: none;
}

.mui-bar-nav {
    top: 0;
    -webkit-box-shadow: 0 1px 6px #ccc;
    box-shadow: 0 1px 6px #ccc;
}

    .mui-bar-nav ~ .mui-content .mui-anchor {
        display: block;
        visibility: hidden;
        height: 45px;
        margin-top: -45px;
    }

    .mui-bar-nav.mui-bar .mui-icon {
        margin-right: -10px;
        margin-left: -10px;
        padding-right: 10px;
        padding-left: 10px;
    }

.mui-title {
    font-size: 17px;
    font-weight: 500;
    line-height: 44px;
    position: absolute;
    display: block;
    width: 100%;
    margin: 0 -10px;
    padding: 0;
    text-align: center;
    white-space: nowrap;
    color: #000;
}

    .mui-title a {
        color: inherit;
    }

.mui-bar-tab {
    bottom: 0;
    display: table;
    width: 100%;
    height: 45px;
    padding: 0;
    table-layout: fixed;
    border-top: 0;
    border-bottom: 0;
    -webkit-touch-callout: none;
}

    .mui-bar-tab .mui-tab-item {
        display: table-cell;
        overflow: hidden;
        width: 1%;
        height: 40px;
        text-align: center;
        vertical-align: middle;
        white-space: nowrap;
        text-overflow: ellipsis;
        color: #929292;
		font-size: 12px;
    }

        .mui-bar-tab .mui-tab-item.mui-active {
            color: #007aff;
        }

        .mui-bar-tab .mui-tab-item .mui-icon {
            top: 3px;
            width: 22px;
            height: 22px;
            padding-top: 0;
            padding-bottom: 0;
        }

            .mui-bar-tab .mui-tab-item .mui-icon ~ .mui-tab-label {
                font-size: 11px;
                display: block;
                overflow: hidden;
                text-overflow: ellipsis;
                line-height:15px;
            }

            .mui-bar-tab .mui-tab-item .mui-icon:active {
                background: 0 0;
            }

.mui-focusin > .mui-bar-header-secondary, .mui-focusin > .mui-bar-nav {
    position: absolute;
}

.mui-focusin > .mui-bar ~ .mui-content {
    padding-bottom: 0;
}

.mui-bar .mui-btn {
    font-weight: 400;
    position: relative;
    z-index: 20;
    top: 7px;
    margin-top: 0;
    padding: 6px 12px 7px;
}

    .mui-bar .mui-btn.mui-pull-right {
        margin-left: 10px;
    }

    .mui-bar .mui-btn.mui-pull-left {
        margin-right: 10px;
    }

.mui-bar .mui-btn-link {
    font-size: 16px;
    line-height: 44px;
    top: 0;
    padding: 0;
    color: #007aff;
    border: 0;
}

    .mui-bar .mui-btn-link.mui-active, .mui-bar .mui-btn-link:active {
        color: #0062cc;
    }

.mui-bar .mui-btn-block {
    font-size: 16px;
    top: 6px;
    margin-bottom: 0;
    padding: 5px 0;
}

.mui-bar .mui-btn-nav.mui-pull-left {
    margin-left: -5px;
}

    .mui-bar .mui-btn-nav.mui-pull-left .mui-icon-left-nav {
        margin-right: -3px;
    }

.mui-bar .mui-btn-nav.mui-pull-right {
    margin-right: -5px;
}

    .mui-bar .mui-btn-nav.mui-pull-right .mui-icon-right-nav {
        margin-left: -3px;
    }

.mui-bar .mui-btn-nav:active {
    opacity: .3;
}

.mui-bar .mui-icon {
    font-size: 22px;
    position: relative;
    z-index: 20;
    padding-top: 10px;
    padding-bottom: 10px;
}

    .mui-bar .mui-icon:active {
        opacity: .3;
    }

.mui-bar .mui-btn .mui-icon {
    top: 1px;
    margin: 0;
    padding: 0;
}

.mui-bar .mui-title .mui-icon {
    margin: 0;
    padding: 0;
}

    .mui-bar .mui-title .mui-icon.mui-icon-caret {
        top: 4px;
        margin-left: -5px;
    }

.mui-bar input[type=search] {
    height: 29px;
    margin: 6px 0;
}

.mui-bar .mui-input-row .mui-btn {
    padding: 12px 10px;
}

.mui-bar .mui-search:before {
    margin-top: -10px;
}

.mui-bar .mui-input-row .mui-input-clear ~ .mui-icon-clear, .mui-bar .mui-input-row .mui-input-speech ~ .mui-icon-speech {
    top: 0;
    right: 12px;
}

.mui-bar.mui-bar-header-secondary .mui-input-row .mui-input-clear ~ .mui-icon-clear, .mui-bar.mui-bar-header-secondary .mui-input-row .mui-input-speech ~ .mui-icon-speech {
    top: 0;
    right: 0;
}

.mui-bar .mui-segmented-control {
    top: 7px;
    width: auto;
    margin: 0 auto;
}

.mui-bar.mui-bar-header-secondary .mui-segmented-control {
    top: 0;
}

.mui-badge {
    font-size: 12px;
    line-height: 1;
    display: inline-block;
    padding: 3px 6px;
    color: #333;
    border-radius: 100px;
    background-color: rgba(0,0,0,.15);
}

    .mui-badge.mui-badge-inverted {
        padding: 0 5px 0 0;
        color: #929292;
        background-color: transparent;
    }

.mui-badge-blue, .mui-badge-primary {
    color: #fff;
    background-color: #007aff;
}

    .mui-badge-blue.mui-badge-inverted, .mui-badge-primary.mui-badge-inverted {
        color: #007aff;
        background-color: transparent;
    }

.mui-badge-green, .mui-badge-success {
    color: #fff;
    background-color: #4cd964;
}

    .mui-badge-green.mui-badge-inverted, .mui-badge-success.mui-badge-inverted {
        color: #4cd964;
        background-color: transparent;
    }

.mui-badge-warning, .mui-badge-yellow {
    color: #fff;
    background-color: #f0ad4e;
}

    .mui-badge-warning.mui-badge-inverted, .mui-badge-yellow.mui-badge-inverted {
        color: #f0ad4e;
        background-color: transparent;
    }

.mui-badge-danger, .mui-badge-red {
    color: #fff;
    background-color: #dd524d;
}

    .mui-badge-danger.mui-badge-inverted, .mui-badge-red.mui-badge-inverted {
        color: #dd524d;
        background-color: transparent;
    }

.mui-badge-purple, .mui-badge-royal {
    color: #fff;
    background-color: #8a6de9;
}

    .mui-badge-purple.mui-badge-inverted, .mui-badge-royal.mui-badge-inverted {
        color: #8a6de9;
        background-color: transparent;
    }

.mui-icon .mui-badge {
    font-size: 10px;
    line-height: 1.4;
    position: absolute;
    top: -2px;
    left: 100%;
    margin-left: -10px;
    padding: 1px 5px;
    color: #fff;
    background: red;
}

@font-face {
    font-family: Muiicons;
    font-weight: 400;
    font-style: normal;
    src: url(/douyin/fonts/mui.ttf) format('truetype');
}

.mui-icon {
    font-family: Muiicons;
    font-size: 24px;
    font-weight: 400;
    font-style: normal;
    line-height: 1;
    display: inline-block;
    text-decoration: none;
    -webkit-font-smoothing: antialiased;
}

    .mui-icon.mui-active {
        color: #007aff;
    }

    .mui-icon.mui-right:before {
        float: right;
        padding-left: .2em;
    }

.mui-icon-contact:before {
    content: '\e100';
}

.mui-icon-person:before {
    content: '\e101';
}

.mui-icon-personadd:before {
    content: '\e102';
}

.mui-icon-contact-filled:before {
    content: '\e130';
}

.mui-icon-person-filled:before {
    content: '\e131';
}

.mui-icon-personadd-filled:before {
    content: '\e132';
}

.mui-icon-phone:before {
    content: '\e200';
}

.mui-icon-email:before {
    content: '\e201';
}

.mui-icon-chatbubble:before {
    content: '\e202';
}

.mui-icon-chatboxes:before {
    content: '\e203';
}

.mui-icon-phone-filled:before {
    content: '\e230';
}

.mui-icon-email-filled:before {
    content: '\e231';
}

.mui-icon-chatbubble-filled:before {
    content: '\e232';
}

.mui-icon-chatboxes-filled:before {
    content: '\e233';
}

.mui-icon-weibo:before {
    content: '\e260';
}

.mui-icon-weixin:before {
    content: '\e261';
}

.mui-icon-pengyouquan:before {
    content: '\e262';
}

.mui-icon-chat:before {
    content: '\e263';
}

.mui-icon-qq:before {
    content: '\e264';
}

.mui-icon-videocam:before {
    content: '\e300';
}

.mui-icon-camera:before {
    content: '\e301';
}

.mui-icon-mic:before {
    content: '\e302';
}

.mui-icon-location:before {
    content: '\e303';
}

.mui-icon-mic-filled:before, .mui-icon-speech:before {
    content: '\e332';
}

.mui-icon-location-filled:before {
    content: '\e333';
}

.mui-icon-micoff:before {
    content: '\e360';
}

.mui-icon-image:before {
    content: '\e363';
}

.mui-icon-map:before {
    content: '\e364';
}

.mui-icon-compose:before {
    content: '\e400';
}

.mui-icon-trash:before {
    content: '\e401';
}

.mui-icon-upload:before {
    content: '\e402';
}

.mui-icon-download:before {
    content: '\e403';
}

.mui-icon-close:before {
    content: '\e404';
}

.mui-icon-redo:before {
    content: '\e405';
}

.mui-icon-undo:before {
    content: '\e406';
}

.mui-icon-refresh:before {
    content: '\e407';
}

.mui-icon-star:before {
    content: '\e408';
}

.mui-icon-plus:before {
    content: '\e409';
}

.mui-icon-minus:before {
    content: '\e410';
}

.mui-icon-checkbox:before, .mui-icon-circle:before {
    content: '\e411';
}

.mui-icon-clear:before, .mui-icon-close-filled:before {
    content: '\e434';
}

.mui-icon-refresh-filled:before {
    content: '\e437';
}

.mui-icon-star-filled:before {
    content: '\e438';
}

.mui-icon-plus-filled:before {
    content: '\e439';
}

.mui-icon-minus-filled:before {
    content: '\e440';
}

.mui-icon-circle-filled:before {
    content: '\e441';
}

.mui-icon-checkbox-filled:before {
    content: '\e442';
}

.mui-icon-closeempty:before {
    content: '\e460';
}

.mui-icon-refreshempty:before {
    content: '\e461';
}

.mui-icon-reload:before {
    content: '\e462';
}

.mui-icon-starhalf:before {
    content: '\e463';
}

.mui-icon-spinner:before {
    content: '\e464';
}

.mui-icon-spinner-cycle:before {
    content: '\e465';
}

.mui-icon-search:before {
    content: '\e466';
}

.mui-icon-plusempty:before {
    content: '\e468';
}

.mui-icon-forward:before {
    content: '\e470';
}

.mui-icon-back:before, .mui-icon-left-nav:before {
    content: '\e471';
}

.mui-icon-checkmarkempty:before {
    content: '\e472';
}

.mui-icon-home:before {
    content: '\e500';
}

.mui-icon-navigate:before {
    content: '\e501';
}

.mui-icon-gear:before {
    content: '\e502';
}

.mui-icon-paperplane:before {
    content: '\e503';
}

.mui-icon-info:before {
    content: '\e504';
}

.mui-icon-help:before {
    content: '\e505';
}

.mui-icon-locked:before {
    content: '\e506';
}

.mui-icon-more:before {
    content: '\e507';
}

.mui-icon-flag:before {
    content: '\e508';
}

.mui-icon-home-filled:before {
    content: '\e530';
}

.mui-icon-gear-filled:before {
    content: '\e532';
}

.mui-icon-info-filled:before {
    content: '\e534';
}

.mui-icon-help-filled:before {
    content: '\e535';
}

.mui-icon-more-filled:before {
    content: '\e537';
}

.mui-icon-settings:before {
    content: '\e560';
}

.mui-icon-list:before {
    content: '\e562';
}

.mui-icon-bars:before {
    content: '\e563';
}

.mui-icon-loop:before {
    content: '\e565';
}

.mui-icon-paperclip:before {
    content: '\e567';
}

.mui-icon-eye:before {
    content: '\e568';
}

.mui-icon-arrowup:before {
    content: '\e580';
}

.mui-icon-arrowdown:before {
    content: '\e581';
}

.mui-icon-arrowleft:before {
    content: '\e582';
}

.mui-icon-arrowright:before {
    content: '\e583';
}

.mui-icon-arrowthinup:before {
    content: '\e584';
}

.mui-icon-arrowthindown:before {
    content: '\e585';
}

.mui-icon-arrowthinleft:before {
    content: '\e586';
}

.mui-icon-arrowthinright:before {
    content: '\e587';
}

.mui-icon-pulldown:before {
    content: '\e588';
}
  #nav {
        display:none;
    }
@media screen and (max-width:480px) {
    #nav {
        display:block;
    }
    html{
    padding-bottom: 84px;
}
}

