/*
 * Margins
 */
p,
ul,
ol,
dl,
pre,
address,
fieldset,
figure {
    margin: 0 0 0px 0;
}
/* Add margin if adjacent element */
* + p,
* + ul,
* + ol,
* + dl,
* + pre,
* + address,
* + fieldset,
* + figure {
    margin-top: 0px;
}
/* Lists
 ========================================================================== */
ul,
ol {
    padding-left: 0px;
}
a:hover{
    text-decoration: none;
}
.vodbox a
{
    /*color: #1e87f0;*/
    --mainColor: rgba(194, 193, 193, 0.31);
    background:
            linear-gradient(
                    to bottom, var(--mainColor) 0%,
                    var(--mainColor) 100%
            );
    background-position: 0 100%;
    background-repeat: repeat-x;
    background-size: 1px 1px;
    text-decoration: none;
    transition: background-size .2s;
    cursor: pointer;
}
.vodbox a:hover
{
    /*color: #0f6ecd;*/
    /*text-decoration: underline;*/
    background-size: 4px 50px;
}
.uk-card-default .uk-card-footer {
    border-top: 1px solid rgba(229, 229, 229, 0.16);
}
.uk-card-default .uk-card-header {
    border-bottom: 1px solid rgba(229, 229, 229, 0.15);
}

.speech-bubble {
    position: relative;
    background: #c0c0c059;
    border-radius: .4em;
}

.speech-bubble:after {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    width: 0;
    height: 0;
    border: 10px solid transparent;
    border-right-color: #c0c0c059;
    border-left: 0;
    border-bottom: 0;
    margin-top: -5px;
    margin-left: -10px;
}

.speech-bubble2 {
    position: relative;
    background: #c0c0c059;
    border-radius: .4em;
}

.speech-bubble2:after {
    content: '';
    position: absolute;
    right: 0;
    top: 50%;
    width: 0;
    height: 0;
    border: 10px solid transparent;
    border-left-color: #c0c0c059;
    border-right: 0;
    border-bottom: 0;
    margin-top: -5px;
    margin-right: -10px;
}

.uk-panel-scrollable {
    height: 170px;
    padding: 10px;
    border: 0px solid #e5e5e5;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    resize: both;
}



::-webkit-scrollbar {
    width: 12px;
}

::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    border-radius: 10px;
}

::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5);
}


.uk-overlay-primary {
    background: rgba(34, 34, 34, 0.5);
}

h2 {
    color: #747474;
}

.fed-list-info .fed-list-score2 { position: absolute; top: 5px; right: -.3125rem; padding: 0 .3125rem }
.fed-list-info .fed-list-score2:before { content: ""; position: absolute; right: .0625rem; bottom: -.25rem; border-top: .25rem solid #1e87f0; border-right: .25rem solid transparent }
.fed-back-green2 { background-color: #1e87f0 !important; color: #fff!important}
.fed-back-green3 { background-color: #00893b !important; color: #fff!important}

.uk-card-default {
    background: #fff;
    color: #959595;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.08);
}

.fed-btns-info {
    background-color: rgba(99, 99, 99, 0.3);
    color: #999;
}

.yunlist > .uk-active > a {
    background-color: #ff5f00!important;
    color: #fff!important;
    border-color: transparent;
}

.yunlist {
    display: flex;
    /* 1 */
    flex-wrap: wrap;
    /* 2 */
    margin-left: 0px;
    /* 3 */
    padding: 5px;
    list-style: none;
    position: relative;
}
.yunlist::before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0px;
    right: 0;
    border-bottom: 1px solid rgba(229, 229, 229, 0.14);
}
.srclisttab::before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0px;
    right: 0;
    border-bottom: 1px solid rgba(229, 229, 229, 0.37);
}
.srclisttab > .uk-active > a {
    color: #333;
    border-color: #1e87f0;
    background-color: #ff5f00!important;
    color: #fff!important;
}
.srclisttab > * {
    flex: none;
    padding-left: 0px;
    position: relative;
}

.backstretch-item > img {
    max-width: none;
}

.uk-label-star {
    background: rgba(30, 135, 240, 0.41);
}

.jscover-crop {
    width: 100%;
    position: relative;
    padding-bottom: 56.25%; /* 9 / 16 = 0.5625 */
}
.jscover-crop img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}


.myicon {
    width: 1em;
    height: 1em;
    vertical-align: -0.15em;
    fill: currentColor;
    overflow: hidden;
    font-size: 1.5rem;
}

.ex-btn {
    background-color: #fece00;
    color: #000;
    text-shadow: 0px 4px 3px rgba(0,0,0,0.4), 0px 8px 13px rgba(0,0,0,0.1), 0px 18px 23px rgba(0,0,0,0.1);
}
.fed-part-rows-ex { position: relative; }