.elem-root,
.elem-new
{
    --elem-white: #ffffff;
    --red: #9a0000;
    --red-2: #ce4e43;
    --elem-red: #9a0000;
    --elem-grey: #4e4e4e;
    --light-grey: #676767;

    --text-color: #181818;
    --secondary-text-color: #838383;
    --divide-line-color: #eeeeee;
    --background-color: #eeeeee;
    --disabled-color: #eeeeee;
    --border-color: #e4e4e4;

    --placeholder-color: #a9a9a9;
    --label-color: #454545;

    --primary-font-size: 16px;
    --secondary-font-size: 12px;

    --transition-duration: 382ms;

    --control-border-color: #949494;

    --sunit: 8px;
    --munit: 20px;

    --border-radius: 4px;

    --tab-menu-height: 48px;
}

.elem-new .text-red {
    color: var(--red);
}
.elem-new .text-red-2 {
    color: var(--red-2);
}
.elem-new .float-left {
    float: left;
}
.elem-new .float-right {
    float: right;
}

@keyframes click-effect {
    0% {
        opacity: 1;
    }
    50% {
        opacity: 0.3;
    }
    100% {
        opacity: 1;
    }
}
@media screen and (max-width: 812px) {
    .elem-new.ios-hph, .elem-new .ios-hph,
    .elem-new.canvas-hph, .elem-new .canvas-hph
    {
        height: 50px;
        width: 100%;
        background: transparent;
    }
}

.elem-new {

}

.elem-new .layui-input-block {
    margin: 0 !important;
    padding: 0 !important;
}

.elem-new .bg-white {
    background: var(--elem-white);
}

.elem-new .bold {
    font-weight: bold;
}

.elem-new .bg-red {
    /* background: var(--red); */
    background:var(--secondary-color);
}

.elem-new .color-white{
    color: var(--elem-white);
}

.elem-new .color-red {
    color: var(--red);
}

.elem-new .margin-lr--md {
    margin-left: 21px;
    margin-right: 21px;
}

.elem-new .margin-bottom--md {
    margin-bottom: 14px;
}

.elem-new .margin-bottom--lg {
    margin-bottom: 31px;
}

.elem-new .margin-top--lg {
    margin-top: 31px;
}


.elem-after::after {
    float: right;

    position: relative;
    right: var(--munit);
}

.elem-after.elem-arrow::after {
    content: "";

    position: relative;
    float: right;

    width: 8px;
    height: 100%;

    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAcCAYAAAC+lOV/AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA39pVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQyIDc5LjE2MDkyNCwgMjAxNy8wNy8xMy0wMTowNjozOSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo4NDVhMzcxYy1jN2ZjLWZmNDAtYmViNi1kMGNhNmY3YTAzMjUiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NzFERUFDQTYyMzc3MTFFOUFBNDZGODU3OUJEREUxNzQiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NzFERUFDQTUyMzc3MTFFOUFBNDZGODU3OUJEREUxNzQiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjU3MTBjOTk4LTAxMjEtZjg0Yy05ZTFiLTRlYmRhYTljMDQxYiIgc3RSZWY6ZG9jdW1lbnRJRD0iYWRvYmU6ZG9jaWQ6cGhvdG9zaG9wOmY4M2FjMTE0LTg5ODItYjQ0Ny1iNTQ3LTA1YTI4NDc4MjdmZCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PtuY9ioAAAFESURBVHjanJTNSsNAFIWnaXdFugi4diGtD2BpTfFn19Y3cN9n8w1EQVpFO0FtcSk0mz5AcaEP0HgGTmAsSW5uBw53GPKdmdyZe2vW2ntjzBE0iaLIGsUIoBF0Ar3EcXyuhWNv/qwxcMAYSvYxqKVpavBxyBO0ub6FrpCDVxF2gwYrKPQMwEfvIkyDDoL1DH6hLgwSEfYMFtABl755gkSEadDnCYIyg1yYBi7jM6hRZFAI02CI8OAt/TMohWlwg3CbZyDCJQaDSnCBwTpQ1MEG8ndqBIpdH12OvGMPqyTsGuFu93+RsJV0Ve6un6A6l36gngOlR3KGMPde2ZbgUnqerjQ/oWZZieYVRpu1HUq1vVuShwhfVcC8ZvAGHVftJlkbamH+oW5D6Nt17niqAbNuOd0HzOBLzlMNmMGWj/5CA7rxJ8AAvlbGVV5vBQwAAAAASUVORK5CYII=") no-repeat center;
    background-size: 8px 16px;

    transition-duration: var(--transition-duration);
}
.elem-after.elem-arrow.elem-arrow--up::after {
    transform: rotate(-90deg);
}
.elem-after.elem-arrow.elem-arrow--left::after {
    transform: rotate(180deg);
}
.elem-after.elem-arrow.elem-arrow--down::after {
    transform: rotate(90deg);
}
.elem-after.elem-checked::after {
    content: "";

    width: 18px;
    height: 100%;

    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAQCAYAAAAMJL+VAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA39pVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQyIDc5LjE2MDkyNCwgMjAxNy8wNy8xMy0wMTowNjozOSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo1YTQ1ZGQ4MS1mMWQyLWNhNDYtOWI0YS05YjA3NGJmYjBkMDMiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MDkxRDdDRDcyNDQwMTFFOTlENjE5MkQxOEMyNDI0OTMiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MDkxRDdDRDYyNDQwMTFFOTlENjE5MkQxOEMyNDI0OTMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjc1ZTY3M2RlLTFjNmMtYjA0Zi04YTAyLTExMGIyNDZjMjViMiIgc3RSZWY6ZG9jdW1lbnRJRD0iYWRvYmU6ZG9jaWQ6cGhvdG9zaG9wOmFiNTg4ODhmLTNiYWYtYmE0NC1iZWEwLWRkOTg1NjRiYjJhMyIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PloStj0AAAFkSURBVHjaYvz//z8DNcFsRkZuILUOiNWBuISFyobzAqm9QGwKFZrOREXDBYHUQSTDQWAGIzWCCGi4CJA6AMTaSMI9qf//lzJBFfBTYLg0kDqOZng7yHAQgwmooA9I3wHSXWQYrgykjgKxCpJwE9DwKhiHcRYDA3IYTQFK5hJpuAaQ2g/EEkjCdUD9zcjqmKCxDgM5QI3TiTBcB0gdQTO8Et1wmAUBQHwMSSwDaMBcPIYbQoNFGEm4CGh4Bzb14FQE1ATKD7uB2AFJbhlQUzSa4eZAah8QcyEJZwPVTcPlIHgyBWpmBFI7gNgNSX4jUHMAVN4WSO0BYjYk+Tig/GJ8wYmRD4AGbQFS3khCIANWQ7M/cs4PAxq+mlB8Yc1oQEvWQ+MGF/AHGr6JmNSGtagAag6Euhod/ANiX2INx2kB1JIwILUASeg3KOiA4ltIyYwEyyJgcKUAKVAEzwAafpzU3A4QYAB313vff9QBLwAAAABJRU5ErkJggg==") no-repeat center;
    background-size: 18px 12px;

}

.elem-new .elem-flex--inline-center {
    height: 100%;
    display: inline-flex !important;
    justify-content: center;
    align-items: center;
}

.elem-new .button[disabled] {
    opacity: 0.46;
}


.elem-new .elem__switch--layui+.layui-form-switch[lay-skin="_switch"],
.elem-new--switch .layui-form-switch[lay-skin="_switch"] {
    margin: 0;
    padding: 0;
    border: 2px solid;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;

    float: right;
    position: relative;
    right: var(--munit);

    height: 26px;
    width: 46px;
}

.elem-new .elem__switch--layui+.layui-form-switch[lay-skin="_switch"] i,
.elem-new--switch .layui-form-switch[lay-skin="_switch"] i {
    width: 24px;
    height: 24px;
    border: 1px solid var(--border-color);
    background: var(--elem-white);

    top: 0;

    /*阴影效果几乎无法被发现*/
    box-shadow: 0 0 1px 1px rgba(45, 45, 45, 0.14);
}

.elem-new .elem__switch--layui+.layui-form-switch.layui-form-onswitch[lay-skin="_switch"],
.elem-new--switch .layui-form-switch.layui-form-onswitch[lay-skin="_switch"] {
    border-color: var(--secondary-color);
    background-color: var(--secondary-color);
    /* border-color: var(--red);
    background-color: var(--red); */
}
.elem-new .elem__switch--layui+.layui-form-switch[lay-skin="_switch"]:not(.layui-form-onswitch),
.elem-new--switch .layui-form-switch[lay-skin="_switch"]:not(.layui-form-onswitch) {
    border-color: var(--disabled-color);
    background-color: transparent;
}

.elem-new .elem__switch--layui+.layui-form-switch.layui-form-onswitch[lay-skin="_switch"] i,
.elem-new--switch .layui-form-switch.layui-form-onswitch[lay-skin="_switch"] i {
    left: 20px;
}
.elem-new .elem__switch--layui+.layui-form-switch[lay-skin="_switch"]:not(.layui-form-onswitch) i,
.elem-new--switch .layui-form-switch[lay-skin="_switch"]:not(.layui-form-onswitch) i {
    border-color: var(--elem-white);
    left: 0;
}



.elem-new .elem__thumbnail {
    width: 64px;
    height: 64px;
}

.elem-new .elem__thumbnail img {
    width: 100%;
    height: 100%;
    border-radius: 8px;
}


.elem-new table {

}


.elem-new .elem-new__form {
    padding: 0;
    background: transparent;
}

.elem-new .elem-new__form fieldset {
    display: none;
}

.elem-new .elem-new__form .form__table{
    padding: 0;
    margin-bottom: 13px;

    max-width: 812px !important;
}

.elem-new .elem-new__form .form__table td,
.elem-new .elem-new__form .form__table tr,
.elem-new .elem-new__form .form__table th
{
    border: 0;
    background: var(--elem-white);
}

.elem-new .elem-new__form .form__table tr {
    border-bottom: 1px solid var(--divide-line-color);
}
.elem-new .elem-new__form .form__table tr:last-child {
    border-bottom: 0;
}
.elem-new .label {
    color: var(--label-color) !important;
}
.elem-new .elem-new__form .form__table td input {
    background-color: var(--elem-white);
    color: var(--label-color);
    font-size: 16px;
    border: 0;
}
.elem-new .elem-new__form .form__table td.label {
    text-align: left;
    padding: 13px 0 13px 20px;
    font-size: var(--primary-font-size);
}

.elem-new .elem-new__form .elem-table--slided td{
    width: 10%;
}

.elem-new input[placeholder]::-webkit-input-placeholder
{
    color: var(--placeholder-color);
    font-size: var(--primary-font-size);
}

.elem-new select.elem__select--slided {
}
.elem-new select.elem__select--slided+.layui-form-select {
    display: none;
}

.elem-new .elem-slided-tr td {
    height: 0;
    margin: 0;
    padding: 0;
}
.elem-new .elem-slided-tr {
    border-bottom: 0 !important;
}
.elem-new .elem-select-dropdown__container,
.elem-new .elem-select-dropdown__option {
    margin: 0;
    padding: 0;
}
.elem-new td.elem-select-dropdown__container{
}
.elem-new .elem-select-dropdown__container .elem-select-dropdown__option{
    margin-left: 39px;
    color: var(--secondary-text-color);
    font-size: var(--primary-font-size);
    border-bottom: 1px solid var(--divide-line-color);

    height: 42px;
    line-height: 42px;
}
.elem-new .elem-select-dropdown__container .elem-select-dropdown__option:last-child{
    margin-left: 0;
    padding-left: 39px;
}


.elem-new .border-top,
.elem-new.border-top
{
    border-top: 1px solid var(--divide-line-color);
}
.elem-new .border-top:first-child(.elem-new .border-bottom:last-child),
.elem-new.border-top:first-child(.elem-new .border-bottom:last-child)
{
    border-top: 0 !important;
}
.elem-new .border-bottom,
.elem-new.border-bottom
{
    border-bottom: 1px solid var(--divide-line-color);
}
.elem-new .border-bottom:last-child:not(.elem-new .border-bottom:first-child),
.elem-new.border-bottom:last-child:not(.elem-new .border-bottom:first-child)
{
    border-bottom: 0 !important;
}
/*不同dpr下1px会被不同程度的放大 这里把他们还原回去*/
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
    .elem-new .border-top:before,
    .elem-new.border-top:before
    {
        -webkit-transform: scaleY(0.5);
        transform: scaleY(0.5);
    }
    .elem-new .border-bottom:after,
    .elem-new.border-bottom:after
    {
        -webkit-transform: scaleY(0.5);
        transform: scaleY(0.5);
    }
}
@media only screen and (-webkit-min-device-pixel-ratio: 3) {
    .elem-new .border-top:before,
    .elem-new.border-top:before
    {
        -webkit-transform: scaleY(0.33);
        transform: scaleY(0.33);
    }
    .elem-new .border-bottom:after,
    .elem-new.border-bottom:after
    {
        -webkit-transform: scaleY(0.33);
        transform: scaleY(0.33);
    }
}


    .elem-new .button {
        display: inline-block;

        border: 0;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px;
    }

    .elem-new .button--fulled {
        display: block;
        width: 100%;
        height: 42px;
    }

    .elem-new .button--fulled.margin-lr--md {
        width: calc(100% - 21px * 2);
    }



    .elem--mobile.elem__modal {
        border-radius: 0.5em;
        width: 68% !important;
    }
    .elem--mobile.elem__modal,
    .elem--mobile.elem__modal *
    {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }
    .elem--mobile.elem__modal.elem-bg--black {
        background: var(--elem-grey);
    }

    .elem--mobile.elem__modal .layui-layer-content {
        font-size: var(--secondary-font-size);
        padding: 21px 23px;
        color: #fff;
    }

    .elem--mobile.elem__modal.elem-bg--black .layui-layer-content {
        background: var(--elem-grey);
    }

    .elem--mobile.elem__modal .layui-layer-content {
        border-top-left-radius: 0.5rem;
        border-top-right-radius: 0.5rem;
    }

    .elem--mobile.elem__modal.layui-layer-prompt .layui-layer-content input[type=text] {
        padding: 0;
        margin: 0;
        height: 35px;
        width: 100%;

        border: 0;

        text-align: center;
        font-size: var(--primary-font-size);
        color: var(--elem-white);

        background: var(--light-grey);
    }

    .elem--mobile.elem__modal .layui-layer-btn.layui-layer-btn- {
        height: 43px;
        border-top: 1px solid var(--elem-white);

        padding: 0;
        margin: 0;

        display: flex;
    }

    .elem--mobile.elem__modal .layui-layer-btn.layui-layer-btn- a {
        height: 100%;

        margin: 0;
        padding: 0;

        color: #fff;
        background-color: transparent;

        font-size: var(--primary-font-size);

        border: 0;
        border-right: 1px solid var(--elem-white);
        border-radius: 0;

        display: flex;
        justify-content: center;
        align-items: center;
        flex: 1;
    }
    .elem--mobile.elem__modal .layui-layer-btn.layui-layer-btn- a:last-child {
        border-right: 0;
    }

    .elem--mobile.elem__modal .layui-layer-close.layui-layer-close1,
    .elem--mobile.elem__modal .layui-layer-setwin,
    .elem--mobile.elem__modal .layui-layer-resize,
    .elem--mobile.elem__modal .layui-layer-title {
        display: none;
    }

    .elem--mobile.elem__modal.elem__modal-msg {
        width: 98px !important;
        min-width: 98px !important;
        height: 90px !important;
    }

    .elem--mobile.elem__modal.elem__modal-msg .layui-layer-content {
        display: flex;
        justify-content: center;
        align-items: flex-end;

        padding: 0 !important;
        height: 100%;

        font-size: 0;

        color: transparent;

        border-radius: 0.5rem;
    }
    .elem--mobile.elem__modal.elem__modal-msg .layui-layer-content .elem__modal-msg__content {
        color: var(--elem-white);
        font-size: var(--primary-font-size);

        position: relative;
        bottom: 6px;
    }

    .elem--mobile.elem__modal.elem__modal-msg .layui-layer-content i.layui-layer-ico {
        width: 36px;
        height: 36px;

        top: 13px;
        left: calc(50% - 18px);
    }

    .elem--mobile.elem__modal.elem__modal-msg.elem__modal-msg--success .layui-layer-content i.layui-layer-ico {
        background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEQAAABECAYAAAA4E5OyAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA39pVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQyIDc5LjE2MDkyNCwgMjAxNy8wNy8xMy0wMTowNjozOSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo4NDVhMzcxYy1jN2ZjLWZmNDAtYmViNi1kMGNhNmY3YTAzMjUiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RDQ2MkQ2QjUyNDNEMTFFOUFEMTJGOTU3RTk3NzEwMjUiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RDQ2MkQ2QjQyNDNEMTFFOUFEMTJGOTU3RTk3NzEwMjUiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjJjM2U1ODY4LWU0MDEtNmU0Yy1hNmQwLWRhNWM1MzllMWQyNyIgc3RSZWY6ZG9jdW1lbnRJRD0iYWRvYmU6ZG9jaWQ6cGhvdG9zaG9wOjc3YjhhZmUzLTg2YzQtZGM0Ni05MGNjLTExMmI0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");
        background-size: 36px 36px;
    }
    .elem-ix-padding {
        display: block;
        height: 100px;
    }
    .elem-new.toolbar,
    .elem-new.toolbar *,
    .elem-new.toolbar+.toolbar__dropdown-wrapper,
    .elem-new.toolbar+.toolbar__dropdown-wrapper *
    {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;

        transition: 200ms;
        opacity: 1;
    }
    .elem-new.toolbar {
        height: var(--menuh-height);
        width: 100%;

        display: flex;
        position: fixed;

        background: var(--elem-white);

        z-index: 2000;

    }
    .elem-new.toolbar:not(.dropdown--show) {
        box-shadow: 0 4px 16px 0 rgba(0, 0, 0, 0.1);
    }
    .elem-new.toolbar.hide~.layout.layout--mobile #canvas {
        top: 0 !important;
    }

    .elem-new.toolbar.toolbar--scroll-mode .toolbar__left {
        flex: 0 0 auto;
        width: 3em;
    }
    .elem-new.toolbar.toolbar--scroll-mode .toolbar__right {
        flex: 0 0 auto;
        width: 6em;
    }
    .elem-new.toolbar.toolbar--scroll-mode .toolbar__right.empty {
        width: 0em;
    }

    .elem-new.toolbar .toolbar__left,
    .elem-new.toolbar .toolbar__middle,
    .elem-new.toolbar .toolbar__right
    {
        flex: 1;
        height: var(--menuh-height);
        line-height: var(--menuh-height);
    }
    .elem-new.toolbar .toolbar__left {
        padding-left: 20px;
        opacity: 1;
    }
    .elem-new.toolbar .toolbar__left.disabled{
        opacity: 0;
    }


    .elem-new.toolbar .toolbar__middle {
    }
    .elem-new.toolbar .toolbar__middle .toolbar-middle__title {
        text-align: center;
        font-size: var(--primary-font-size);
        /* color: #ce4e43; */
        color: var(--secondary-color);
    }
    .elem-new.toolbar .toolbar__middle .toolbar-middle__title.toolbar-middle__title--subs:not(.toolbar-middle__title--no-subs)::after {
        transition: transform 200ms;
        display: inline-block;
        font-family: "Ionicons";
        speak: none;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        text-rendering: auto;
        line-height: 1;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;

        content: "\f123";

        margin-left: 0.5em;
    }
    .elem-new.toolbar .toolbar__middle.dropdown--show .toolbar-middle__title.toolbar-middle__title--subs:not(.toolbar-middle__title--no-subs)::after {
        transform: rotateZ(-180deg);
    }
    .elem-new.toolbar .toolbar__right {
        display: flex;
        flex-direction: row-reverse;

        padding-right: 10px;
    }

    .elem-new.toolbar .toolbar__right.disabled {
        opacity: 0.33;
    }

    .elem-new.toolbar .toolbar__left .toolbar-left__back {
        font-size: var(--primary-font-size);
        width: 1.5em;
    }

    .elem-new.toolbar .toolbar__right .toolbar-right__btn:last-child {
        margin-left: 0;
    }
    .elem-new.toolbar .toolbar__right .toolbar-right__btn.toolbar-right__btn--text:first-child {
        padding-right: 10px;
    }
    .elem-new.toolbar .toolbar__right .toolbar-right__btn {
        height: calc(var(--menuh-height) - 12px * 2);
        margin-top: 12px;
    }
    .elem-new.toolbar .toolbar__right .toolbar-right__btn.toolbar-right__btn--ion,
    .elem-new.toolbar .toolbar__right .toolbar-right__btn.toolbar-right__btn--ion .ion,
    .elem-new.toolbar .toolbar__right .toolbar-right__btn.toolbar-right__btn--text,
    .elem-new.toolbar .toolbar__right .toolbar-right__btn.toolbar-right__btn--img {
        width: 38px;
        height: 38px;
        line-height: 38px;
        font-size: 25px;
    }
    .elem-new.toolbar .toolbar__right .toolbar-right__btn.toolbar-right__btn--text {
        display: content-box;

        margin-top: 0;
        text-align: right;

        font-size: 14px;
        color: #333;
    }
    .elem-new.toolbar .toolbar__right .toolbar-right__btn.toolbar-right__btn--ion .ion{
        text-align: center;
        position: relative;
        bottom: 10px;
        right: -10px;
        font-size: 1.5em;
    }
    .elem-new.toolbar .toolbar__right .toolbar-right__btn.toolbar-right__btn--img.actived .img {
        background-image: linear-gradient(#f00, #f00);
    }

    .elem-new.toolbar .toolbar__right .toolbar-right__btn.click-effect {
        animation: click-effect 400ms ease;
    }

    .elem-new.toolbar .toolbar__right .toolbar-right__btn.toolbar-right__btn--img i
    .elem-new.toolbar .toolbar__right .toolbar-right__btn.toolbar-right__btn--img .img {
        height: 100%;
        background-size: 18px 18px !important;
        background-repeat: no-repeat !important;
        background-blend-mode: lighten;
    }

    .elem-new.toolbar .toolbar__right .toolbar-right__btn.disabled {
        opacity: 0.33;
    }

    .elem-new.toolbar+.toolbar__dropdown-wrapper {
        position: absolute;
        z-index: 1998 !important;
    }
    .elem-new.toolbar .toolbar__right .toolbar-right__btn.toolbar-right__btn--img {
        width: 38px;
        height: 38px;
        margin-top: 2px;
    }
    .elem-new.toolbar .toolbar__right .toolbar-right__btn.toolbar-right__btn--img:first-child {
        margin-right: -12px;
    }
    .elem-new.toolbar .toolbar__right .toolbar-right__btn.toolbar-right__btn--img.actived .img {
        background-image: linear-gradient(#f00, #f00);
    }
    .elem-new.toolbar .toolbar__right .toolbar-right__btn.toolbar-right__btn--img .img {
        height: 100%;
        background-size: 18px 18px !important;
        background-repeat: no-repeat !important;
        background-blend-mode: lighten;
        background-position: center !important;
     }

    .elem-new.toolbar+.toolbar__dropdown-wrapper .toolbar__subs-dropdown{
        width: 100%;
        height: 100%;

        position: fixed;
        top: var(--menuh-height);

        background: rgba(0, 0, 0, 0.33);

        opacity: 0;
        pointer-events: none;

        transition: opacity 200ms;

        z-index: 998;
    }
    .elem-new.toolbar+.toolbar__dropdown-wrapper  .toolbar__subs-dropdown.active {
        opacity: 1;
        pointer-events: initial;
    }

    #toolbar~.layout #menuh
    {
        display: none !important;
    }
    #toolbar.toolbar--scroll-mode~.layout #menuh {
        display: block !important;
    }
    #toolbar.toolbar--scroll-mode .toolbar__middle {
        display: flex;
        overflow: scroll;
        white-space: nowrap;
    }
    #toolbar.toolbar--scroll-mode .toolbar__middle li {
        padding: 0 1em;
    }
    #toolbar.toolbar--scroll-mode .toolbar__middle li a {
        text-align: center;
        color: #8f8f8f ! important;
    }
    #toolbar.toolbar--scroll-mode .toolbar__middle li.back {
        display: none;
    }
    #toolbar.toolbar--scroll-mode .toolbar__middle li.layui-this {
        border-bottom: 1px solid #ff9c36;
    }
    #toolbar.toolbar--scroll-mode .toolbar__middle li.layui-this span {
        color: #ff9c36;
    }

    .elem-new.toolbar+.toolbar__dropdown-wrapper  .toolbar__subs-container {
        background: var(--elem-white);
        transition: transform 200ms;

        transform: translateY(calc(-100% - var(--menuh-height)));
    }

    .elem-new.toolbar+.toolbar__dropdown-wrapper  .toolbar__subs-dropdown.active .toolbar__subs-container {
        transform: translateY(0px);
    }

    .elem-new.toolbar+.toolbar__dropdown-wrapper  .toolbar__subs-container .toolbar-subs__sub {
        height: 40px;
        border-bottom: 1px solid var(--divide-line-color);

        padding: 12px 20px 0 0;
        margin-left: 20px;

        font-size: var(--primary-font-size);
        line-height: var(--primary-font-size);
        color: var(--label-color);
    }
    .elem-new.toolbar+.toolbar__dropdown-wrapper  .toolbar__subs-container .toolbar-subs__sub.checked {
        color: var(--elem-red);
    }
    .elem-new.toolbar+.toolbar__dropdown-wrapper  .toolbar__subs-container .toolbar-subs__sub .checked {
        float: right;
        position: relative;
        top: -10px;
        transform: scale(0.7);
        font-size: 35px;
    }
    .elem-new.toolbar:not(.hide)+.toolbar__placeholder {
        width: 100%;
        height: var(--menuh-height);
        display: block;
        margin-bottom: 8px;
    }

    .elem-new.toolbar:not(.hide)~.layout .layui-body {
        /* top: var(--menuh-height); */
        top: 0;
        height: auto;
    }

    .elem-new.toolbar:not(.hide)~.layout .layui-body #canvas {
      margin-top: var(--menuh-height) !important;
    }

    .fixed-loading .toolbar__placeholder {
       margin-bottom: 0 !important;
    }
    .elem-new.toolbar .toolbar__left.hide{
        display: block !important;
        visibility: hidden;
        pointer-events: none;
    }
    .elem-new#tab-menu:empty {
        display: none !important;
    }
    .elem-new#tab-menu,
    .elem-new#tab-menu*
    {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;

        transition: 200ms;
        opacity: 1;
    }

    .elem-new#tab-menu {
        height: var(--tab-menu-height);
        width: 100%;

        transform: translateY(calc(-1 * var(--tab-menu-height)));

        position: fixed;
        bottom: calc(-1 * var(--tab-menu-height));


        z-index: 2001;
        background: white;

        display: flex;
        flex-direction: row-reverse;
    }
    .elem-new#tab-menu:not(.shown) {
        transform: translateY(var(--tab-menu-height));
    }

    .elem-new#tab-menu .tab-menu__btn {
        flex: 1;
        text-align: center;

        padding: 8px;
    }
    .elem-new#tab-menu .tab-menu__btn .tab-menu-btn__img-wrapper {
        width: 18px;
        height: 16px;
        overflow: hidden;
        text-align: center;
        padding-bottom: 4px;
        margin-left: auto;
        margin-right: auto;
    }
    .elem-new#tab-menu .tab-menu__btn .tab-menu-btn__img {
        opacity: 1;
        width: 100%;
        transition: 100ms;
    }
    .elem-new#tab-menu .tab-menu__btn .tab-menu-btn__label {
        /*chrome有最小字体限制*/
        webkit-transform: scale(0.5);
        transform: scale(0.5);
        font-size: 20px;
        position: relative;
        bottom: 8px;

        color: var(--text-color);

        white-space: nowrap;
    }

    .elem-new#tab-menu .tab-menu__btn.disabled .tab-menu-btn__img {
        opacity: 0.3;
    }
    .elem-new#tab-menu .tab-menu__btn.disabled .tab-menu-btn__label {
        color: var(--placeholder-color);
    }

    .elem-new#tab-menu .tab-menu__btn.tab-menu__btn--cover {
        position: absolute;
        display: none;
        background: #ffffff;
        z-index: 2;
    }
    .elem-new#tab-menu .tab-menu__btn.tab-menu__btn--cover.show {
        display: inline-block;
    }

.elem-new.msg-wrapper+div {
    background: transparent;
    display: none;
}

body.body-fixed,
html.body-fixed {
    overflow: hidden;
}

body.elem-body-fixed,
html.elem-body-fixed {
    overflow: hidden;
}

@media only screen and (device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3) {
    .elem-new#tab-menu {
        height: calc(var(--mobile-menu-height) + env(safe-area-inset-bottom))!important;
    }

}

/* list */
    .elem-new.list--mobile,
    .elem-new.list--mobile * {
        box-sizing: border-box;
    }

    .elem-new.list--mobile .list-wrapper--mobile {
        padding: 0 var(--sunit);
    }

    .layui-layer .elem-new.list--mobile .list-wrapper--mobile {
       padding: 0 0;
    }

    .elem-new.list--mobile .list__entity--mobile {
        background: var(--elem-white);
        border-radius: var(--border-radius);

        margin-bottom: var(--sunit);

        padding: 12px;
    }

    .elem-new.list--mobile .list__entity--mobile .list-entity__top {
        height: 60px;
        padding-bottom: var(--sunit);

        display: flex;
        flex-direction: row;
        align-items: center;
    }

    .elem-new.list--mobile .list__entity--mobile .list-entity__top .icon {
        width: 40px;
        height: 40px;
        min-width: 40px;
        min-height: 40px;

        border-radius: 4px;

        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;

        border: 1px solid var(--divide-line-color);
    }

    .elem-new.list--mobile .list__entity--mobile .list-entity__top .icon img {
        width: 100%;
    }

    .elem-new.list--mobile .list__entity--mobile .list-entity__top .title {
        font-size: 15px;
        color: var(--text-color);

        margin-left: 0.5em;

        display: inline-block;

        overflow: hidden;
        text-overflow: ellipsis;
        word-break: keep-all;
        white-space: nowrap;
    }
    .elem-new.list--mobile .list__entity--mobile .list-entity__top .icon+.title {
        margin-left: 1em;
    }

    .elem-new.list--mobile .list__entity--mobile .list-entity__top .title + i {
        transform: scaleY(1);
        position: absolute;
        right: calc(var(--sunit) + 18px);

        color: #9a0000;
        font-size: 2em;
    }

    .elem-new.list--mobile .list__entity--mobile .entity-bottom__field {
        display: flex;
        color: var(--secondary-text-color);
        font-size: var(--secondary-font-size);
        padding-top: var(--sunit);
    }

    .elem-new.list--mobile .list__entity--mobile .list-entity__bottom .entity-bottom-field__label,
    .elem-new.list--mobile .list__entity--mobile .list-entity__bottom .entity-bottom-field__value {
        display: inline-block;
        width: calc(50% - 2px);

        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;

        line-height: 1.5;
    }

    .elem-new.list--mobile .list__entity--mobile .list-entity__bottom .entity-bottom-field__value .field-value--rte {
        width: 100%;
        height: calc(36px * 1.5);
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 3;
        word-break: break-all;
        white-space: normal;
    }
    .elem-new.list--mobile .list__entity--mobile .list-entity__bottom .entity-bottom-field__value .field-value--rte * {
        color: #838383 !important;
        font-size: 12px !important;
        font-weight: normal !important;
        line-height: 1.5 !important;
    }

    .elem-new.list--mobile .load-more {
        height: 3em;
        line-height: 3em;

        text-align: center;
        background: var(--elem-white);

        margin-bottom: var(--sunit);
    }

    .elem-new.list--mobile #filter-div__wrapper {
        display: none;
    }
    .drawer__content #filter-div__wrapper {
        display: flex;
        flex-direction: column;
    }

    .elem-new #filter-div__wrapper .filter--mobile {
        display: flex;
        flex-direction: column;

        width: 100%;

        height: calc(100vh - 48px);
        overflow-y: scroll;
        overflow-x: hidden;

        -webkit-overflow-scrolling: touch;
    }
    .elem-new #filter-div__wrapper .filter--mobile.ios-fix {
        padding-bottom: 68px;
    }
    .elem-new #filter-div__wrapper .filter--mobile {
        position: relative;
    }
    .elem-new #filter-div__wrapper .filter--mobile,
    .elem-new #filter-div__wrapper .filter--mobile *
    {
        box-sizing: border-box;
    }

    .elem-new #filter-div__wrapper .filter--mobile .filter-field {
        padding: 15px 15px;
    }
    .elem-new #filter-div__wrapper .filter--mobile .filter-field:last-child {
        border: 0;
    }

    .elem-new #filter-div__wrapper .filter--mobile .filter-field .field__label {
        font-size: 15px;
        color: #595959;
    }

    .elem-new #filter-div__wrapper .filter--mobile .filter-field .field__value {
        padding-top: 15px;
        display: flex;
    }

    /*select*/
    .elem-new #filter-div__wrapper .filter--mobile .filter-field[data-type^="select"] .field__value {
        flex-wrap: wrap;
    }
    .elem-new #filter-div__wrapper .filter--mobile .filter-field[data-type^="select"] .field__value .filter-group {
        position: relative;
        flex-basis: 100%;
        height: 26px;
        line-height: 26px;

        margin-right: 15px;
        margin-bottom: 15px;
        padding: 0 10px;

        border-radius: 4px;
        background: #f4f4f4;

        text-align: center;
        font-size: 11px;
        color: var(--text-color);

        overflow: hidden;
        text-overflow: ellipsis;
    }
    .elem-new #filter-div__wrapper .filter--mobile .filter-field[data-type^="select"] .field__value .filter-option {
        position: relative;
        flex-basis: calc((100% / 3) - 10px);
        height: 26px;
        line-height: 26px;

        margin-right: 15px;
        margin-bottom: 15px;
        padding: 0 10px;

        border-radius: 4px;
        background: #f4f4f4;

        text-align: center;
        font-size: 11px;
        color: var(--text-color);

        overflow: hidden;
        text-overflow: ellipsis;
    }

    .elem-new #filter-div__wrapper .filter--mobile .filter-field[data-type^="select"] .field__label.elem-after.elem-arrow::after {
        width: 8px;
        height: 16px;

        right: 8px;
        top: 4px;
    }

    .elem-new #filter-div__wrapper .filter--mobile .filter-field[data-type^="select"] .field__value .filter-option.option--selected {
        background: #fff;
        border: 1px solid var(--pepm-red);
    }
    .elem-new #filter-div__wrapper .filter--mobile .filter-field[data-type^="select"] .field__value .filter-option.option--selected:after {
        content: '+';
        background: var(--pepm-red);
        width: 20px;
        height: 20px;

        position: absolute;

        transform: rotate(45deg);

        top: -10px;
        right: -10px;

        color: white;
        text-align: center;
        line-height: 30px;
    }

    .elem-new #filter-div__wrapper .filter--mobile .filter-field[data-type^="select"] .field__value .filter-option:nth-child(3n+3) {
        margin-right: 0;
    }
    .elem-new #filter-div__wrapper .filter--mobile .filter-field[data-type^="select"] .field__value .filter-option:last-child,
    .elem-new #filter-div__wrapper .filter--mobile .filter-field[data-type^="select"] .field__value .filter-option:nth-last-child(2),
    .elem-new #filter-div__wrapper .filter--mobile .filter-field[data-type^="select"] .field__value .filter-option:nth-last-child(3) {
    }

    .elem-new #filter-div__wrapper .filter--mobile .filter-field .field__value .filter-input {
        border: 0;
        background: #eee;
        width: 100%;
        border-radius: 4px;
        height: 26px;
        text-align: center;
        font-size: 11px;
        color: #181818;
    }
    .elem-new #filter-div__wrapper .filter--mobile .filter-field .field__value .filter-input::placeholder {
        color: #a9a9a9;
        font-size: 11px;
    }

    .elem-new #filter-div__wrapper .filter--mobile .filter-field[data-type='date'] .field__value .datetime-wrapper {
        display: inline-block;
        width: 100%;
        white-space: nowrap;
        height: 26px;
    }
    .elem-new #filter-div__wrapper .filter--mobile .filter-field[data-type*='range'] .field__value .datetime-wrapper {
        display: inline-block;
        width: calc(50% - 21px);
        white-space: nowrap;
        height: 26px;
    }
    .elem-new #filter-div__wrapper .filter--mobile .filter-field .field__value .filter-date {
        position: relative;
        right: 100%;
    }
    .elem-new #filter-div__wrapper .filter--mobile .filter-field .field__value .filter-date-ph {
        pointer-events: none;
        position: relative;
        z-index: 100;
    }
    .elem-new #filter-div__wrapper .filter--mobile .filter-field[data-type*='range'] .field__value .filter-date-ph {
        bottom: 10px;
    }
    .elem-new #filter-div__wrapper .filter--mobile .filter-field[data-type*='range'] .field__value .filter-date-ph.filled {
        bottom: 0;
    }

    .elem-new #filter-div__wrapper .filter--mobile .filter-field .field__value .filter-date-ph[id][name] {
        pointer-events: initial;
        line-height: 26px;
        margin-left: 0;
        padding-left: 0;
    }
    .elem-new #filter-div__wrapper .filter--mobile .filter-field[data-type*='range'] .field__value .filter-date-ph[id][name] {
        bottom: 0;
    }

    .elem-new #filter-div__wrapper .filter--mobile .filter-field .field__value .filter-range.filter-date-ph,
    .elem-new #filter-div__wrapper .filter--mobile .filter-field .field__value .filter-range.filter-date {
        width: 100%;
    }

    .elem-new #filter-div__wrapper .filter--mobile .filter-field .field__value .filter-date-ph+.filter-date {
        color: transparent;
        background: transparent;
    }

    .elem-new #filter-div__wrapper .filter--mobile .filter-field .field__value .filter-range {
        display: inline-block;
        border: 0;
        background: #eee;
        border-radius: 4px;
        height: 26px;
        text-align: center;
        font-size: 11px;
        color: #181818;
        width: calc(50% - 21px);
    }

    .elem-new #filter-div__wrapper .filter--mobile .filter-field .field__value .filter-connector {
        margin: 0 12px;
        border-top: 1px solid #d1d1d1;
        height: 1px;
        display: inline-block;
        position: relative;
        top: 13px;

        flex: 1;
    }
    .elem-new #filter-div__wrapper .ipx-list-filter-ph {
        height: 72px;
        display: none;
    }
    [platform-ios][view-safari][ipx-height] .elem-new #filter-div__wrapper .ipx-list-filter-ph {
        display: block;
    }

    .elem-new #filter-div__wrapper .weapp-ph {
        height: 84px;
        display: none;
    }
    .drawer--weapp .weapp-ph {
        display: block !important;
    }

    [env-ios-wx] .elem-new #filter-div__wrapper .filter-btn{
        bottom: 0px !important;
    }
    .elem-new #filter-div__wrapper .filter-btn {
        display: flex;

        height: 48px;
        line-height: 48px;

        font-size: 17px;
        text-align: center;

        z-index: 999;


        position: absolute;
        bottom: 0;
        width: 100%;
    }

    .drawer--weapp .filter-btn {
        bottom: 48px !important;
    }

    .elem-new #filter-div__wrapper .filter-btn .filter-btn--reset {
        width: 33%;
        background: #fff;
        color: var(--text-color);
        box-sizing: border-box;
    }
    .elem-new #filter-div__wrapper .filter-btn .filter-btn--confirm {
        flex: 1;
        background: var(--pepm-red);
        color: #fff;
    }

    [ipx-height='635'] .elem-new #filter-div__wrapper {
        height: calc(100% + 1px);
    }
    [ipx-height='635'] .elem-new #filter-div__wrapper .filter--mobile {
        padding-bottom: 0 !important;
    }
    [ipx-height='635'] .elem-new #filter-div__wrapper .filter-btn {
        bottom: 0px !important;

        height: auto;
    }
    [ipx-height='635'] .elem-new #filter-div__wrapper .filter-btn .filter-btn--confirm,
    [ipx-height='635'] .elem-new #filter-div__wrapper .filter-btn .filter-btn--reset {
        padding-bottom: 12px !important;
    }

    [ipx-height^='7'] .elem-new #filter-div__wrapper .filter--mobile {
        height: calc(100vh - 48px - env(safe-area-inset-bottom) * 1);
        padding-bottom: 0 !important;
    }
    [ipx-height^='7'] .elem-new #filter-div__wrapper .filter-btn {
        position: relative;
        bottom: 0 !important;
    }

    .elem-new#drawer.drawer__wrapper {
        position: fixed;
        width: 100%;
        height: 100vh;
        top: 0;
        right: 0;
        background: rgba(0, 0, 0, 0);
        z-index: 100001;

        transition: 200ms;

        pointer-events: none;
    }
    .elem-new#drawer.drawer__wrapper .drawer__content {
        display: block;
        position: fixed;
        width: 75vw;
        height: 100%;
        top: 0;
        right: 0;
        background: white;

        transition: 200ms;
        transform: translateX(100%);

        overflow: auto;
    }

    .elem-new#drawer.drawer__wrapper.drawer--show {
        background: rgba(0, 0, 0, 0.62);

        pointer-events: initial;
    }
    .elem-new#drawer.drawer__wrapper.drawer--show .drawer__content {
        transform: translateX(0%);
    }

.elem-new.elem-dropdown.dropdown__wrapper {
    position: fixed;
    top: 0;
    left: 0;

    width: 100vh;
    height: 100vh;

    background: rgba(0, 0, 0, 0.168);
    z-index: 999999999;
}
.elem-new.elem-dropdown.dropdown__wrapper,
.elem-new.elem-dropdown.dropdown__wrapper .dropdown__container {
    opacity: 0;
    pointer-events: none;
    transition: opacity 200ms;
}

.elem-new.elem-dropdown.dropdown__wrapper.dropdown--show,
.elem-new.elem-dropdown.dropdown__wrapper.dropdown--show .dropdown__container {
    opacity: 1;
    pointer-events: initial;
}

.elem-new.elem-dropdown.dropdown__wrapper .dropdown__container::before {
    content: "";
    position: relative;
    right: 8px;
    top: -12px;
    float: right;
    border-width: 0 12px 12px;
    border-style: solid;
    border-color: transparent transparent white;
}
.elem-new.elem-dropdown.dropdown__wrapper .dropdown__container {
    position: absolute;
    width: 12em;

    background: white;
    border-radius: 8px;
}
.elem-new.elem-dropdown.dropdown__wrapper .dropdown__container .dropdown__content {
    border-bottom: 1px solid var(--divide-line-color);

    height: 42px;
    line-height: 20px;

    padding: 11px 15px;
    box-sizing: border-box;
}
.elem-new.elem-dropdown.dropdown__wrapper .dropdown__container .dropdown__content:last-child {
    border-bottom: 0;
}
.elem-new.elem-dropdown.dropdown__wrapper .dropdown__container .dropdown__content .dropdown-content__icon,
.elem-new.elem-dropdown.dropdown__wrapper .dropdown__container .dropdown__content .dropdown-content__title {
    display: inline-block;
}
.elem-new.elem-dropdown.dropdown__wrapper .dropdown__container .dropdown__content .dropdown-content__icon {
    text-align: center;
    width: 20px;
    height: 20px;

    margin-right: 16px;
    color: #303030;
}
.elem-new.elem-dropdown.dropdown__wrapper .dropdown__container .dropdown__content .dropdown-content__icon .ion {
    font-size: 1.3em;
}
.elem-new.elem-dropdown.dropdown__wrapper .dropdown__container .dropdown__content .dropdown-content__title {
    font-size: 14px;
    color: #303030;
}

.table-fixed {
    table-layout: fixed !important;
}

.ion-undefined {
    display: none;
}

.elem-new.select-popup-layer {
}
.elem-new .flex-title,
.elem-new.select-popup-layer .select-popup__title {
    padding: 0 1em;
    /* text-align: center; */

    display: flex;
}
.elem-new .flex-title .left-part,
.elem-new.select-popup-layer .select-popup__title .tbtn-left {
    flex: 0 0 auto;
    width: 3em;
    text-align: center;
}
.elem-new .flex-title .mid-part,
.elem-new.select-popup-layer .select-popup__title .tcenter {
    flex: 1;
    text-align: center;
}
.elem-new .flex-title .right-part,
.elem-new.select-popup-layer .select-popup__title .tbtn-right {
    flex: 0 0 auto;
    width: 3em;
    text-align: center;
}
.elem-new.select-popup-layer .select-popup__content {
    padding: 0;
}
.elem-new .nsearch-box {
  background: #f2f2f2;
  padding: 8px 18px;
  height: 40px;
}
.elem-new .nsearch-box label,
.elem-new .nsearch-box input {
  width: calc(100% - 40px);
  height: 100%;
  border: 0;
}
.elem-new .nsearch-box label:before {
  content: "";
  background: url(/static/images/new/search.png) no-repeat center center;
  -webkit-background-size: 25px 25px;
  background-size: var(--primary-font-size);
  float: left;
  position: absolute;
  line-height: 40px;
  height: 40px;
  width: 40px;
}
.elem-new .nsearch-box input {
  padding-left: 40px;
  font-size: 15px;

  max-height: 40px;
}
.elem-new.select-popup-layer .select-popup__list {
    width: 100vw;
}
.elem-new.select-popup-layer .select-popup__list .select-popup-list__item {
    display: flex;
    flex-direction: row;

    padding: 0 16px;

    height: 56px;

    background: white;

    line-height: 56px;

    border-bottom: 1px solid #eee;
}
.elem-new.select-popup-layer .select-popup__list .select-popup-list__item.checked {
    background: #9a000038;
    border-color: transparent;
}
.elem-new.select-popup-layer .select-popup__list .select-popup-list__item:last-of-type {
    border-bottom: 0;
}
.elem-new.select-popup-layer .select-popup__list .select-popup-list__item .list-item__img {
    flex: 0 0 auto;
    width: 38px;
    height: 38px;
    align-self: center;

    margin-right: 1em;
}
.elem-new.select-popup-layer .select-popup__list .select-popup-list__item .list-item__img img {
    display: block;
    width: 100%;
    height: 100%;

    border-radius: 5px;
}
.elem-new.select-popup-layer .select-popup__list .select-popup-list__item .list-item__text {
    flex: 1;

    font-size: 15px;
    color: #181818;
}

.toolbar.hide--smooth {
    transform: translateY(-50px);
}
.toolbar ~ .layout--mobile .layui-body {
    transition: top 0.6s;
}

.elem-new.toolbar.hide--smooth ~ .layout.layout--mobile .layui-body {
    top: 0;
}

.elem-new.popup-window {
    position: fixed;

    width: 100vw;
    height: 100vh;
    z-index: 999999;

    opacity: 0;

    transition: opacity 0.38s;

    pointer-events: none;
}
.elem-new.popup-window--show {
    opacity: 1;

    pointer-events: auto;
}
.elem-new.popup-window .popup-window__mask {
    position: fixed;

    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background-color: #30303033;
}
.elem-new.popup-window .popup-window__content {
    width: 100vw;
    height: fit-content;

    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;

    transition: transform 0.38s;
    transform: translateY(100%);
}
.elem-new.popup-window.elem-new.popup-window--show .popup-window__content {
    transform: translateY(0%);
}
.elem-new.popup-window .popup-window__content .popup-window__menu-item:first-of-type {
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
}

.elem-new.popup-window .popup-window__content .popup-window__menu-item.popup-window__menu-item--divider {
    margin-top: 8px;
    height: 0px;
    background-color: transparent;
}

.elem-new.popup-window .popup-window__content .popup-window__menu-item {
    display: flex;
    justify-content: center;
    align-items: center;

    height: 48px;

    text-align: center;
    font-size: 14px;

    background: white;
    border-top: 1px solid #eee;
}