.dwn {
    display: none !important;
}

html,
body,
#m {
    height: 100%;
}

body {
    display: flex;
    flex-direction: column;
    min-height: 100%;
    height: auto;
}

#m {
    flex: 1 0 auto;
    margin-top: 66px;
}

body {
    margin: 0px 0px 0px 0px;
    padding: 0px;
    font-family: 'PT Sans', sans-serif;
    font-size: 12px;
    color: #fff;
    background: #130f25;
}

* {
    box-sizing: border-box;
    outline: none;
}

a {
    text-decoration: none;
    color: inherit;
    transition: all .2s;
}

input,
button {
    border: 0px;
    font-family: 'PT Sans', sans-serif;
    font-size: 13px;
    padding: 0px;
}

.cn {
    margin: 0px auto;
    max-width: 1100px;
    font-size: 0px;
}

#h {
    background: #18142f;
    box-shadow: 0px 0px 5px rgba(0, 0, 0, .1);
    position: fixed;
    width: 100%;
    left: 0px;
    top: 0px;
    z-index: 10;
    font-size: 0px;
}

#h .cn {
    padding: 8px 0px;
}

#h .cn>*,
#h .cn .m>*,
#h .u>li {
    display: inline-block;
    vertical-align: top;
}

#h .cn .m {
    text-align: right;
    float: right;
    padding: 8px 0px;
}

#h .l>* {
    display: inline-block;
    vertical-align: top;
}

#h .l img {
    width: auto;
    height: 50px;
}

#h .f {
    float: right;
    width: 300px;
    position: relative;
    border-radius: 5px;
    overflow: hidden;
    background: transparent;
    border: 1px solid #ff4700;
}

#h .f>* {
    display: inline-block;
    vertical-align: top;
}

#h .f input {
    width: calc(100% - 36px);
    font-size: 13px;
    line-height: 32px;
    padding: 0px 10px;
    color: #fff;
    background: transparent;
}

#h .f input::placeholder {
    color: #999;
}

#h .f button {
    margin: 0px;
    padding: 0px;
    width: 36px;
    height: 32px;
    background: transparent;
    cursor: pointer;
}

#h .f button i {
    vertical-align: top;
    width: 16px;
    height: 16px;
    background: #ff4700;
}

#h .u {
    margin: 0px;
    padding: 0px;
    list-style: none;
    font-size: 0px;
    margin-right: 50px;
}

#h .u li {
    padding: 0px;
}

#h .u li a {
    display: block;
    font-size: 14px;
    line-height: 34px;
    padding: 0px 15px;
    color: #fff;
    font-weight: bold;
}

#h .u li a i {
    width: 16px;
    height: 14px;
    vertical-align: text-top;
    display: inline-block;
    margin-right: 2px;
}

#h .u li a:hover {
    color: #ff4700;
}

.nv {
    display: none !important;
}

#m .cn {
    padding: 15px 0px;
}

#l,
#r {
    display: inline-block;
    vertical-align: top;
}

#l {
    width: calc(100% - 250px);
    padding-right: 20px;
}

#r {
    width: 250px;
}

.list {
    margin: 0px;
    padding: 0px;
    list-style: none;
}

.list li a {
    display: block;
    font-size: 12px;
    padding: 0px 47px 0px 13px;
    line-height: 24px;
    position: relative;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.list li a:before {
    content: '';
    position: absolute;
    left: 0px;
    width: 6px;
    height: 6px;
    background: #ff4700;
    border-radius: 50%;
    top: 9px;
}

.list li a i {
    position: absolute;
    right: 0px;
    top: 5px;
    font-style: normal;
    font-weight: bold;
    font-size: 8px;
    color: #fff;
    text-transform: uppercase;
    padding: 0px 7px;
    background: #008ee0;
    border-radius: 18px;
    line-height: 14px;
}

.list li:hover a {
    color: #01bcf3;
}

.list li:hover a:before {
    background: #01bcf3;
}

.list li:hover a i {
    background: #ff4700;
}

.ul {
    margin: -10px -10px 10px -10px;
    padding: 0px;
    list-style: none;
}

.ul .li {
    display: inline-block;
    vertical-align: top;
    width: calc(100% / 5);
    padding: 10px;
}

.ul .li .i {
    margin: 0px;
}

.ul .li .i a {
    display: block;
    overflow: hidden;
    border-radius: 5px;
    position: relative;
}

.ul .li .i a:before {
    content: '';
    background: rgba(24, 20, 47, .5);
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0px;
    bottom: 0px;
    opacity: 0.1;
    transition: .2s;
    z-index: 0;
}

.ul .li .i a img {
    width: 100%;
    height: auto;
    transition: .3s;
}

.ul .li .i a>*:not(img) {
    position: absolute;
    top: 5px;
    left: 5px;
    font-size: 11px;
    border-radius: 3px;
    line-height: 18px;
    padding: 0px 5px;
    font-weight: normal;
}

.ul .li .i a .e {
    background: #ff4700;
}

.ul .li .i a .t {
    background: #1a0b71;
}

.ul .li .i a div {
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -19px;
    width: 36px;
    height: 36px;
    opacity: 0;
    transition: .3s;
    transform: scale(0.5);
    border: 2px solid #fff;
    border-radius: 50%;
    background: rgba(0, 0, 0, .3);
    padding: 8px 0px 8px 1px;
}

.ul .li .i a .ic {
    width: 100%;
    height: 100%;
}

.ul .li .h {
    margin: 5px 0px 0px 0px;
    text-align: center;
    font-weight: bold;
}

.ul .li .h a {
    display: block;
    font-size: 12px;
    color: #8079ab;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.ul .li:hover .i a:before {
    opacity: 1;
}

.ul .li:hover .i a div {
    opacity: 1;
    transform: scale(1.1);
}

.ul .li:hover .h a {
    color: #fe4900;
}

.ul.lt {
    margin: 0px;
    padding: 0px 10px;
    background: #1e193c;
    border-radius: 5px;
}

.ul.lt .li {
    padding: 8px 0px;
    width: 100%;
}

.ul.lt .li:last-child {
    border: 0px;
}

.ul.lt .li>* {
    display: inline-block;
    vertical-align: top;
}

.ul.lt .li .i {
    width: 60px;
}

.ul.lt .li .i a div {
    width: 26px;
    height: 26px;
    margin: -14px;
    padding: 4px 0px 4px 1px;
}

.ul.lt .li .c {
    width: calc(100% - 60px);
    padding-left: 10px;
}

.ul.lt .li .c .h {
    text-align: left;
    background: transparent;
    margin: 0px;
}

.ul.lt .li .c .h a {
    padding: 0px;
    color: #fff;
}

.ul.lt .li .c .g {
    font-size: 11px;
    color: #8079ab;
    margin-top: 5px;
    line-height: 14px;
}

.ul.lt .li .c .g a {
    display: inline-block;
    color: #8079ab;
}

.ul.lt .li .c .g b {
    color: #00a2ff;
}

.ul.lt .li .c .h a:hover {
    color: #fe4900;
}

.ul.lt .li .c .g a:hover {
    color: #fe4900;
}

.ul.x5 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}

.ul.x6 .li {
    width: calc(100% / 6);
}

.pag {
    margin: 15px 0px 10px 0px;
    padding: 0px;
    list-style: none;
    text-align: center;
}

.pag li {
    display: inline-block;
    vertical-align: top;
    margin: 2px;
    font-weight: 500;
}

.pag li a {
    display: block;
    font-size: 12px;
    line-height: 28px;
    padding: 0px 10px;
    text-align: center;
    border-radius: 2px;
    background: #2a224c;
}

.pag li a:hover,
.pag li a.se {
    background: #ff4700;
    color: #fff;
}

.h1 {
    margin-bottom: 15px;
    text-align: center;
    text-transform: uppercase;
}

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

.th {
    margin-bottom: 15px;
}

.th .h {
    margin: 0px;
    font-size: 16px;
    font-weight: bold;
}

.info {
    background: rgba(0, 0, 0, .3);
    border-radius: 5px;
    padding: 10px;
    margin-bottom: 15px;
    border: 1px solid #ff4700;
}

.info>* {
    display: inline-block;
    vertical-align: top;
}

.info .info-a {
    width: 150px;
}

.info .info-a .i {
    width: 100%;
    margin: 0px;
}

.info .info-a .i img {
    width: 100%;
    height: auto;
    border-radius: 3px;
}

.info .info-b {
    width: calc(100% - 150px);
    padding-left: 15px;
}

.info .info-b>* {
    margin-bottom: 10px !important
}

.info .info-b>*:last-child {
    margin: 0px !important;
}

.info .info-b h1 {
    margin: 0px;
    font-size: 18px;
    color: #00a2ff;
}

.info .info-b span {
    display: inline-block;
    font-size: 12px;
    line-height: 22px;
    padding: 0px 13px;
    background: #00a2ff;
    color: #fff;
    font-weight: bold;
    border-radius: 15px;
    text-transform: uppercase;
}

.info .info-b h2 {
    margin: 0px;
    font-size: 14px;
}

.info .info-b h3 {
    margin: 0px;
    font-size: 13px;
    font-weight: normal;
}

.info .info-b .gn {
    margin: 0px;
    padding: 0px;
    list-style: none;
}

.info .info-b .gn li {
    display: inline-block;
    vertical-align: top;
    padding: 2px;
}

.info .info-b .gn li a {
    display: block;
    font-size: 12px;
    line-height: 24px;
    padding: 0px 10px;
    border-radius: 5px;
    border: 1px solid #ff4700;
    color: #ff4700;
}

.info .info-b .gn li a:hover {
    border-color: #00a2ff;
    color: #00a2ff;
}

.info .info-b .tx {
    font-size: 12px;
    line-height: 16px;
}

.info .info-b .tx p {
    margin: 0px;
}

.info .info-b .dt {
    margin: 0px;
    padding: 0px;
    list-style: none;
}

.info .info-b .dt li {
    color: #8079ab;
    font-size: 12px;
    line-height: 16px;
}

.eplist {
    margin: 0px;
    padding: 0px;
    list-style: none;
}

.eplist:not(.prox) li:last-child {
    border: 0px;
}

.eplist li {
    border-bottom: 1px solid #222;
}

.eplist li .a {
    display: block;
    padding: 10px;
    background: rgba(0, 0, 0, .3);
}

.eplist li .a>.ic {
    background: #ff4700;
    margin-right: 15px;
    position: relative;
    top: 13px;
}

.eplist li .a>* {
    display: inline-block;
    vertical-align: top;
}

.eplist li .a img {
    width: 90px;
    height: auto;
    border-radius: 3px;
}

.eplist li .a span {
    width: calc(100% - 90px - 35px - 14px);
    padding-left: 13px;
    font-size: 12px;
}

.eplist li .a span>* {
    display: block;
    line-height: 18px;
}

.eplist li .a span i {
    font-style: normal;
    font-size: 13px;
    color: #00a2ff;
}

.eplist li .a span b {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.eplist li .a:after {
    content: '';
    float: right;
    display: inline-block;
    width: 14px;
    height: 14px;
    background: #ff4700;
    border-radius: 50%;
    position: relative;
    top: 17px;
}

.eplist li .a:active {
    background: #1e193c;
}

.eplist li .a:visited:after {
    background: #00a2ff;
}

.info-epi h1 {
    margin: 0px 0px 15px 0px;
    font-size: 18px;
}

.opt {
    margin: 10px 0px;
    padding: 0px;
    list-style: none;
    border-radius: 5px;
    overflow: hidden;
    background: #372f57;
}

.opt li {
    display: inline-block;
    vertical-align: top;
    cursor: pointer;
    text-align: center;
    color: #7f7a96;
    padding: 8px 17px 10px 17px;
    position: relative;
    border-top: 3px solid transparent;
}

.opt li span {
    display: block;
    font-size: 13px;
    font-weight: bold;
    text-transform: uppercase;
}

.opt li i {
    display: block;
    font-size: 11px;
    font-style: normal;
    font-weight: normal;
    text-transform: lowercase;
}

.opt li.se,
.opt li:hover {
    background: #1e193c;
    color: #fff;
}

.opt li.se {
    border-color: #ff4700;
}

.ply {
    position: relative;
    padding-bottom: 56.2%;
    padding-top: 0px;
    height: 0px;
    background: #000;
    z-index: 9;
    overflow: hidden;
    border-radius: 5px;
}

.ply .play {
    cursor: pointer;
    width: 100%;
    height: 100%;
    background: url(https://i.imgur.com/k3OwYLd.png) no-repeat center;
    position: absolute;
    background-size: 20%;
}

.ply iframe {
    border: 0px;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    box-shadow: 0px 1px 5px rgba(0, 0, 0, .1);
}

.mep {
    margin: 10px 0px 15px 0px;
}

.mep>* {
    display: inline-block;
    vertical-align: top;
}

.mep .pn {
    margin: 0px 15px 0px 0px;
    padding: 0px;
    list-style: none;
    background: #372f57;
    border-radius: 20px;
    overflow: hidden;
}

.mep .pn li {
    display: inline-block;
    vertical-align: top;
    font-size: 11px;
    color: #fff;
    border-right: 1px solid #252a2c;
}

.mep .pn li a {
    display: block;
    padding: 8px 15px;
}

.mep .pn li a>* {
    display: inline-block;
    vertical-align: top;
}

.mep .pn li a .i-left,
.mep .pn li a .i-right {
    -webkit-mask-size: 280% !important;
    width: 10px;
}

.mep .pn li a .i-left {
    margin-right: 10px;
}

.mep .pn li a .i-right {
    margin-left: 10px;
}

.mep .pn li a .i-list {
    background: #fff;
    width: 16px;
}

.mep .pn li a span {
    text-transform: uppercase;
    font-weight: bold;
    line-height: 20px;
}

.mep .pn li:last-child {
    border: 0px;
}

.mep .pn li:hover a {
    background: #1e193c;
}

.mep .dwn {
    float: right;
    background: #ff4700;
    color: #fff;
    border-radius: 20px;
    overflow: hidden;
    padding: 4px 15px;
    cursor: pointer;
}

.mep .dwn.se {
    background: #10a2ff;
}

.mep .dwn>* {
    display: inline-block;
    vertical-align: top;
}

.mep .dwn .ic {
    height: 24px;
    width: 16px;
}

.mep .dwn span {
    font-size: 11px;
    margin-left: 7px;
}

.mep .dwn span>* {
    display: block;
    font-style: normal;
}

.mep .dwn span b {
    text-transform: uppercase;
}

.uldwn {
    margin: 10px 0px 20px 0px;
    padding: 0px;
    list-style: none;
    background: #372f57;
    border-radius: 5px;
    overflow: hidden;
}

.uldwn li:nth-child(odd) {
    background: #1e193c;
}

.uldwn li.t {
    text-transform: uppercase;
    font-weight: bold;
}

.uldwn li {
    padding: 7px 15px;
}

.uldwn li:not(.t)>*:first-child {
    text-transform: capitalize;
    font-weight: bold;
}

.uldwn li>*:last-child {
    text-align: center;
}

.uldwn li>* {
    display: inline-block;
    vertical-align: top;
    width: calc(100% / 5);
    font-size: 12px;
}

.uldwn li>* span {
    display: block;
    line-height: 22px;
}

.uldwn li>* span img {
    display: inline-block;
    vertical-align: top;
    margin: 2px 7px 0px 0px;
}

.uldwn li a {
    display: inline-block;
    width: auto;
    background: #ff4700;
    color: #fff;
    line-height: 16px;
    border-radius: 20px;
    text-transform: uppercase;
    font-size: 10px;
    font-weight: bold;
    padding: 3px 15px;
}

.uldwn li a i {
    width: 12px;
    height: 11px;
    margin-right: 5px;
    vertical-align: text-top;
    background: #fff;
}

.uldwn li a:hover {
    background: #10a2ff;
}

.txt {
    font-size: 12px;
    margin-bottom: 15px;
}

.txt>* {
    margin: 0px 0px 10px 0px;
}

.txt p {
    color: #8079ab;
    line-height: 15px;
    text-align: justify;
}

.txt b {
    font-weight: 600;
}

.txt a {
    font-weight: 600;
    color: #ff4700;
}

.txt a:hover {
    color: #fff;
}

.txt .h2 {
    font-size: 14px;
    color: #fff;
    line-height: 18px;
}

.c404 {
    text-align: center;
    padding-top: 30px;
}

.c404 h4 {
    font-size: 40px;
    line-height: 30px;
    margin: 10px;
}

.c404 img {
    margin: 20px;
    max-width: 100%;
    width: 200px;
}

.c404 span {
    display: block;
    font-size: 14px;
}

.c404 span a {
    text-decoration: underline;
}

#filter {
    margin: 0px 0px 15px 0px;
    font-size: 0px;
    position: relative;
}

#filter>* {
    display: inline-block;
    vertical-align: top;
    font-size: 12px;
    text-align: left;
    margin-right: 10px;
}

#filter>* span {
    display: block;
    padding: 0px 10px 0px 11px;
    line-height: 30px;
    background: #2a224c;
    border-radius: 2px;
    box-shadow: inset 0px -1px 0px rgba(0, 0, 0, .15);
    cursor: pointer;
    color: #ccc;
}

#filter>* button {
    border: 0px;
    padding: 0px 15px;
    line-height: 30px;
    background: #ff4700;
    color: #fff;
    cursor: pointer;
    font-weight: 600;
    text-transform: uppercase;
    font-size: 12px;
    border-radius: 2px;
    box-shadow: inset 0px -1px 0px rgba(0, 0, 0, .15);
}

#filter>* span b {
    font-weight: normal;
    color: #fff;
}

#filter>* span::after {
    float: right;
    margin-top: 12px;
    content: '';
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 6px solid #fff;
    display: inline-block;
    vertical-align: middle;
    margin-left: 5px;
}

#filter>* span::selection,
#filter>* ul li::selection,
#filter>* span b::selection {
    background: transparent;
}

#filter>* ul {
    display: none;
    position: absolute;
    list-style: none;
    margin: 10px 0px 0px 0px;
    padding: 0px;
    background: #fff;
    padding: 10px 10px;
    min-width: 150px;
    z-index: 1;
    border-radius: 2px;
    box-shadow: rgb(0 0 0 / 20%) 0px 0px 10px 0px;
    font-size: 0px;
    z-index: 2;
}

#filter>* ul.open {
    display: block;
    animation-duration: .2s;
    animation-fill-mode: both;
    animation-name: zoomIn;
}

#filter>* ul.gen {
    width: 650px;
}

#filter>* ul.gen li {
    display: inline-block;
    width: calc(100% / 5);
}

#filter>* ul.ani {
    width: 450px;
}

#filter>* ul.ani li {
    display: inline-block;
    width: calc(100% / 5);
}

#filter>* ul li {
    line-height: 24px;
    padding: 0px 5px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    cursor: pointer;
    color: #0e1318;
    font-size: 12px;
}

#filter>* ul li::before {
    display: inline-block;
    content: '';
    width: 6px;
    height: 6px;
    border: 3px solid #ddd;
    margin-right: 7px;
    position: relative;
    top: 2px;
}

#filter>* ul li.select {
    color: #ff4700;
}

#filter>* ul li:hover {
    color: #ff4700;
}

#filter>* ul li.select::before {
    border-color: #ff4700;
    border: 4px solid #ff4700;
    width: 4px;
    height: 4px;
}

#filter>* input {
    display: none;
    margin-top: 150px;
    width: 100%;
    border: 0px;
    padding: 0px 10px;
}

#l .mr {
    margin: 10px 0px 15px 0px;
    display: block;
    background: #2a2162;
    color: #fff;
    text-align: center;
    padding: 8px 0px;
    border-radius: 3px;
}

#l .mr span {
    display: inline-block;
    font-size: 13px;
    line-height: 16px;
}

#l .mr.ld {
    opacity: .6;
}

#l .mr.ld:before {
    content: '';
    width: 16px;
    height: 16px;
    display: inline-block;
    vertical-align: top;
    background: url(https://i.imgur.com/ZMQ2qzx.gif) no-repeat center;
    margin-right: 7px;
}

#f {
    background: #18142f;
    text-align: center;
}

#f .cn {
    padding: 20px 0px;
}

#f .cn p {
    font-size: 12px;
    margin: 0px;
    color: #ff4700;
    line-height: 16px;
}

#f .cn p span {
    font-size: 12px;
    font-weight: 900;
}

#f .cn p span strong {
    color: #fff;
}

.ic {
    width: 20px;
    height: 20px;
    display: inline-block;
    background: #fff;
    x-webkit-mask-size: 100% !important;
}

.ic.i-tv {
    -webkit-mask: url(./cdn/img/ic/tv.svg) no-repeat center;
}

.ic.i-home {
    -webkit-mask: url(./cdn/img/ic/home.svg) no-repeat center;
}

.ic.i-download {
    -webkit-mask: url(./cdn/img/ic/download.svg) no-repeat center;
}

.ic.i-list {
    -webkit-mask: url(./cdn/img/ic/list.svg) no-repeat center;
}

.ic.i-left {
    -webkit-mask: url(./cdn/img/ic/left.svg) no-repeat center;
}

.ic.i-right {
    -webkit-mask: url(./cdn/img/ic/right.svg) no-repeat center;
}

.ic.i-search {
    -webkit-mask: url(./cdn/img/ic/search.svg) no-repeat center;
}

.ic.i-bars {
    -webkit-mask: url(./cdn/img/ic/bars.svg) no-repeat center;
}

.ic.i-times {
    -webkit-mask: url(./cdn/img/ic/times.svg) no-repeat center;
}

.ic.i-play {
    -webkit-mask: url(./cdn/img/ic/play-ic2.svg) no-repeat center;
}

.ic.i-playi {
    -webkit-mask: url(./cdn/img/ic/play-ic3.svg) no-repeat center;
}

@media(max-width:767px) {
    .nv {
        display: block !important;
        width: 40px;
        height: 40px;
        background: #fff;
        text-align: center;
        position: absolute;
        top: 8px;
        right: 5px;
        -webkit-mask-size: 50% !important;
    }

    #h .cn .m {
        position: fixed;
        left: -240px;
        top: 0px;
        background: #0d0b1a;
        width: 230px;
        padding: 65px 15px 15px 15px;
        height: 100vh;
        z-index: 1;
        box-shadow: 0px 0px 20px rgba(0, 0, 0, .5);
        transition: opacity .2s, left .2s;
    }

    #h .f {
        width: calc(100% - 30px);
        top: 0px;
        position: absolute;
        top: 15px;
        left: 15px;
        margin: 0px;
    }

    #h .u {
        margin: 0px;
        width: 100%;
        text-align: left;
        padding: 0px;
    }

    #h .u li {
        margin: 0px 0px 5px 0px;
        padding: 0px;
        display: block;
    }

    #h .u li a {
        line-height: 28px;
        font-size: 12px;
        background: #18142f;
        border-radius: 3px;
        padding: 0px 10px;
        color: #fff;
    }

    #h .u li a i {
        background: #eec44c;
    }

    #h .cn {
        padding: 8px;
    }

    #h .l img {
        height: 40px;
    }

    #m {
        margin-top: 56px;
    }

    #m .cn {
        padding: 10px;
    }

    .h1 {
        margin-bottom: 10px;
    }

    .h1 h1 {
        font-size: 14px;
    }

    .th {
        margin-bottom: 10px;
    }

    .th .h {
        font-size: 15px;
    }

    #l,
    #r {
        width: 100%;
        padding: 0px;
    }

    #r {
        margin-top: 10px;
    }

    .info {
        margin: -10px -10px 10px -10px;
        border-left: 0px;
        border-right: 0px;
        border-radius: 0px;
    }

    .info .info-a {
        width: 120px;
        float: left;
        margin: 0px 13px 10px 0px;
    }

    .info .info-b {
        display: inline;
    }

    .info .info-b .gn {
        clear: both;
        margin: -2px;
    }

    .ul {
        margin: -7px -7px 10px -7px;
    }

    .ul .li {
        width: calc(100% / 3);
        padding: 5px 7px;
    }

    .ul.hm .li {
        width: calc(100% / 2);
    }

    .ul.x6 .li {
        width: calc(100% / 3);
    }

    .ul.x5 {
        -webkit-line-clamp: 2;
    }

    .ul.blq {
        overflow: hidden;
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
    }

    .eplist {
        margin: 0px -10px;
    }

    .eplist li .a {
        padding: 7px 10px;
    }

    .eplist li .a>.ic {
        margin-right: 10px;
    }

    .eplist li .a img {
        width: 80px;
    }

    .eplist li .a span {
        padding-left: 8px;
        width: calc(100% - 75px - 35px - 14px);
    }

    .eplist li .a span i {
        font-size: 12px;
    }

    .list {
        margin-bottom: 10px;
    }

    .txt {
        margin: 0px;
    }

    #f .cn {
        padding: 15px;
    }

    .info .info-b h1 {
        font-size: 14px;
    }

    .info .info-b h3 {
        font-size: 12px;
    }

    .info .info-b span {
        font-size: 10px;
        line-height: 18px;
    }

    .mep .pn {
        margin-right: 5px;
    }

    .mep .pn li a {
        padding: 8px 10px;
    }

    .mep .pn li {
        font-size: 10px;
    }

    .mep .pn li a .i-left {
        margin-right: 5px;
    }

    .mep .pn li a .i-right {
        margin-left: 5px;
    }

    .mep .pn li a .i-left,
    .mep .pn li a .i-right {
        width: 6px;
    }

    .uldwn li {
        padding: 5px 10px;
    }

    .uldwn li.t>* {
        font-size: 10px;
    }

    .uldwn li div:nth-child(1) span {
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
    }

    .uldwn li div:nth-child(3) {
        text-align: center;
    }

    .uldwn li>*:last-child {
        text-align: right;
    }

    .uldwn li.t div:nth-child(2) {
        display: none;
    }

    .uldwn li div:nth-child(2) {
        display: none;
    }

    .uldwn li.t div:nth-child(4) {
        display: none;
    }

    .uldwn li div:nth-child(4) {
        display: none;
    }

    .uldwn li>* {
        width: calc(100% / 3);
    }

    .uldwn li>* span img {
        margin-right: 5px;
    }

    .opt {
        overflow: auto;
        white-space: nowrap;
    }

    .opt li {
        text-align: center;
        padding: 7px 0px;
        width: calc(100% / 8);
    }

    .opt li i {
        display: none;
    }

    .opt li span {
        font-size: 8px;
        text-transform: uppercase;
        font-weight: normal;
    }

    .opt li span b {
        display: block;
        font-size: 16px;
        margin-top: 3px;
    }

    #filter {
        text-align: left;
        margin: 0px -2px 15px -2px;
    }

    #filter>* {
        font-size: 11px;
        width: calc(100% / 2);
        padding: 3px;
        margin: 0px;
    }

    #filter>* span {
        padding: 0px 10px;
        line-height: 28px;
    }

    #filter>* span::after {
        margin-top: 10px;
    }

    #filter>* ul li {
        line-height: 22px;
        padding: 0px;
        font-size: 11px;
    }

    #filter>* ul {
        padding: 5px 10px;
        margin-top: 5px;
    }

    #filter .btn button {
        width: 100%;
        line-height: 30px;
    }

    #filter>* ul.gen {
        width: calc(100%);
        padding: 8px 8px;
        left: 0px;
        top: 110px;
    }

    #filter>* ul.gen li {
        width: calc(100% / 3 - 4px);
        line-height: 22px;
        margin: 0px 2px;
    }

    #filter>* ul.ani {
        width: calc(100%);
        padding: 8px 8px;
        left: 0px;
        top: 110px;
    }

    #filter>* ul.ani li {
        width: calc(100% / 4 - 4px);
        line-height: 22px;
        margin: 0px 2px;
    }


}
.action-btn {
    padding: 0px 4px !important;
    width: 25px;
    display: inline-block;

}

@media screen and (max-width: 768px) {
    .action-btn {
        font-size: 9px;
    }
}


/* NUEVO PARA ESTE PROYECTO */
.order-card {
    color: #fff;
}
.bg-c-blue {
    background: linear-gradient(45deg,#73b4ff, #4099ff);
}
.bg-c-green {
    background: linear-gradient(45deg,#59e0c5, #2ed8b6);
}
.bg-c-pink {
    background: linear-gradient(45deg,#ff869a, #FF5370);
}
.card {    
    -webkit-box-shadow: 0 1px 2.94px 0.06px rgba(4,26,55,0.16);
    box-shadow: 0 1px 2.94px 0.06px rgba(4,26,55,0.16);
    border: none;
    margin-bottom: 30px;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.card .card-block {
    padding: 25px;
}
.order-card i {
    font-size: 26px;
}
.f-left {
    float: left;
}
.f-right {
    float: right;
}