/*reset css*/
.mt-0 {
    margin-top: 0 !important;
}

.mt-1 {
    margin-top: 5px !important;
}

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

.mt-3 {
    margin-top: 20px !important;
}

.mt-4 {
    margin-top: 50px !important;
}

.mt-4 {
    margin-top: 70px !important;
}

.row-sm {
    margin-right: -7px;
    margin-left: -7px;
}

.row-sm [class*="col-"],
.row-sm .col {
    padding-left: 7px;
    padding-right: 7px;
}

@media (min-width: 768px) {
    .col-md-2-1 {
        -ms-flex: 0 0 50%;
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 20%;
        flex: 0 0 20%;
        max-width: 20%;
    }
}

@media (min-width: 992px) {
    .btn-same-size {
        min-width: 300px !important;
    }

    .btn-md-size {
        min-width: 200px !important;
    }
}

.btn-light {
    background-color: #eee;
    color: #888;
}

.btn-dark {
    background-color: #333;
}

.btn-rounde-0 {
    border-radius: 4px;
}

/*nicetheme css*/
.nice_panel_tabtips {
    color: #888;
    font-size: 16px;
    margin: 0 0 15px;
}

.nice_panel_tabmenu {
    position: relative;
    border-bottom: 1px solid #ddd;

}

.nice_panel_tabmenu a {
    display: inline-block;
    font-size: 16px;
    text-decoration: none;
    margin: 0 20px 0 0;
    padding: 0 0 15px;
    position: relative;
    color: #333;
    font-weight: bold;
}

.nice_panel_tabmenu a.current:after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 3px;
    background-color: #E83E8C
}

.nice_panel_tabmenu a.current {
    color: #E83E8C;
}

.nice_panel_footer {
    text-align: right;
    margin: 25px 0 0;
}

.btn-back {
    position: relative;
    margin: 0 30px 0 0;
}

.btn-back .svg-prev {
    position: relative;
    display: inline-block;
    width: 12px;
    height: 12px;
    background-image: url('data:image/svg+xml;base64,PHN2ZyBjbGFzcz0iaWNvbiIgdmlld0JveD0iMCAwIDEwMjQgMTAyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMTI4IiBoZWlnaHQ9IjEyOCI+PGRlZnM+PHN0eWxlLz48L2RlZnM+PHBhdGggZD0iTTIyNy4yMTEyMzQgNDYwLjUyNjMwN2E3MC44MTU0MDcgNzAuODE1NDA3IDAgMDAwIDEwMy4zNTc3NDdsNDYwLjUwNDgxNyA0MzguNjA1MjU0YTc4Ljc5NzQ5MSA3OC43OTc0OTEgMCAwMDU0LjMzOTU2OCAyMS4zODc4OTEgNzUuMDExMTE4IDc1LjAxMTExOCAwIDAwNzYuNzUwODAzLTczLjA2Njc2NCA3MS42MzQwODMgNzEuNjM0MDgzIDAgMDAtMjIuNTEzNTY5LTUxLjE2NzIwMkwzOTAuMDI1MjcxIDUxMS42OTM1MDhsNDA2LjI2NzU4Mi0zODYuODI0MDQ1YTcxLjYzNDA4MyA3MS42MzQwODMgMCAwMDIyLjUxMzU2OS01MS43ODEyMDlBNzUuMDExMTE4IDc1LjAxMTExOCAwIDAwNzQyLjA1NTYxOS4wMjE0OWE3OC43OTc0OTEgNzguNzk3NDkxIDAgMDAtNTQuMzM5NTY4IDIxLjM4Nzg5MXoiIGZpbGw9IiNlYjYxMDAiLz48L3N2Zz4=');
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    margin: 0 10px 0 0;
    top: 1px;
}

.nice_panel_box {
    margin: 30px 0 0;
}

/**firework video list */
.nice_list_firework_videos {
    margin: 30px 0 0;
}

.nice_user_firework_videos {
    margin: 30px 0 0;
}

.nice_user_firework_videos h2 {
    font-size: 16px;
    font-weight: bold;
    margin: 0;
}

.nice_user_firework_videos p {
    color: #888;
    font-size: 14px;
    margin: 10px 0 20px;
}

.item_firework_video {
    padding-top: 7px;
    padding-bottom: 7px
}

.inner_firework_video {
    position: relative;
    overflow: hidden;
    height: 100%;
    width: 100%;
    background: -webkit-gradient(linear, right top, left top, from(rgb(238, 238, 238)), to(rgb(204, 204, 204)));
    background: -o-linear-gradient(right, rgb(238, 238, 238), rgb(204, 204, 204));
    background: linear-gradient(-90deg, rgb(238, 238, 238), rgb(204, 204, 204));
    border-radius: 10px;

}

.inner_firework_video img {}

.title_firework_video {
    color: #fff;
    padding: 10px;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    background-image: -webkit-gradient(linear, left top, left bottom, from(transparent), to(rgba(0, 0, 0, 0.6)));
    background-image: -o-linear-gradient(transparent, rgba(0, 0, 0, 0.6));
    background-image: linear-gradient(transparent, rgba(0, 0, 0, 0.6));
    background-size: 100% 0%;
    bottom: 0px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    left: 0px;
    min-height: 33%;
    position: absolute;
    width: 100%;
    font-size: 16px !important;
    font-weight: bold !important;
    background-position: center bottom;
    background-repeat: no-repeat;
    margin: 0px;
    -webkit-transition: background-size 0.1s ease 0s;
    -o-transition: background-size 0.1s ease 0s;
    transition: background-size 0.1s ease 0s;

}

.nice_current_aciton {
    display: none;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(232, 62, 140, .6);
}


.current .nice_current_action {
    display: block
}


.svg-current-choose {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    display: block;
    width: 30px;
    height: 30px;
    cursor: pointer;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    background-image: url('data:image/svg+xml;base64,PHN2ZyBjbGFzcz0iaWNvbiIgdmlld0JveD0iMCAwIDEwMjQgMTAyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMTI4IiBoZWlnaHQ9IjEyOCI+PGRlZnM+PHN0eWxlLz48L2RlZnM+PHBhdGggZD0iTTM0Ni41OTUzNDQgNjg0LjQ5NTY1NmwtMjEwLjgyMDUxOS0yMTAuODIwNTItNzEuNDkyMjY0IDcxLjQ0NzIzOSAyODIuMzEyNzg0IDI4Mi4yNjg3ODIgNjA2LjQwNjEzNy02MDYuMzU4MDQxLTcxLjQ0NzIzOS03MS40OTIyNjQtNTM0Ljk1ODg5OSA1MzQuOTU0ODA0eiIgZmlsbD0iI2ZmZiIvPjwvc3ZnPg==');
}


/**pop up*/

.nice_firework_popup_main {
    text-align: center;
    overflow: hidden;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    /* z-index: 1050; */
    -webkit-overflow-scrolling: touch;
    outline: 0;
    opacity: 0;
    -webkit-transition: opacity 0.15s linear, z-index 0.15;
    -o-transition: opacity 0.15s linear, z-index 0.15;
    transition: opacity 0.15s linear, z-index 0.15;
    z-index: -1;
    overflow-x: hidden;
    overflow-y: auto;
}

.nice_firework_popup_overlay {
    background: rgba(0, 0, 0, 0);
    height: 100vh;
    width: 100%;
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 0;
    -webkit-transition: background 0.15s linear;
    -o-transition: background 0.15s linear;
    transition: background 0.15s linear;
}

.nice_firework_popup_body {
    -webkit-transform: translate(0, -25%);
    -ms-transform: translate(0, -25%);
    transform: translate(0, -25%);
    -webkit-transition: -webkit-transform 0.3s ease-out;
    -o-transition: -o-transform 0.3s ease-out;
    transition: -webkit-transform 0.3s ease-out;
    -o-transition: transform 0.3s ease-out;
    transition: transform 0.3s ease-out;
    transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out;
    display: inline-block;
    vertical-align: middle;
    width: 100%;
    margin: 30px auto;
    max-width: 400px;
    background: #fff;
    padding: 30px;
    border-radius: 10px;
}

.nice_firework_popup_content {}

.nice_firework_popup_content img {}


.nice_model_open .nice_firework_popup_body {
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
    position: relative;
    z-index: 999;
}

.nice_model_open .nice_firework_popup_overlay {
    background: rgba(0, 0, 0, 0.6);
    z-index: 99;
}

.nice_model_open {
    z-index: 99999;
    opacity: 1;
    overflow: hidden;
}

.nice_firework_video {
    position: relative;
    margin: 0 30px;
}

.nice_model_close {
    position: absolute;
    right: 15px;
    top: 15px;
}

.svg-model-close {
    position: relative;
    display: block;
    width: 20px;
    height: 20px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    background-image: url('data:image/svg+xml;base64,PHN2ZyBjbGFzcz0iaWNvbiIgdmlld0JveD0iMCAwIDEwMjQgMTAyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMTI4IiBoZWlnaHQ9IjEyOCI+PGRlZnM+PHN0eWxlLz48L2RlZnM+PHBhdGggZD0iTTQuNDMzOTIgOTcuMzYxOTJsOTAuNTA4OC05MC41MDg4IDkyMy4xODk3NiA5MjMuMTg5NzYtOTAuNTA4OCA5MC41MDg4TDQuNDMzOTIgOTcuMzYxOTJ6bTkyNS42MDg5Ni05Mi45MjhsOTAuNTA4OCA5MC41MDg4LTkyMy4xODk3NiA5MjMuMTg5NzYtOTAuNTA4OC05MC41MDg4TDkzMC4wNDI4OCA0LjQzMzkyeiIvPjwvc3ZnPg==');
    cursor: pointer;
}

.nice_firework_video_upload {
    padding: 150px 0;
    text-align: center;
    border: 2px dashed #eee;
}

.svg-upload-icon {
    position: relative;
    display: inline-block;
    width: 30px;
    height: 30px;
    cursor: pointer;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    background-image: url('data:image/svg+xml;base64,PHN2ZyBjbGFzcz0iaWNvbiIgdmlld0JveD0iMCAwIDEyNTEgMTAyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMTU2LjM3NSIgaGVpZ2h0PSIxMjgiPjxkZWZzPjxzdHlsZS8+PC9kZWZzPjxwYXRoIGQ9Ik0xNzAuNjY2NjY3IDBMMCAzOTguMjIyMjIyVjEwMjRoMTI1MS41NTU1NTZWMzk4LjIyMjIyMkwxMDgwLjg4ODg4OSAwSDE3MC42NjY2Njd6bTgyNC44ODg4ODkgMTEzLjc3Nzc3OGwxMTMuNzc3Nzc3IDI4NC40NDQ0NDRIODgxLjc3Nzc3OGEyNTYgMjU2IDAgMDEtNTEyIDBIMTQyLjIyMjIyMkwyNTYgMTEzLjc3Nzc3OGg3MzkuNTU1NTU2em0xNDIuMjIyMjIyIDc5Ni40NDQ0NDRoLTEwMjRWNTEyLjAyODQ0NEwyODQuNDQ0NDQ0IDUxMkMzMzIuNTQ0IDY2MC4zOTQ2NjcgNDYxLjUzOTU1NSA3NjggNjI1Ljc3Nzc3OCA3NjhjMTY0LjIwOTc3OCAwIDI5My4yMzM3NzgtMTA3LjYwNTMzMyAzNDEuMzMzMzMzLTI1NmwxNzAuNjY2NjY3LjAyODQ0NHYzOTguMTkzNzc4eiIvPjwvc3ZnPg==');
}


/**Search Hashtags/Repost Video */
.firework-search-input {
    position: relative;
}

.svg-search-icon {
    position: relative;
    display: inline-block;
    width: 30px;
    height: 30px;
    cursor: pointer;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    background-image: url('data:image/svg+xml;base64,PHN2ZyBjbGFzcz0iaWNvbiIgdmlld0JveD0iMCAwIDEwMjQgMTAyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMTI4IiBoZWlnaHQ9IjEyOCI+PGRlZnM+PHN0eWxlLz48L2RlZnM+PHBhdGggZD0iTTk3Ni43Mzg0NjIgODkyLjA2MTUzOEw3MTIuODYxNTM4IDYzMC4xNTM4NDZDNzY2LjAzMDc2OSA1NTUuMzIzMDc3IDc5My42IDQ2MC44IDc3OS44MTUzODUgMzYwLjM2OTIzMWMtMjMuNjMwNzY5LTE2OS4zNTM4NDYtMTYxLjQ3NjkyMy0zMDMuMjYxNTM4LTMzMi44LTMxOS4wMTUzODVDMjE0LjY0NjE1NCAxNy43MjMwNzcgMTcuNzIzMDc3IDIxNC42NDYxNTQgNDEuMzUzODQ2IDQ0OC45ODQ2MTVjMTUuNzUzODQ2IDE2OS4zNTM4NDYgMTQ5LjY2MTUzOCAzMDkuMTY5MjMxIDMxOS4wMTUzODUgMzMyLjhDNDYwLjggNzk1LjU2OTIzIDU1NS4zMjMwNzcgNzY4IDYzMC4xNTM4NDYgNzE0LjgzMDc2OWwyNjEuOTA3NjkyIDI2MS45MDc2OTNjMTEuODE1Mzg1IDExLjgxNTM4NSAyOS41Mzg0NjIgMTEuODE1Mzg1IDQxLjM1Mzg0NyAwbDQxLjM1Mzg0Ni00MS4zNTM4NDdjMTEuODE1Mzg1LTExLjgxNTM4NSAxMS44MTUzODUtMzEuNTA3NjkyIDEuOTY5MjMxLTQzLjMyMzA3N3ptLTgxOS4yLTQ4MC40OTIzMDdjMC0xMzkuODE1Mzg1IDExNC4yMTUzODQtMjU0LjAzMDc2OSAyNTQuMDMwNzY5LTI1NC4wMzA3NjlTNjY1LjYgMjcxLjc1Mzg0NyA2NjUuNiA0MTEuNTY5MjMxQzY2NS42IDU1MS4zODQ2MTYgNTUxLjM4NDYxNSA2NjUuNiA0MTEuNTY5MjMxIDY2NS42Yy0xMzkuODE1Mzg1IDAtMjU0LjAzMDc2OS0xMTIuMjQ2MTU0LTI1NC4wMzA3NjktMjU0LjAzMDc2OXoiLz48L3N2Zz4=');
}

.firework-search-input div {
    position: relative;
}

.firework-search-input div .nice-svg-icon {
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    padding: 10px 15px;
    cursor: pointer;
}

.firework-search-input div .svg-search-icon {
    width: 15px;
    height: 15px;
    display: block;
}


.svg-del-tag{
    position: relative;
    display: inline-block;
    width: 12px;
    height: 12px;
    margin:0 5px;
    cursor: pointer;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    background-image:url('data:image/svg+xml;base64,PHN2ZyBjbGFzcz0iaWNvbiIgdmlld0JveD0iMCAwIDEwMjQgMTAyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMTI4IiBoZWlnaHQ9IjEyOCI+PGRlZnM+PHN0eWxlLz48L2RlZnM+PHBhdGggZD0iTTUxMiA1MTJ6TTUxMiAxMi4xNDE1MjhDMjM1LjkzNTUyNCAxMi4xNDE1MjggMTIuMTQxNTI4IDIzNS45MzY1NDcgMTIuMTQxNTI4IDUxMlMyMzUuOTM1NTI0IDEwMTEuODU4NDcyIDUxMiAxMDExLjg1ODQ3MiAxMDExLjg1ODQ3MiA3ODguMDY0NDc2IDEwMTEuODU4NDcyIDUxMiA3ODguMDY0NDc2IDEyLjE0MTUyOCA1MTIgMTIuMTQxNTI4em0yNzcuMTY3NiA3MDQuNjY4MDkxbC03Mi4zNTkwMDUgNzIuMzU5MDA1TDUxMiA1ODQuMzU5MDA1IDMwNy4xOTAzODEgNzg5LjE2NzZsLTcyLjM1OTAwNS03Mi4zNTkwMDUgMjA0LjgwOTYxOS0yMDQuODA5NjE5TDIzNC44MzI0IDMwNy4xOTAzODFsNzIuMzU5MDA1LTcyLjM1OTAwNSAyMDQuODA5NjE5IDIwNC44MDk2MTkgMjA0LjgwOTYxOS0yMDQuODA5NjE5IDcyLjM1OTAwNSA3Mi4zNTkwMDVMNTg0LjM1OTAwNSA1MTIgNzg5LjE2NzYgNzE2LjgwOTYxOXoiLz48L3N2Zz4=');
}