@font-face {
    font-family: 'layui-icon';
    src: url('iconfont.eot');
    src: url('iconfont.eot?#iefix') format('embedded-opentype'), url('iconfont.woff2') format('woff2'), url('iconfont.woff') format('woff'), url('iconfont.ttf') format('truetype'), url('iconfont.svg#layui-icon') format('svg');
}

.nav_box[data-lang="zh_CN"] {
    width: 430px;
}

.nav_box {
    display: none;
    position: absolute;
    top: 50px;
    left: -100px;
    z-index: 9999;
    border: 1px solid #dedede;
    border-radius: 4px;
    padding: 5px 0;
    width: 460px;
    /*background: #fff;*/
    cursor: default;
    /*background-image: linear-gradient(to left,#9853af,#623AA2);*/
    background-color: #673ab7 !important;
}

    .nav_box .nav_items {
        display: flex;
        padding: 5px 0;
        font-size: 14px;
    }

        .nav_box .nav_items .nav_name {
            padding-left: 20px;
            width: 120px;
            line-height: 32px;
            color: #919099;
        }

        .nav_box .nav_items .nav_item {
            display: flex;
            flex: 1;
            flex-wrap: wrap;
        }

            .nav_box .nav_items .nav_item > div {
                position: relative;
                width: 150px;
                height: 32px;
                line-height: 32px;
            }

                .nav_box .nav_items .nav_item > div .nav_jump {
                    display: inline-block;
                    padding: 0 10px;
                    border-radius: 2px;
                    /*color: #313033;*/
                    cursor: pointer;
                    white-space: nowrap;
                }

        .nav_box .nav_items:not(:first-child) {
            border-top: 1px dashed #eee;
        }

.pl_10 {
    padding-left: 10px !important;
}

.f_light_gray {
    color: #bcbcbc;
}

.nav_box .nav_items .nav_item > div .connect_store {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    text-align: center;
    background: rgba(0,0,0,0.3);
    color: #4934b2 !important;
}

a {
    color: #0049E5;
    text-decoration: none;
    background-color: transparent;
    outline: none;
    cursor: pointer;
    transition: color 0.3s;
    -webkit-text-decoration-skip: objects;
}

.mb_0 {
    margin-bottom: 0 !important;
}

.mt_10 {
    margin-top: 10px !important;
}

.flex {
    display: flex;
}

.mr_5 {
    margin-right: 5px !important;
}

.f_black {
    color: #313033;
}

.pb_0 {
    padding-bottom: 0 !important;
}

.ml_5 {
    margin-left: 5px !important;
}

.pointer {
    cursor: pointer;
}

.mr_10 {
    margin-right: 10px !important;
}

.f_green {
    color: #00b88d !important;
}

.f_default {
    color: #4934b2 !important;
}

.f_gray {
    color: #919099;
}

.f_orange {
    color: #ff7300;
}

.mb_5 {
    margin-bottom: 5px !important;
}