@charset "UTF-8";

.iconfont {
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.icon-menu::before {
    content: '\2630';
}

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

.icon-play::before {
    content: '\25B6';
}

.icon-left::before {
    content: '';
    display: inline-block;
    width: 16px;
    height: 16px;
    background-image: url("../images/左箭头.svg");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.icon-right::before {
    content: '';
    display: inline-block;
    width: 16px;
    height: 16px;
    background-image: url("../images/右箭头.svg");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.icon-top::before {
    content: '\25B2';
}

.icon-apple::before {
    content: '';
    display: inline-block;
    width: 24px;
    height: 24px;
    background-image: url("../images/ios.svg");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.icon-android::before {
    content: '';
    display: inline-block;
    width: 24px;
    height: 24px;
    background-image: url("../images/android.svg");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.icon-desktop::before {
    content: '';
    display: inline-block;
    width: 24px;
    height: 24px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23ffffff'%3E%3Cpath d='M20 3H4c-1.1 0-1.99.9-1.99 2L2 15c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm0 12H4V8h16v7z'/%3E%3C/svg%3E");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.icon-like::before {
    content: '\2764';
}

.icon-user::before {
    content: '';
    display: inline-block;
    width: 100%;
    height: 100%;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23fbbf24'%3E%3Cpath d='M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z'/%3E%3C/svg%3E");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.icon-wechat::before {
    content: '';
    display: inline-block;
    width: 100px;
    height: 100px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Crect width='100' height='100' fill='%23ffffff'/%3E%3Crect x='6' y='6' width='12' height='12' fill='%23000'/%3E%3Crect x='82' y='6' width='12' height='12' fill='%23000'/%3E%3Crect x='6' y='82' width='12' height='12' fill='%23000'/%3E%3Crect x='18' y='18' width='6' height='6' fill='%23000'/%3E%3Crect x='26' y='18' width='6' height='6' fill='%23000'/%3E%3Crect x='34' y='18' width='6' height='6' fill='%23000'/%3E%3Crect x='42' y='18' width='6' height='6' fill='%23000'/%3E%3Crect x='50' y='18' width='6' height='6' fill='%23000'/%3E%3Crect x='58' y='18' width='6' height='6' fill='%23000'/%3E%3Crect x='66' y='18' width='6' height='6' fill='%23000'/%3E%3Crect x='74' y='18' width='6' height='6' fill='%23000'/%3E%3Crect x='18' y='26' width='6' height='6' fill='%23000'/%3E%3Crect x='34' y='26' width='6' height='6' fill='%23000'/%3E%3Crect x='50' y='26' width='6' height='6' fill='%23000'/%3E%3Crect x='66' y='26' width='6' height='6' fill='%23000'/%3E%3Crect x='74' y='26' width='6' height='6' fill='%23000'/%3E%3Crect x='18' y='34' width='6' height='6' fill='%23000'/%3E%3Crect x='26' y='34' width='6' height='6' fill='%23000'/%3E%3Crect x='42' y='34' width='6' height='6' fill='%23000'/%3E%3Crect x='58' y='34' width='6' height='6' fill='%23000'/%3E%3Crect x='74' y='34' width='6' height='6' fill='%23000'/%3E%3Crect x='18' y='42' width='6' height='6' fill='%23000'/%3E%3Crect x='34' y='42' width='6' height='6' fill='%23000'/%3E%3Crect x='50' y='42' width='6' height='6' fill='%23000'/%3E%3Crect x='66' y='42' width='6' height='6' fill='%23000'/%3E%3Crect x='74' y='42' width='6' height='6' fill='%23000'/%3E%3Crect x='18' y='50' width='6' height='6' fill='%23000'/%3E%3Crect x='26' y='50' width='6' height='6' fill='%23000'/%3E%3Crect x='42' y='50' width='6' height='6' fill='%23000'/%3E%3Crect x='58' y='50' width='6' height='6' fill='%23000'/%3E%3Crect x='74' y='50' width='6' height='6' fill='%23000'/%3E%3Crect x='18' y='58' width='6' height='6' fill='%23000'/%3E%3Crect x='34' y='58' width='6' height='6' fill='%23000'/%3E%3Crect x='50' y='58' width='6' height='6' fill='%23000'/%3E%3Crect x='66' y='58' width='6' height='6' fill='%23000'/%3E%3Crect x='74' y='58' width='6' height='6' fill='%23000'/%3E%3Crect x='18' y='66' width='6' height='6' fill='%23000'/%3E%3Crect x='26' y='66' width='6' height='6' fill='%23000'/%3E%3Crect x='42' y='66' width='6' height='6' fill='%23000'/%3E%3Crect x='58' y='66' width='6' height='6' fill='%23000'/%3E%3Crect x='74' y='66' width='6' height='6' fill='%23000'/%3E%3Crect x='18' y='74' width='6' height='6' fill='%23000'/%3E%3Crect x='26' y='74' width='6' height='6' fill='%23000'/%3E%3Crect x='34' y='74' width='6' height='6' fill='%23000'/%3E%3Crect x='42' y='74' width='6' height='6' fill='%23000'/%3E%3Crect x='50' y='74' width='6' height='6' fill='%23000'/%3E%3Crect x='58' y='74' width='6' height='6' fill='%23000'/%3E%3Crect x='66' y='74' width='6' height='6' fill='%23000'/%3E%3Crect x='74' y='74' width='6' height='6' fill='%23000'/%3E%3Crect x='30' y='30' width='18' height='18' fill='%23fff'/%3E%3Crect x='32' y='32' width='14' height='14' fill='%2307C160'/%3E%3Ccircle cx='37' cy='37' r='2' fill='%23fff'/%3E%3Ccircle cx='43' cy='37' r='2' fill='%23fff'/%3E%3Cpath d='M34 44c3 2 6 2 9 0' fill='none' stroke='%23fff' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.icon-location::before {
    content: '';
    display: inline-block;
    width: 16px;
    height: 16px;
    background-image: url("../images/当前位置.svg");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.icon-download::before {
    content: '';
    display: inline-block;
    width: 40px;
    height: 40px;
    background-image: url("../images/礼包领取.svg");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}