/*!* Copyright 2016-2018 http://v.shoutu.cn
* Email 726662013@qq.com*/

@charset "utf-8";
body,
html {
    width: 100%;
    height: 100%
}

body {
    margin: 0;
    font-family: Arial, microsoft jhenghei, 敺株蔓��暺�, stheiti, wenquanyi micro hei, SimSun, sans-serif;
    font-size: 14px;
    line-height: 140%;
    color: #333;
    padding-top: 60px
}

ul,
ol,
li,
p,
h1,
h2,
h3,
h4,
h5,
h6,
form,
fieldset,
table,
td,
img,
tr {
    margin: 0;
    padding: 0;
    font-weight: 400
}

input,
select {
    font-size: 12px;
    vertical-align: middle;
    border: none
}

ul,
li {
    list-style-type: none
}

img {
    border: 0
}

p {
    margin: 0 0 10px
}

* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

:after,
:before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.container {
    position: relative;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto
}

.row {
    position: relative;
    margin-right: -15px;
    margin-left: -15px
}

.container:before,
.container:after,
.row:before,
.row:after,
.clearfix:before,
.clearfix:after {
    display: table;
    content: " ";
    clear: both
}

.container-fluid {
    width: 100%
}

.container-fluid>.row {
    margin: 0
}

h1 {
    font-size: 22px;
    line-height: 28px
}

h2 {
    font-size: 20px;
    line-height: 26px
}

h3 {
    font-size: 18px;
    line-height: 24px
}

h4 {
    font-size: 16px;
    line-height: 22px
}

h5 {
    font-size: 14px;
    line-height: 20px
}

h6 {
    font-size: 12px;
    line-height: 18px
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: 400;
    margin-top: 10px;
    margin-bottom: 10px
}

a,
button {
    text-decoration: none;
    color: #333;
    outline: none;
    -webkit-tap-highlight-color: transparent
}

button:hover {
    cursor: pointer
}

a:focus,
a:hover,
a:active {
    text-decoration: none;
    color: #ffba47
}

.footer-ad-text {
    color: var(--text-color);
    font-weight: var(--font-weight);
}
.footer-ad-text:hover {
    color: #ffba47;
}

.icon {
    font-size: 20px;
    padding-top: .2em
}

i.fa-discourse {
    -moz-transform: scaleX(-1);
    -webkit-transform: scaleX(-1);
    -o-transform: scaleX(-1);
    transform: scaleX(-1)
}

.font-16 {
    font-size: 16px
}

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

.font-12 {
    font-size: 12px
}

.text-red {
    color: red
}

.text-center {
    text-align: center
}

.text-left {
    text-align: left
}

.text-right {
    text-align: right
}

.pull-right {
    float: right!important
}

.hide {
    display: none!important
}

.text-overflow {
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    white-space: nowrap
}

.pic-text {
    display: block;
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 5px 10px;
    font-size: 12px;
    overflow: hidden;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    white-space: nowrap;
    background-repeat: no-repeat;
    background-image: linear-gradient(transparent, rgba(0, 0, 0, .5));
    color: #fff
}

.pic-tag {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 99;
    padding: 2px 8px;
    font-size: 12px;
    border-radius: 0 0 0 8px;
    background-color: #f90;
    color: #fff
}

.play-bg {
    position: fixed;
    z-index: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 150px;
    background: url(../img/play_bg.png) center no-repeat
}

.stui-pannel {
    margin-bottom: 20px
}

.stui-foot {
    margin-top: 20px;
    margin-bottom: 2rem;
    padding: 2rem 0;
    background-color: #efefef
}

.pr-1e {
    padding-right: 1em
}

input,
textarea {
    outline: medium;
    outline: none;
    -webkit-tap-highlight-color: transparent;
    font-family: Arial, microsoft jhenghei, 敺株蔓��暺�, stheiti, wenquanyi micro hei, SimSun, sans-serif;
    font-size: 14px
}

input.form-control,
input.btn {
    outline: 0;
    -webkit-appearance: none
}

.btn {
    font-size: 1rem;
    cursor: pointer;
    transition: opacity .3s;
    background-color: transparent;
    padding: .5em 1em
}

.btn:hover {
    opacity: .8;
    transition: opacity .3s
}

input[type=checkbox] {
    vertical-align: -2px
}

.form-control {
    display: block;
    width: 100%;
    height: 35px;
    padding: 0 10px;
    font-size: 12px;
    line-height: 20px;
    border-radius: 3px;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s
}

textarea.form-control {
    height: auto
}

.btn-group {
    display: flex;
    justify-content: center;
    flex-direction: row
}

.btn-group .btn {
    display: inline-flex;
    flex-grow: 1
}

.head_block {
    position: fixed;
    width: 100vw;
    top: 0;
    transition: all .3s;
    z-index: 999;
    background: #fff;
    box-shadow: 0 0 3px rgba(0, 0, 0, .2);
    transition: all .3s
}

.headroom {
    will-change: transform;
    transition: transform 200ms linear
}

.headroom--pinned {
    transform: translateY(0%)
}

.headroom--unpinned {
    transform: translateY(-100%)
}

.stui-header {
    margin: .25rem 0
}

.stui-header .row {
    display: flex;
    flex-direction: row;
    align-content: center;
    justify-content: flex-start
}

.stui-header .row>* {
    align-self: center;
    margin-left: 1em
}

.stui-header__logo,
.stui-header__menu {
    display: inline-flex
}

.stui-header .row .stui-header__logo {
    margin-left: 0;
    margin-right: auto
}

.stui-header__logo .logo {
    display: block;
    width: 150px;
    height: 50px;
    background: url(../img/hi-logo.svg) no-repeat;
    background-position: 50% 50%;
    background-size: auto 100%
}

.stui-header .stui-header__menu {
    position: relative;
    flex-direction: row;
    margin: 0 auto
}

.stui-header__menu li {
    margin-right: 30px;
    flex-shrink: 0
}

.stui-header__menu li a {
    position: relative;
    font-size: 1rem;
    color: #757575
}

.stui-header__menu li a:hover,
.stui-header__menu li.active a {
    color: #ffba47
}

.stui-header__menu li.active a:before {
    content: " ";
    position: absolute;
    left: 5%;
    bottom: -10px;
    width: 90%;
    height: 3px;
    background-color: #ffba47;
    border-radius: 3px
}

.stui-header .row>.stui_header__user {
    display: flex;
    margin-left: 1em
}

.stui_header__user>a {
    color: #757575;
    position: relative
}

.stui_header__user>a:hover {
    color: #ffba47
}

.stui_header__user>a .iconfont {
    font-size: 22px
}

.stui_header__user>span {
    font-size: 24px;
    color: #757575
}

.stui_header__user>a i {
    font-size: 28px
}

.stui_header__user .dropdown.history {
    width: 300px;
    padding: 0
}

.stui_header__user .dropdown.history>div {
    padding: .5rem
}

.stui_header__user .dropdown.history .content h5 {
    margin: 0;
    margin-bottom: 1rem;
    text-align: left
}

.stui_header__user .dropdown.history .title .btn {
    width: 100%;
    text-align: center;
    /* margin-bottom: 1em */
}

.stui_header__user .dropdown.history .title .btn,
.stui_header__user .dropdown.history .title .btn:hover {
    background-color: #ffba47;
    color: #333
}

.stui_header__user .btn-group {
    padding: .5rem 0;
    margin: .5rem 0;
    border-width: 1px 0;
    border-color: #ccc;
    border-style: solid
}

.stui_header__user .btn-group .btn {
    flex-direction: column;
    padding: 0;
    justify-content: center;
    align-items: center
}

.stui_header__user .btn-group .btn i {
    font-size: 21px
}

.stui_header__search {
    width: auto;
    flex-wrap: nowrap;
    display: inline-block;
    position: relative
}

.stui_header__search .form-control {
    background-color: #eee;
    display: flex;
    border-radius: 2em
}

.stui_header__search .form-control .icon {
    padding: 0
}

.stui_header__search input {
    background-color: transparent;
    font-size: 12px;
    border-radius: 3px;
    padding: 3px
}

.stui_header__search input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0 50px #fff inset;
    -webkit-text-fill-color: #333;
    opacity: .7
}

.stui_header__search ::-webkit-input-placeholder,
.stui_header__search input::-moz-input-placeholder,
.stui_header__search input::-webkit-input-placeholder,
.stui_header__search:-ms-input-placeholder {
    color: #999
}

.stui_header__search select {
    font-size: 12px;
    width: 4.5em;
    border-radius: 0;
    color: #333;
    border-right: #ccc 1px solid;
    -webkit-appearance: none;
    background-color: transparent;
    cursor: pointer
}

.stui_header__search option {
    color: #333
}

.stui_header__search .submit {
    display: inline-flex;
    width: 2em;
    height: 100%;
    line-height: 2em;
    text-align: center;
    background: 0 0;
    border: 0;
    cursor: pointer
}

.stui_header__search .submit .icon {
    font-size: 1.25em;
    color: #999
}

.head_block.empty {
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0) 100%);
    transition: all .3s;
    box-shadow: none
}

.head_block.empty .stui-header__menu li a,
.head_block.empty .stui_header__user>li>a .iconfont {
    color: #fff
}

.head_block.empty .form-control {
    background-color: rgba(255, 255, 255, .8)
}

.head_block.empty .form-control ::-webkit-input-placeholder,
.head_block.empty .form-control input::-moz-input-placeholder,
.head_block.empty .form-control input::-webkit-input-placeholder,
.head_block.empty .form-control:-ms-input-placeholder {
    color: #ccc
}

.head_block.empty select {
    color: #333;
    border-right: 1px solid rgba(0, 0, 0, .3)
}

.head_block.empty .stui_header__search .submit .icon {
    color: #333
}

.head_block.empty .stui_header__search .form-control ::-webkit-input-placeholder,
.head_block.empty .stui_header__search .form-control input::-moz-input-placeholder,
.head_block.empty .stui_header__search .form-control input::-webkit-input-placeholder,
.head_block.empty .stui_header__search .form-control:-ms-input-placeholder {
    color: #fff
}

.head_block.empty .stui_header__search:before {
    border-color: #333 transparent transparent transparent
}

.head_block.empty .stui_header__user>a i {
    color: #fff;
    transition: all .3s
}

.head_block.empty .stui_header__user>a:hover {
    text-shadow: 0 0 3px #333;
    transition: all .3s
}

.totop {
    cursor: pointer;
    display: none;
    position: fixed;
    right: 5%;
    bottom: 50px;
    width: 3.5rem;
    height: 3.5rem;
    padding: .45rem;
    background-color: rgba(0, 0, 0, .5);
    text-align: center;
    border-radius: 50%;
    font-size: 1rem;
    color: #fff;
    z-index: 10
}
.signinbtn {
    cursor: pointer;
    width: 3.5rem;
    height: 3.5rem;
    padding-top: .75rem;
    background-color: #5c9b84;
    text-align: center;
    border-radius: 50%;
    font-size: 0.8rem;
    color: #fff;
}
.signinbtn.signin-good {
    background-color: #ffbf99;
    cursor: default;
}

.totop i, .signinbtn i {
    display: block
}

.stui-header__menu-m,
.stui-header__menu-btn {
    display: none
}

.search__tag {
    display: inline-flex;
    position: relative;
    padding: .8rem;
    background-color: #f9f9f9;
    border-radius: 2em;
    flex-direction: row;
    align-items: center
}

.search__tag a {
    display: flex;
    margin: 0 1em;
    transition: color .2s
}

.hit-search-word {
    color: red;
    font-weight: 700
}

.douban__area {
    display: inline-block;
    float: right
}

.dropdown {
    display: none;
    position: absolute;
    z-index: 999;
    top: 150%;
    padding: 15px;
    border-radius: 3px;
    background-color: #fff;
    box-shadow: 0 2px 5px rgba(0, 0, 0, .2)
}

.dropdown:after {
    content: " ";
    width: 10px;
    height: 10px;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    position: absolute;
    top: -5px;
    right: 15px;
    background-color: #fff
}

.dropdown.search {
    right: -10px
}

.dropdown.search .item {
    position: relative;
    width: 200px
}

.dropdown.search .item .form-control {
    background-color: #f5f5f5
}

.dropdown.search .item .submit {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    background: 0 0;
    border: 0;
    cursor: pointer
}

.dropdown.search .item .submit .icon {
    font-size: 14px;
    color: #999
}

.dropdown.search li {
    padding: 8px 0;
    border-top: 1px solid #eee
}

.dropdown.search li:first-child {
    border-top: 0
}

.dropdown.search li a {
    display: block
}

.dropdown.search li a:hover {
    color: #ffba47
}

.dropdown.search li a span {
    color: #999
}

.dropdown.type {
    right: -10px;
    width: 240px;
    padding: 15px 7px 7px 15px
}

.dropdown.type li {
    float: left;
    width: 33.333333%;
    padding-right: 8px;
    padding-bottom: 8px
}

.dropdown.type li a {
    display: block;
    padding: 4px 0;
    border-radius: 3px;
    background-color: #f5f5f5;
    font-size: 12px;
    text-align: center
}

.dropdown.type li a:hover,
.dropdown.type li.active a {
    background-color: #ffba47;
    color: #fff
}

.dropdown.history {
    right: -10px;
    width: 240px
}

.dropdown.history .head h5 {
    margin: 0;
    padding-bottom: 10px
}

.dropdown.history .head a {
    color: red
}

.dropdown.history li a {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-direction: row-reverse;
    padding: 8px 0;
    border-top: 1px solid #eee;
    color: #333
}

.dropdown.history li a:hover {
    color: #ffba47
}

.dropdown.history li a span {
    color: #999
}

.dropdown.history .title {
    margin: 0;
    text-align: center
}

.dropdown.history .title span {
    display: flex;
    justify-content: flex-start;
    padding: .5rem 0
}

.dropdown.history .title span .logout {
    margin-left: auto
}

.dropdown.history .btn-group .btn {
    padding: .5rem
}

.dropdown.history .btn-group .btn:hover {
    color: #333;
    opacity: .8
}

.dropdown.history .btn-group .btn i {
    margin-bottom: .5rem
}

.stui-screen {
    margin: 2em 0
}

.stui-screen .item {
    display: block;
    line-height: 2
}

.stui-screen .item .menu_shift {}

.stui-screen .item ul {
    padding: 15px;
    border-bottom: 1px dotted #ccc;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: wrap
}

.stui-screen .item ul li {
    margin: .5rem 1rem 0 0;
    line-height: 2
}

.stui-screen .item ul li a {
    display: inline-block;
    padding: 0 .5em;
    border-radius: 3px
}

.stui-screen .item ul li a,
.stui-screen .item ul li span {
    color: #333
}

.stui-screen .item ul li.active a,
.stui-screen .item ul li a:hover {
    background-color: #ffba47;
    color: #fff;
    transition: all .3s
}

.stui-screen.head {
    display: flex;
    padding: 0;
    margin: 0;
    font-size: 1.25em;
    font-weight: 700;
    letter-spacing: 2px;
    align-items: center
}

.stui-screen.head .text,
.stui-screen.head .all {
    color: #333
}

.stui-screen.head .item {
    font-size: 14px;
    margin-left: auto
}

.stui-screen.head .item ul {
    display: flex;
    padding: 0;
    border: none
}

.stui-screen.head .item ul li {
    float: none;
    margin: 0;
    padding: 0 .5em
}

.stui-screen.head .item ul li a {
    border-radius: 0;
    padding: .5em
}

.stui-screen.head .item ul li a:hover {
    color: #ffba47;
    background-color: transparent
}

.stui-screen.head .item ul li.active a {
    background-color: transparent;
    color: #ffba47;
    border-bottom: 2px solid
}

.stui-vodlist__head {
    margin-top: 1em;
    padding: 10px 0;
    display: flex;
    justify-content: space-between;
    align-items: center
}

.stui-vodlist__head h3 {
    font-size: 16px
}

.stui-vodlist__head h3 i {
    color: #ffba47
}

.stui-vodlist__head h3 i {
    margin-right: .5rem
}

.stui-vodlist__head h3,
.stui-vodlist__head p {
    display: inline-flex;
    align-items: baseline
}

.stui-vodlist__head p {
    margin-bottom: 0
}

.stui-vodlist__head p a {
    display: inline-block;
    margin-left: 20px
}

.stui-vodlist__head a.pull-right {
    display: none
}

.stui-vodlist li {
    float: left;
    padding: 10px;
    width: 16.6666667%
}

.stui-vodlist_art li {
    float: left;
    padding: 10px;
    width: 24.6666667%
}

.stui-vodlist li.index {
    width: 33.333333%
}

.stui-vodlist li.like {
    width: 50%;
    padding: 5px
}

.stui-vodlist li.topic {
    width: 25%
}

.stui-vodlist__thumb,
.stui-vodlist__thumb_scroll {
    display: block;
    position: relative;
    padding-top: 150%;
    background: url(../img/load.gif) no-repeat;
    background-position: 50% 50%;
    background-size: cover
}

.stui-vodlist__thumb.active,
.stui-vodlist__thumb_scroll.active {
    padding-top: 60%;
    background: url(../img/load_w.gif) no-repeat;
    background-position: 50% 50%;
    background-size: cover
}

.stui-vodlist__thumb .play,
.stui-vodlist__thumb_scroll .play {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    /* background: rgba(0, 0, 0, .1) url(../img/play.png) center no-repeat */
}

.stui-vodlist__thumb:hover .play,
.stui-vodlist__thumb_scroll:hover .play {
    display: block
}

.stui-vodlist__thumb_scroll {
    overflow: hidden
}

.stui-vodlist__thumb_scroll img {
    position: absolute;
    top: 0;
    height: 100%;
    width: auto!important;
    left: 50%;
    transform: translateX(-50%)
}

.stui-vodlist__detail {
    margin: 0;
    padding: 10px 0
}

.stui-vodlist__detail .title {
    font-size: 14px;
    margin: 0
}

.stui-vodlist__detail .title a {
    color: #333
}

.stui-vodlist__detail .title a:hover {
    color: #ffba47
}

.stui-vodlist__detail .text {
    margin-bottom: 0;
    font-size: 12px;
    color: #757575
}

.stui-vodlist__detail.index {
    padding: 5px 10px
}

.stui-vodlist__detail.index .title {
    margin: 10px 0;
    font-size: 16px;
    text-align: left
}

.stui-vodlist__detail.index .title .score {
    font-family: Georgia, times new roman, Times, serif
}

.stui-vodlist__detail.index .title .iconfont {
    color: #ffba47
}

.stui-vodlist__detail.index .text {
    margin-bottom: 8px;
    padding-left: 20px
}

.detail-more.close i {
    -webkit-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    transform: rotate(-180deg);
    display: inline-block;
    padding-top: 0;
    padding-bottom: .2em;
    height: 1em;
    vertical-align: middle
}

.stui-vodlist__box .lianzai {
    position: absolute;
    top: 0;
    left: 0;
    padding: 2px 5px;
    font-size: 12px;
    color: #fff;
    background-color: #f44336
}

.stui-vodlist__box .finish {
    position: absolute;
    top: 0;
    left: 0;
    padding: 2px 5px;
    font-size: 12px;
    color: #fff;
    background-color: #4caf50
}

.searchlist {
    padding-right: 2em
}

.searchlist>li {
    border-bottom: 1px solid #eee
}

.stui-searchlist__box {
    display: flex;
    flex-direction: row
}

.stui-searchlist__box .stui-vodlist__thumb {
    padding-top: 30%;
    box-shadow: 0 0 3px rgba(0, 0, 0, .2)
}

.stui-searchlist__box .stui-vodlist__detail {
    padding: 0 0 0 1em
}

.stui-searchlist__box .stui-vodlist__detail .text,
.stui-searchlist__box .stui-vodlist__detail .title a {
    color: #333
}

.stui-searchlist__box .stui-vodlist__detail b {
    color: #9c9c9c;
    font-weight: 400
}

.stui-searchlist__box .type_item b {
    padding-left: 1em;
    margin-left: 1em;
    border-left: 1px solid #ccc
}

.stui-searchlist__box .type_item b:first-child {
    border: none;
    margin: 0;
    padding: 0
}

.stui-searchlist__box .stui-vodlist__detail .title a {
    font-size: 16px
}

.stui-searchlist__box .stui-vodlist__detail .text {
    font-size: 14px
}

.stui-searchlist__box .stui-vodlist__detail .text .taga {
    letter-spacing: normal;
    margin: 0 4px 4px 0;
    padding: 5px 8px;
    background-color: #ffba47;
    color: #fff;
    border-radius: 2px
}

.stui-searchlist__box .douban__score {
    position: absolute;
    top: 0;
    left: 0;
    padding: 2px 5px;
    font-size: 12px;
    color: #fff;
    background-color: #fe5e00
}

.stui-searchlist__box .imdb__score {
    position: absolute;
    top: 0;
    right: 0;
    padding: 2px 5px;
    font-size: 12px;
    color: #fff;
    background-color: #1e87f0
}

.stui-ranking_block {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 100%
}

.stui-ranking_title {
    display: flex;
    flex-direction: row;
    justify-content: space-between
}

.stui-ranking_sub {
    justify-content: space-between
}

.stui-ranking_title .first {
    order: 1
}

.stui-ranking_title .second {
    order: 2
}

.stui-ranking_title .third {
    order: 3
}

.stui-ranking_title .none {
    display: none
}

.stui-ranking_title li {
    display: flex;
    font-weight: 700;
    font-size: 1.5em;
    line-height: 2;
    justify-content: space-between;
    flex-direction: row;
    flex-grow: 1
}

.stui-ranking_sub li {
    width: 30%;
    flex-grow: 0
}

.stui-ranking_sub li i {
    display: flex;
    transform: rotate(-90deg)
}

.stui-ranking_title.tab_title {
    line-height: 2;
    border: 1px solid #eee;
    border-radius: .25em;
    margin: 2em 0 1em
}

.stui-ranking_title.tab_title li {
    justify-content: center;
    border-left: 1px solid #eee;
    cursor: pointer;
    transition: all .2s
}

.stui-ranking_title.tab_title li:hover {
    color: #ffba47
}

.stui-ranking_title.tab_title li.active {
    color: #ffba47;
    background-color: #f9f9f9
}

.stui-ranking_title.tab_title li:first-child {
    border: none
}

.stui-ranking .top .stui-vodlist__thumb {
    padding-top: 40%;
    margin-right: .5em
}

.stui-ranking div.top .stui-vodlist__thumb:before {
    content: '1';
    background-color: #ffba47;
    color: #fff;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 1.5em;
    height: 1.5em;
    border-radius: 0 0 3px 3px;
    text-align: center
}

.stui-ranking .top p {
    font-size: 12px;
    margin: 5px 0;
    overflow: hidden;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    white-space: nowrap
}

.stui-ranking ol {
    list-style: none;
    counter-reset: li;
    margin-top: 1em
}

.stui-ranking ol li::before {
    content: counter(li);
    color: #fff;
    display: inline-block;
    width: 1.5em;
    height: 1.5em;
    border-radius: 3px 0 3px 3px;
    text-align: center;
    margin-left: -1em;
    margin-right: .5em;
    background-color: #999;
    padding: 2px
}

.stui-ranking ol li.first::before {
    background-color: #f30641
}

.stui-ranking ol li.second::before {
    background-color: #f76200
}

.stui-ranking ol li.third::before {
    background-color: #f79b00
}

.stui-ranking ol li {
    padding: 1em 0 .5em 1em;
    counter-increment: li
}

.stui-ranking li a {
    width: 65%;
    overflow: hidden;
    white-space: nowrap;
    display: inline-block;
    text-overflow: ellipsis;
    color: #333;
    vertical-align: top
}

.stui-ranking.stui-ranking_block ol {
    width: 30%
}

.stui-ranking li.top {
    position: relative;
    display: flex;
    flex-direction: row;
    padding: 0;
    margin-bottom: 1em;
    padding-bottom: 1em;
    border-bottom: 1px solid #eee
}

.stui-ranking li.top:before {
    position: absolute;
    top: 0;
    left: 1em;
    z-index: 5
}

.stui-ranking li.top a.stui-vodlist__thumb {
    width: 30%
}

.stui-ranking li.top .intro {
    width: 65%;
    display: inline-flex;
    position: relative;
    flex-direction: column
}

.stui-ranking li.top .intro a {
    width: 100%;
    white-space: normal
}

.stui-ranking li.top .intro span {
    display: flex;
    flex-direction: column;
    position: absolute;
    bottom: 0;
    line-height: 1;
    color: #777
}

.stui-ranking small {
    font-size: 1em;
    color: #9c9c9c;
    width: 25%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-align: right
}

.ranking .tab-content {
    display: none
}

.ranking .tab-content:first {
    display: block
}

.stui-content {
    background-color: #fbfafa;
    padding: 2em 0
}

.stui-content__item {
    display: flex;
    flex-direction: row
}

.stui-content__detail,
.stui-content__thumb,
.stui-content__side {
    display: inline-flex;
    position: relative
}

.stui-content__thumb .pic {
    display: block;
    width: 220px;
    height: 0;
    padding-top: 142%;
    position: relative;
    box-shadow: 2px 2px 3px rgba(0, 0, 0, .3);
    background: url(../img/load.gif) no-repeat;
    background-position: 50% 50%;
    background-size: cover
}

.stui-content__thumb .pic img {
    height: 100%;
    position: absolute;
    top: 0
}

.stui-content__thumb .play {
    display: block;
    position: absolute;
    top: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    /* background: rgba(0, 0, 0, .1) url(../img/play.png) center no-repeat */
}

.stui-content__thumb .user_favs {
    display: flex;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 2em;
    justify-content: center;
    align-items: center;
    background-color: #ffba47;
    z-index: 1
}

.stui-content__thumb .user_favs:hover {
    color: #fff
}

.stui-content__thumb .user_favs:focus,
.stui-content__thumb .user_favs:active {
    color: rgba(0, 0, 0, .5)
}

.stui-content__thumb .user_favs i {
    font-size: 1.25em;
    margin-right: 5px
}

.stui-content__thumb .play-now {
    position: absoluteF;
    bottom: 0;
    background-color: rgba(0, 0, 0, .4);
    color: #fff;
    width: 100%;
    height: 2em;
    line-height: 2em;
    display: none;
    text-align: center
}

.stui-content__thumb .play-now i {
    margin-right: 5px
}

.stui-content__side {
    width: 240px;
    padding-top: 80px;
    text-align: center;
    background-color: #444
}

.stui-content__detail {
    padding: 0 20px;
    flex-direction: column;
    color: #000;
    width: 100%
}

.stui-content__detail i {
    color: #757575;
    font-style: normal;
    transition: all .3s
}

.stui-content__detail a {
    color: #000;
    transition: all .3s
}

.stui-content__detail a:hover,
.stui-content__detail a:hover i {
    color: #ffba47
}

.stui-content__detail .title {
    margin: 0 0 10px;
    font-size: 1.25em;
    color: #000;
    height: 1.5em
}

.stui-content__detail .data {
    margin-bottom: 10px
}

.stui-content__detail .desc {
    padding-left: 42px;
    line-height: 25px
}

.detail-sketch,
.detail-content {
    color: #000
}

.stui-content__detail .desc .left {
    margin-left: -42px
}

.stui-content__detail .play-btn {
    padding-left: 42px;
    margin-top: 20px
}

.stui-content__detail .play-btn a {
    display: inline-block;
    padding: 6px 25px;
    border-radius: 5px;
    background-color: #ffba47;
    font-size: 12px;
    color: #333
}

p.desc.detail-m {
    display: none
}

.stui-content__detail .title .douban__area {
    display: flex;
    align-items: flex-end
}

.douban__area img {
    margin-left: .5em
}

.douban__area span,
.douban__area span {
    font-size: 1.5rem;
    font-weight: 700
}

.stui-content__detail .data .taga {
    letter-spacing: normal;
    margin: 0 4px 4px 0;
    padding: 5px 8px;
    background-color: #ffba47;
    color: #fff;
    border-radius: 2px
}

.stui-player {
    position: relative;
    z-index: 2;
    margin-top: 2em
}

.stui-player__block {
    position: relative;
    overflow: hidden;
    margin-top: -60px;
    padding-top: 60px
}

.stui-player__bg {
    width: 120%;
    height: 120%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    -webkit-filter: blur(30px);
    -moz-filter: blur(30px);
    -o-filter: blur(30px);
    -ms-filter: blur(30px);
    filter: blur(30px);
    background-color: #000
}

.stui-player__bg:after {
    content: '';
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .5);
    position: absolute;
    top: 0;
    left: 0
}

.stui-player__video {
    background-color: #000
}

.stui-player__left {
    position: relative;
    width: 100%
}

.stui-player__side {
    position: relative;
    float: left;
    width: 25%;
    background-color: #333
}

.stui-player__side .tab {
    padding: 15px;
    border-bottom: 1px solid #434145
}

.stui-player__side .tab li {
    float: left;
    padding-right: 20px
}

.stui-player__side .tab li a {
    position: relative;
    font-size: 16px;
    color: #757575
}

.stui-player__side .tab li.active a:before {
    content: " ";
    position: absolute;
    left: 25%;
    bottom: -15px;
    width: 50%;
    height: 2px;
    background-color: #ffba47
}

.stui-player__side .tab li.active a {
    color: #ffba47
}

.stui-player__side .item {
    display: none;
    position: relative;
    padding: 15px 10px
}

.stui-player__side .item.active {
    display: block
}

.stui-player__side .item .head {
    position: relative;
    padding-bottom: 10px
}

.stui-player__side .item .head h3 {
    margin: 0;
    color: #757575
}

.stui-player__side .item .head .switch-line {
    margin-top: 5px
}

.stui-player__side .item .tab-top {
    display: none;
    position: absolute;
    z-index: 999;
    top: 100%;
    right: 0;
    padding: 10px 15px;
    border-radius: 3px;
    background-color: #fff;
    box-shadow: 0 2px 5px rgba(0, 0, 0, .2)
}

.stui-player__side .item .tab-top:after {
    content: " ";
    width: 10px;
    height: 10px;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    position: absolute;
    top: -5px;
    right: 15px;
    background-color: #fff
}

.stui-player__side .item .tab-top li {
    line-height: 25px;
    border-bottom: 1px solid #eee;
    text-align: center
}

.stui-player__side .item .tab-top li:last-child {
    border-bottom: 0
}

.stui-player__side .item .tab-top li a {
    font-size: 12px
}

.stui-player__side .item .tab-top li a:hover {
    color: #ffba47
}

.stui-player__side .cont {
    display: none
}

.stui-player__side .cont.active {
    display: block
}

.stui-player__detail {
    padding: 20px 0
}

.stui-player__detail .title {
    margin: 0 0 10px;
    font-size: 18px;
    color: #fff;
    font-weight: 700
}

.stui-player__detail .more {
    float: right;
    padding-top: 10px
}

.stui-player__detail .more a {
    display: inline-block;
    padding: 6px 15px;
    margin-left: 10px;
    border-radius: 3px;
    background-color: #fefefe;
    border: 1px solid #efefef;
    color: #999
}

.stui-player__detail .more a:hover {
    background-color: #efefef
}

.stui-player__detail .data,
.stui-player__detail .data a {
    color: #ccc
}

.stui-player__detail .data span {
    padding-right: .5em;
    margin-left: .5em
}

.stui-player__detail .data span:first-child {
    margin: 0
}

.stui-player__detail .data span b {
    color: #fff
}

.stui-player__detail .data-more {
    padding-top: 10px
}

.stui-player__detail .play-btn {
    line-height: 3em;
    border-radius: 3px;
    background-color: #ffba47;
    color: #fff;
    display: none
}

.mo-tab_title {
    display: block
}

.mo-tab_title ul {
    display: flex;
    flex-direction: row;
    line-height: 2.5;
    background-color: #fff;
    border-bottom: 1px solid #eee;
    margin-top: 1rem
}

.mo-tab_title li {
    text-align: center;
    flex-grow: 0;
    justify-content: center;
    font-size: 16px;
    padding: 0 1rem;
    cursor: pointer
}

.mo-tab_title li:first-child {
    border: none
}

.mo-tab_title i {
    margin-right: 5px
}

.mo-tab_title li.active {
    border-bottom: 2px solid #ffba47
}

.mo-tab_title li.active i {
    color: #ffba47
}

.mo-tab_content {
    background-color: #fff;
    display: none
}

.mo-tab_content .stui-vodlist__head {
    display: none
}

.play-content h3 {
    font-size: 16px;
    color: #000
}

.play-content ul.stui-play__list {
    margin: 2rem 0
}

.playlist__item_title {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: wrap
}

.playlist__item_title li {
    display: inline-flex;
    align-items: baseline;
    font-size: 14px;
    padding: .5em 1em;
    margin: 0 5px .5em 0;
    border-radius: 2em;
    cursor: pointer;
    flex-shrink: 0;
    transition: background .3s
}

.playlist__item_title li:hover {
    background-color: #eee;
    transition: background .3s
}

.playlist__item_title li.active,
.playlist__item_title li.active:hover {
    background-color: #ffba47
}

.playlist__item_title li .icon {
    padding-top: 0;
    font-size: 14px;
    margin-right: 5px
}

.play-item.cont .stui-play__list {
    display: none
}

.play-item.cont .stui-play__list:first-child {
    display: block
}

.stui-play__list li {
    display: inline-flex;
    padding: .5em;
    width: 24%
}

.stui-play__list li.down {
    float: none;
    width: 100%
}

.stui-play__list li a {
    display: block;
    width: 100%;
    color: #000;
    padding: .5em;
    border-radius: 3px;
    text-align: center;
    border: 1px solid #eee;
    overflow: hidden;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    white-space: nowrap;
    transition: all .3s;
    background-color: #fbfafa
}

.stui-play__list li a:hover,
.stui-play__list li.active a {
    background-color: #ffba47;
    color: #fff
}

.playlist__item.array {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    margin: 1rem 0
}

.playlist__item .btn {
    padding: .5rem 0
}

.playlist__item .play_msg {
    display: flex;
    width: 100%
}

.comment_form .input_wrap {
    display: flex;
    flex-direction: row;
    align-items: center;
    margin-top: 1rem;
    padding: 1rem;
    background-color: #eee
}

.comment_form .smt.fr {
    border-radius: 5px;
    padding: 0 1em
}

.comment_form .smt.fr input {
    border-radius: 5px;
    border: 1px solid #ccc;
    padding: .5em 1em;
    line-height: 1.5;
    width: 7em
}

.comment_form .smt.fr .mac_verify_img {
    height: 2.5em;
    margin-left: .5em
}

.comment_form .input_wrap .comment_submit {
    border-radius: 5px;
    padding: .5em 1em;
    background-color: #ffba47;
    cursor: pointer
}

.comment_form .input_wrap .comment_submit:hover {
    opacity: .8
}

.comment_form .input_wrap .comment_submit:active {
    color: #fff
}

.mac_comment .thumbs-down {
    transform: rotate(180deg)
}

.mac_comment .cmt_wrap .cmt_item {
    display: flex;
    flex-direction: row;
    border-top: 1px solid #eee;
    padding: 1rem 0
}

.mac_comment .face_wrap {
    margin-right: 1rem
}

.mac_comment .face_wrap img {
    width: 100%
}

.mac_comment .item_con {
    flex: 1
}

.mac_comment .item_con .top {
    display: flex;
    justify-content: space-between
}

.mac_comment .item_con .top .fr {
    color: #999
}

.mac_comment .item_con .gw-action {
    display: flex;
    justify-content: flex-end;
    align-items: center
}

.mac_comment .item_con .gw-action>a {
    margin: 0 .5em
}

.mac_comment .item_con .gw-action .btn,
.mac_comment .item_con .gw-action a {
    color: #999
}

.mac_comment .item_con .gw-action .btn:hover,
.mac_comment .item_con .gw-action .btn:active,
.mac_comment .item_con .gw-action .btn:focus,
.mac_comment .item_con .gw-action a:hover {
    color: #000
}

.mac_pages .smt_wrap {
    display: flex;
    justify-content: center
}

.ui-dialog {
    padding: 0;
    box-shadow: 1px 1px 5px #999;
    font-family: Arial, microsoft jhenghei, 敺株蔓��暺�, stheiti, wenquanyi micro hei;
    font-size: 1rem
}

.ui-widget.ui-widget-content {
    border: none
}

.ui-widget-header {
    background-color: transparent;
    border: none;
    border-bottom: 1px solid #eee
}

.ui-dialog .ui-dialog-titlebar {
    padding: 1rem .5rem
}

.ui-draggable .ui-dialog-titlebar {
    cursor: inherit
}

.ui-dialog .ui-dialog-titlebar-close {
    position: relative;
    right: auto;
    top: auto;
    width: 1rem;
    height: 1rem;
    margin: 0;
    padding: 0;
    overflow: hidden;
    background: 0 0;
    border: none
}

.ui-button .ui-icon.ui-icon-closethick {
    background-image: url(../img/social-close.png);
    background-position: center;
    opacity: .8
}

.ui-button .ui-icon.ui-icon-closethick:hover {
    opacity: .6
}

.ui-button .ui-icon.ui-icon-closethick:active {
    opacity: 1
}

.ui-button-icon-only .ui-icon {
    position: relative;
    display: flex;
    top: unset;
    left: unset;
    margin: 0
}

.ui-dialog .ui-dialog-content {
    margin-top: .5em;
    padding: 2em .5em
}

.message-items input[type=radio]+label {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    border-radius: 2em;
    padding: .5em 1em;
    background-color: transparent;
    cursor: pointer;
    transition: background .3s
}

.message-items input[type=radio]+label:hover {
    background-color: #eee;
    transition: background .3s
}

.message-items input[type=radio]:checked+label {
    background-color: #ffba47;
    transition: background .3s
}

.ui-dialog .ui-dialog-buttonpane {
    display: flex;
    justify-content: center;
    padding: .5em
}

.ui-dialog .ui-dialog-buttonpane button.ui-button {
    background-color: #ffba47;
    border: none
}

.ui-dialog .ui-dialog-buttonpane button.ui-button:hover {
    opacity: .8;
    transition: all .3s
}

.ui-dialog .ui-dialog-buttonpane button.ui-button:active {
    opacity: 1;
    transform: translateY(2px);
    color: inherit
}

.stui-page__item {
    margin: 20px 0
}

.stui-page__item li {
    display: inline-block
}

.stui-page__item li a {
    display: inline-block;
    padding: 6px 15px;
    border-radius: 3px;
    border: 1px solid #eee;
    color: #333
}

.stui-page__item li a:hover {
    color: #ffba47
}

.stui-page__item li.active a,
.stui-page__item li.active span {
    background-color: #ffba47;
    color: #fff
}

.stui-page__item li.active a:hover {
    background-color: #ffba47;
    color: #fff
}

.stui-page__item li.num {
    display: none
}

.stui-page__all a {
    position: absolute;
    top: 50%;
    margin-top: -40px;
    display: block;
    width: 80px;
    height: 80px;
    text-align: center;
    line-height: 80px
}

.stui-page__all a .iconfont {
    font-size: 50px;
    color: #757575
}

.stui-page__all a:hover .iconfont {
    color: #fff
}

.stui-page__all a.left {
    left: 0
}

.stui-page__all a.right {
    right: 0
}

.stui-link__text {
    display: flex;
    text-align: center;
    justify-content: center;
    flex-wrap: wrap
}

.stui-link__text li {
    display: inline-flex;
    margin-right: 20px;
    margin-bottom: 10px;
    flex-shrink: 0
}

.embed-responsive {
    position: relative;
    display: block;
    overflow: hidden;
    padding: 0;
    height: 0
}

.embed-responsive .embed-responsive-item,
.embed-responsive embed,
.embed-responsive iframe,
.embed-responsive object,
.embed-responsive video {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0
}

.embed-responsive-16by9 {
    padding-bottom: 56.25%
}

.embed-responsive-4by3 {
    padding-bottom: 75%
}

.stui-gbook {
    padding: 10px
}

.stui-gbook-form {
    padding-bottom: 20px
}

.stui-gbook-form .form-control {
    width: 100%;
    padding: 10px;
    border: 1px solid #333;
    border-radius: 3px
}

.stui-gbook-form textarea.form-control {
    height: auto
}

.stui-gbook-form li {
    margin-top: 15px
}

.stui-gbook-form li:first-child {
    margin-top: 0
}

.stui-gbook-form li .submit {
    padding: 0 25px;
    height: 35px;
    line-height: 35px;
    border: 0;
    border-radius: 3px;
    cursor: pointer;
    background-color: #ffba47
}

.stui-gbook__item {
    padding: 10px 0;
    border-top: 1px dotted #333
}

.stui-gbook__item .name {
    color: #757575
}

.stui-gbook__item .cont {
    position: relative;
    margin: 10px 0;
    padding: 20px;
    border-radius: 3px;
    border: 1px solid #999
}

.stui-gbook__item .cont:before {
    content: " ";
    width: 10px;
    height: 10px;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    border-width: 1px 1px 0 0;
    position: absolute;
    top: -5px;
    left: 10px;
    border-style: solid;
    background-color: #1c1b1e;
    border-color: #1c1b1e
}

.stui-gbook__item .cont p {
    margin: 10px 0 0
}

.header_slide {
    margin-top: -80px;
    padding: 0;
    margin-bottom: 2rem
}

.header_slide .item {
    width: 100%;
    padding-top: 28.5%;
    position: relative;
    overflow: hidden
}

.header_slide .item img {
    position: absolute;
    width: 100%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.header_slide .item h2 {
    position: absolute;
    width: auto;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    padding: 0 .5em;
    margin: 0;
    font-size: 16px;
    line-height: 2;
    text-align: center;
    background-color: rgba(0, 0, 0, .3);
    color: #fff
}

.header_slide .owl-nav {
    position: absolute;
    top: 50%;
    width: 100%;
    font-size: 5em;
    color: rgba(0, 0, 0, .3);
    display: flex;
    justify-content: space-between
}

.header_slide .owl-nav button {
    margin: 0 .5em;
    transition: all .3s
}

.header_slide .owl-nav button:hover {
    color: #fff!important;
    text-shadow: 0 0 3px #999;
    transition: all .3s
}

.header_slide .owl-dots {
    display: flex;
    justify-content: center;
    position: absolute;
    width: 100%;
    margin-top: -1.5em
}

.header_slide .owl-dot {
    width: 1em;
    height: 1em;
    border-radius: 50%;
    margin: 0 5px;
    background-color: rgba(0, 0, 0, .3)!important
}

.header_slide .owl-dot.active {
    background-color: #fff!important
}

.stui-vodlist_slide {
    margin-bottom: 3em
}

.stui-vodlist_slide .owl-nav {
    position: absolute;
    top: 50%;
    left: -1em;
    width: calc(100% + 2em);
    font-size: 4em;
    color: rgba(0, 0, 0, .3);
    display: flex;
    justify-content: space-between
}

.cm_block {
    text-align: center;
    margin-top: 2em;
    margin-bottom: 2em
}

.cm_block.mo {
    display: none
}

.col-xs-wide-3.cm_block {
    margin: 0;
    padding: 1em
}

.col-xs-wide-3.cm_block img {
    width: 100%
}

.log {
    background-color: #f2f2f2;
    margin-bottom: -20px
}

.log .container {
    background-color: #fff;
    padding-bottom: 20px
}

.log .reg-w {
    width: 45%;
    margin: 0 auto;
    padding-top: 2rem
}

.log .bg_org {
    background-color: #ffba47;
    color: #fff
}

.log .bg_org.belt {
    color: #333;
    text-align: center;
    padding: 1em 0
}

.log .user_rights {
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    margin: 1rem auto;
    padding: 1rem 0;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc
}

.log .user_rights li {
    flex-direction: column;
    justify-content: center;
    text-align: center
}

.log .user_rights .bg_org {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 2.5rem;
    height: 2.5rem;
    text-align: center;
    font-size: 1.5rem;
    border-radius: 50%;
    margin: 5px auto
}

.log form,
.log form input {
    font-size: 1rem;
    line-height: 2
}

.log form input:focus {
    outline: #ffba47 3px solid
}

.log form .reg-group {
    margin-bottom: 1rem;
    display: flex;
    flex-direction: column
}

.log form label {
    display: flex;
    align-items: baseline
}

.log form label small {
    font-size: 12px;
    color: #999;
    margin-left: auto
}

.log form input {
    border: 1px solid #ccc;
    border-radius: 5px;
    padding: .25rem .5rem
}

.log form input[type=button] {
    border: none;
    background-color: #ffba47;
    cursor: pointer
}

.log form input[type=button][disabled] {
    background-color: #ccc;
    cursor: initial
}

.log form .reg-group.reg_verify {
    flex-direction: row;
    flex-wrap: wrap
}

.log form .reg-group.reg_verify label {
    display: flex;
    width: 100%
}

.log form .reg-group.reg_verify>input {
    display: inline-flex;
    flex-grow: 1;
    margin-right: 1rem
}

.log form .reg-group.reg_verify>img {
    display: inline-flex;
    width: auto;
    height: 100%
}

.log form .btn-group {
    flex-direction: row;
    justify-content: space-between;
    margin: 3rem 0 2rem
}

.log form .btn-group .btn {
    color: #333;
    border-radius: 5px;
    width: 50%;
    justify-content: center;
    align-items: center
}

.log form .btn-group .btn-brand {
    background-color: #ffba47;
    border: 1px solid #ffba47
}

.log form .btn-group .btn-brand-bd {
    border: 1px solid #ffba47;
    margin-right: 1rem
}

.findpass {
    background-color: #f2f2f2;
    margin-bottom: -20px
}

.findpass .container {
    background-color: #fff;
    padding-bottom: 20px
}

.findpass .reg-w {
    width: 45%;
    margin: 0 auto;
    padding-top: 2rem
}

.findpass .bg_org {
    background-color: #ffba47;
    color: #fff
}

.findpass .bg_org.belt {
    color: #333;
    text-align: center;
    padding: 1em 0
}

.findpass .user_rights {
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    margin: 1rem auto;
    padding: 1rem 0;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc
}

.findpass .user_rights li {
    flex-direction: column;
    justify-content: center;
    text-align: center
}

.findpass .user_rights .bg_org {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 2.5rem;
    height: 2.5rem;
    text-align: center;
    font-size: 1.5rem;
    border-radius: 50%;
    margin: 5px auto
}

.findpass form,
.log form input {
    font-size: 1rem;
    line-height: 2
}

.findpass form input:focus {
    outline: #ffba47 3px solid
}

.findpass form .reg-group {
    margin-bottom: 1rem;
    display: flex;
    flex-direction: column
}

.findpass form label {
    display: flex;
    align-items: baseline
}

.findpass form label small {
    font-size: 12px;
    color: #999;
    margin-left: auto
}

.findpass form input {
    border: 1px solid #ccc;
    border-radius: 5px;
    padding: .25rem .5rem
}

.findpass form input[type=button] {
    border: none;
    background-color: #ffba47;
    cursor: pointer
}

.findpass form input[type=button][disabled] {
    background-color: #ccc;
    cursor: initial
}

.findpass form .reg-group.reg_verify {
    flex-direction: row;
    flex-wrap: wrap
}

.findpass form .reg-group.reg_verify label {
    display: flex;
    width: 100%
}

.findpass form .reg-group.reg_verify>input {
    display: inline-flex;
    flex-grow: 1;
    margin-right: 1rem
}

.findpass form .reg-group.reg_verify>img {
    display: inline-flex;
    width: auto;
    height: 100%
}

.findpass form .btn-group {
    flex-direction: row;
    justify-content: space-between;
    margin: 3rem 0 2rem
}

.findpass form .btn-group .btn {
    color: #333;
    border-radius: 5px;
    width: 50%;
    justify-content: center;
    align-items: center
}

.findpass form .btn-group .btn-brand {
    background-color: #ffba47;
    border: 1px solid #ffba47
}

.findpass form .btn-group .btn-brand-bd {
    border: 1px solid #ffba47;
    margin-right: 1rem
}

.pop {
    display: none;
    position: fixed;
    top: 50%;
    left: 50%;
    background-color: #fff;
    transform: translate(-50%, -50%);
    border-radius: 5px;
    overflow: hidden;
    box-shadow: 2px 2px 5px #999;
    z-index: 999;
    max-width: 400px;
    width: 80%
}

.pop_content_title {
    font-size: 1.5rem;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    padding: 1.1rem;
    border-bottom: 1px solid #ccc
}

.pop .close {
    color: #757575;
    padding: 0;
    display: inline-flex;
    font-size: inherit
}

.pop_content_content .link {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    font-size: 12px
}

.pop_content_content .link a {
    margin-left: 1rem
}

.pop_content_content .link a:hover {
    color: #ffba47
}

.pop_content_content .mac_login {
    width: 100%;
    height: auto;
    padding: 1rem
}

.pop_content_content .mac_login .btn-group input[type=button] {
    flex: 1
}

#member #right .title {
    display: flex;
    justify-content: space-between;
    flex-direction: row;
    align-items: center
}

#member #right small {
    font-size: 12px
}

#member #right .edit_block {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    overflow: hidden
}

#member #right .edit_block .gong {
    transform: translateX(100%);
    transition: all .3s
}

#member #right .edit_block .gong.show {
    transform: translate(0)
}

#member #right .edit_block .btn {
    padding: 0 0 0 1rem;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    background-color: #fff;
    z-index: 1
}

#member #right .edit_block .btn:hover {
    opacity: 1
}

#member #right .edit_block .btn .menu_icon {
    width: 1.2rem;
    height: 3px;
    background-color: #666;
    border-radius: 3px;
    transition: transform .3s;
    transform-origin: left
}

#member #right .edit_block .btn .before {
    transform: translate(0px, -1px) rotate(45deg)
}

#member #right .edit_block .btn .after {
    transform: translate(0, 3px) rotate(-45deg)
}

#form1 {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap
}

#form1 ul {
    position: relative;
    flex-direction: column;
    width: 20%;
    justify-content: space-between;
    align-items: center;
    padding: 1rem
}

#form1 ul li.pic {
    position: relative;
    padding-top: 150%;
    overflow: hidden
}

#form1 ul li.pic .picArea.ashow {
    pointer-events: none
}

#form1 ul li.pad {
    width: 100%;
    height: 2em;
    line-height: 2;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

#form1 ul li.pad.actor {
    color: #999
}

#form1 ul li.edit_select,
#form1 ul li.edit_delete {
    position: absolute;
    display: none
}

#form1 ul li.edit_select {
    z-index: 1
}

#form1 ul li.edit_select input {
    width: 25px;
    height: 25px
}

#form1 ul li.edit_delete {
    right: 1.5rem;
    bottom: 5rem;
    text-shadow: 1px 1px 3px #000
}

#form1 ul li.edit_delete i {
    color: #fff
}

#form1 ul img {
    height: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.cur form#fm p {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    text-align: left
}

.cur form#fm p span {
    display: flex;
    justify-content: space-between;
    align-items: center
}

.cur form#fm p input {
    width: 100%
}

.cur form#fm p.verify {
    flex-direction: row;
    justify-content: space-between
}

.cur form#fm p.verify input {
    width: auto;
    flex: 1
}

.cur form#fm p.verify input:first-child {
    flex: 2;
    margin-right: .5em
}

@media(min-width:768px) {
    .container {
        width: 750px
    }
}

@media(min-width:992px) {
    .container {
        width: 920px
    }
}

@media(min-width:1200px) {
    .container {
        width: 1170px
    }
    .stui-header__menu li a {
        font-size: 16px
    }
}

@media(max-width:1200px) {
    .stui-page__all,
    .stui-content__side {
        display: none
    }
    .cm_block {
        max-width: 100%
    }
    .cm_block img {
        max-width: 100%
    }
}

@media(max-width:1024px) {
    .header_slide .item {
        padding-top: 40%
    }
    .header_slide .owl-dots {
        margin-top: -1.5em
    }
    .header_slide .owl-dot {
        height: .75em;
        width: .75em
    }
    .header_slide .item h2 {
        bottom: 2em
    }
    .header_slide .item img {
        width: auto;
        height: 100%
    }
    .stui-header .row>* {
        margin-left: 1em
    }
    .stui-header__menu li {
        margin-right: 1em
    }
    .stui-header__menu li a {
        font-size: 14px
    }
    .stui_header__search input {
        width: 10em
    }
    .stui-screen .item ul {
        width: 100%;
        width: 100%;
        white-space: nowrap;
        overflow-y: hidden;
        overflow-x: scroll;
        -webkit-overflow-scrolling: touch
    }
    .stui-screen .item ul li {
        float: none;
        display: inline-block;
        margin-bottom: 0
    }
    .stui-screen .item ul li a {
        padding-left: 10px
    }
    .stui-vodlist_slide .owl-nav {
        width: calc(100% + 1em);
        left: -.5em
    }
    .stui-vodlist li {
        width: 25%
    }
    .stui-vodlist li.index {
        width: 50%
    }
    .stui-vodlist li.topic {
        width: 50%
    }
    .stui-player__left {
        width: 100%
    }
    .stui-player__side {
        width: 100%;
        background-color: #333
    }
    .stui-player__detail .more a.menu-switch {
        display: none
    }
    .stui-player__detail .title {
        margin: 0 0 5px
    }
    #play-box .item {
        min-height: 200px
    }
    .stui-play__list li {
        width: 20%
    }
}

@media(max-width:767px) {
    body {
        padding-top: 60px;
        background-color: #f5f5f5
    }
    .row {
        margin-right: 0;
        margin-left: 0
    }
    .container {
        padding-left: 0;
        padding-right: 0
    }
    .stui-pannel__bd {
        padding: 0 5px
    }
    .play-bg {
        display: none
    }
    .col-xs-wide-75 {
        width: 100%
    }
     ::-webkit-scrollbar {
        height: 2px;
        background-color: transparent;
        opacity: 0
    }
     ::-webkit-scrollbar-thumb {
        width: 1px;
        background-color: rgba(252, 252, 252, .3)
    }
    .head_block {
        height: 60px
    }
    .stui-header .row>* {
        margin: 0
    }
    .stui-header {
        margin-bottom: 10px;
        margin-top: 10px
    }
    .stui-header__logo {
        width: 30%
    }
    .stui-header__logo .logo {
        width: 100%;
        height: 40px;
        background: url(../img/higu.svg) no-repeat;
        background-position: left;
        background-size: auto 100%
    }
    .stui_header__search {
        width: auto;
        display: inline-flex;
        flex-shrink: 1
    }
    .stui_header__search .form-control {
        height: 2.5em;
        padding: 0;
        background-color: #eee
    }
    .stui_header__search:before {
        left: 3em;
        border-color: #333 transparent transparent transparent
    }
    .stui_header__search input {
        flex-grow: 1
    }
    .stui_header__search select {
        padding-left: 1em;
        width: 5em;
        border-right: 1px solid #ccc
    }
    .stui_header__search option {
        color: #333
    }
    .stui_header__search .submit {
        width: 2rem;
        margin-left: -2rem
    }
    .stui_header__search .submit i {
        font-size: 12px;
        color: #333
    }
    .stui_header__user {
        margin-top: 5px;
        margin-right: 10px;
        align-self: flex-end
    }
    .stui_header__user>a {
        margin-right: 5px
    }
    .stui_header__user>a .iconfont {
        font-size: 22px
    }
    .stui_header__user>span {
        font-size: 18px;
        color: #757575
    }
    .stui_header__user .dropdown.history {
        right: 5px
    }
    .stui-header__menu {
        display: none
    }
    .stui-header__menu-btn {
        display: inline-flex;
        width: 2rem;
        height: 2rem;
        font-size: 16px;
        align-items: center;
        justify-content: center
    }
    .stui-header__menu-m {
        width: 100%
    }
    .stui-header__menu-m .row {
        display: block;
        width: 100%
    }
    .stui-header__menu-m {
        background-color: #fff;
        box-shadow: 0 0 3px rgba(0, 0, 0, .3);
        height: 3em
    }
    .stui-header__menu-m .row {
        margin: 0;
        height: 100%
    }
    .stui-header__menu-m ul {
        display: flex;
        width: 100%;
        height: 100%;
        flex-direction: row;
        justify-content: space-around;
        align-items: center
    }
    .stui-header__menu-m li,
    .stui-header__menu-m li a {
        display: flex;
        height: 100%
    }
    .stui-header__menu-m li {
        align-items: center
    }
    .stui-header__menu-m a {
        font-size: 14px;
        position: relative;
        align-items: center
    }
    .stui-header__menu-m li a:hover,
    .stui-header__menu-m li.active a {
        color: #ffba47
    }
    .stui-header__menu-m li.active a:before {
        content: " ";
        position: absolute;
        left: 5%;
        bottom: 0;
        width: 90%;
        height: 3px;
        background-color: #ffba47;
        border-radius: 3px
    }
    .head_block.empty .stui-header__menu-btn {
        color: #fff
    }
    .head_block.empty .stui-header__menu-m {
        background-color: rgba(255, 255, 255, .5)
    }
    .head_block.empty .stui_header__search:before {
        left: 3em;
        border-color: #333 transparent transparent transparent
    }
    .head_block.empty .stui_header__search select {
        border-right: 1px solid #ccc;
        color: #333
    }
    .head_block.empty .stui_header__search imput {
        color: #000
    }
    .head_block.empty .stui_header__search .submit i.icon {
        color: #333
    }
    .header_slide {
        margin-top: 0
    }
    .header_slide .item {
        padding-top: 42.5%
    }
    .header_slide .owl-item {
        overflow: hidden
    }
    .header_slide .item img {
        width: 150%;
        height: auto!important;
        object-fit: cover
    }
    .header_slide .item h2 {
        font-size: 14px;
        padding-top: unset
    }
    .header_slide .owl-nav {
        display: none
    }
    .header_slide .owl-dots {
        margin-top: .5em
    }
    .header_slide .owl-dot {
        width: .5em;
        height: .5em;
        border-radius: 50%;
        margin: 0 5px
    }
    .stui-vodlist_slide .owl-nav {
        display: none
    }
    .search__tag {
        display: flex;
        flex-wrap: wrap;
        font-size: 12px;
        background-color: transparent;
        align-items: baseline
    }
    .search__tag a {
        margin: 0 5px 5px 0;
        padding: 5px 1em;
        border-radius: 2em;
        background-color: #fcfcfc
    }
    .dropdown.search,
    .dropdown.type {
        right: -60px
    }
    .dropdown.search:after,
    .dropdown.type:after {
        right: 65px
    }
    .stui-screen {
        margin: 1em 0;
        padding: 0 5px
    }
    .stui-screen.head {
        padding: 0 10px;
        letter-spacing: normal
    }
    .stui-screen.head .all {
        display: none
    }
    .stui-screen .item ul {
        padding: 10px
    }
    .stui-screen .item .menu_shift {
        display: flow-root
    }
    .stui-screen.head .item ul li {
        padding: 5px 1em
    }
    .stui-screen.head .item ul li a {
        padding: 0
    }
    .stui-vodlist li {
        padding: 5px;
        width: 33.333333%
    }
    .stui-vodlist_art li {
        padding: 5px;
        width: 33.333333%
    }
    .stui-vodlist li.index {
        width: 100%
    }
    .stui-vodlist li.like {
        width: 33.333333%
    }
    .stui-vodlist__thumb.active {
        padding-top: 50%
    }
    .stui-vodlist__detail {
        padding: 5px 10px
    }
    .stui-vodlist__detail .title {
        font-size: 12px
    }
    .stui-vodlist__detail.index .title {
        margin-bottom: 5px
    }
    .stui-vodlist__head {
        margin: 0
    }
    .stui-vodlist__head a.pull-right {
        display: inline-block;
        -webkit-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
        transform: rotate(-90deg)
    }
    .stui-vodlist__head p {
        display: none
    }
    .stui-vodlist__box .stui-vodlist__detail {
        padding: 0 5px
    }
    .stui-vodlist_slide {
        margin-bottom: 0;
        z-index: 9
    }
    .stui-vodlist__box .douban__score {}
    .stui-vodlist__box .imdb__score {
        top: 22px;
        left: 0;
        right: unset
    }
    .stui-content {
        padding: 0
    }
    .stui-content__bg {
        position: absolute;
        width: 110%;
        height: 90%;
        top: 0;
        left: 50%;
        transform: translateX(-50%);
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
        -webkit-filter: blur(30px);
        -moz-filter: blur(15px);
        -o-filter: blur(15px);
        -ms-filter: blur(15px);
        filter: blur(15px)
    }
    .stui-content__bg:after {
        content: '';
        width: 100%;
        height: 120%;
        background: linear-gradient(to top, rgba(255, 255, 255, 1) 15%, rgba(0, 0, 0, 0.3) 30%);
        position: absolute
    }
    .stui-content__item {
        padding: 0 5px;
        flex-wrap: wrap;
        overflow: hidden;
        position: relative
    }
    .stui-content__detail,
    .stui-content__thumb {
        display: block
    }
    .stui-content__thumb {
        width: 40%
    }
    .stui-content__thumb .pic {
        width: 100% !important
    }
    .stui-content__thumb .play-now {
        display: block
    }
    .stui-content__detail {
        padding: 0 10px;
        width: 59%;
        z-index: 1;
        text-shadow: 1px 1px 5px #000
    }
    .stui-content__detail .title {
        margin: 0 0 10px;
        font-size: 14px;
        color: #fff;
        margin-bottom: 10px
    }
    .stui-content__detail,
    .stui-content__detail a,
    .stui-content__detail a:hover,
    .stui-content__detail a:active {
        color: #eee
    }
    .stui-content__detail i {
        display: none
    }
    .stui-content__detail .data {
        font-size: 12px;
        margin-bottom: 5px
    }
    .stui-content__detail .detail {}
    .detail-more {
        display: flex;
        justify-content: center;
        line-height: .5em
    }
    .detail-more.close i {
        -webkit-transform: rotate(-180deg);
        -ms-transform: rotate(-180deg);
        transform: rotate(-180deg);
        display: inline-block
    }
    .detail-more small {
        display: none
    }
    p.desc.detail-m {
        display: block;
        line-height: 1.75;
        margin-top: 0;
        padding: 5px
    }
    .mo-tab_title li {
        flex-grow: 1
    }
    .mac_ulog.user_favs {
        opacity: .9
    }
    .detail-score {
        margin-left: .5em
    }
    .detail-score span {
        font-size: 1.25em;
        font-weight: 700
    }
    .stui-content__detail .data .taga {
        white-space: nowrap;
        line-height: 24px;
        letter-spacing: normal;
        margin: 0 0 4px 0;
        padding: 4px;
        border-radius: 2px
    }
    .comment_form .input_wrap {
        flex-wrap: wrap;
        justify-content: space-between
    }
    .comment_form .smt.fr {
        padding: 0
    }
    .comment_form .input_wrap .comment_submit {
        margin-left: auto
    }
    .stui-player {
        margin-top: 0
    }
    .stui-player {
        padding: 0 5px
    }
    .stui-player__detail {
        padding: 10px
    }
    .stui-player__detail .more {
        float: none;
        margin: -10px -10px 10px;
        padding-bottom: 10px;
        text-align: center;
        background-color: rgba(0, 0, 0, .5);
        display: flex
    }
    .stui-player__detail .more a {
        margin: 0;
        width: 50%;
        background-color: transparent;
        color: #fff;
        border: none;
        border-radius: 0
    }
    .stui-player__detail .more a:first-child {
        border-right: 1px solid rgba(255, 255, 255, .3)
    }
    .stui-player__detail .play-btn {
        display: block
    }
    .stui-play__list li {
        width: 23%
    }
    .play-content {
        padding: 5px 0
    }
    .play-content h3 {
        padding: 0 5px
    }
    .play-content .play-item {
        margin-bottom: 1em
    }
    .playlist__item {
        padding: 1em 5px;
        background-color: #fff;
        border-bottom: 1px solid #eee
    }
    .playlist__item:last-child {
        border: none
    }
    .playlist__item.array {
        padding: 0 5px
    }
    .playlist__item_title {
        flex-wrap: nowrap;
        width: 100%;
        overflow-x: scroll
    }
    .play-content ul.stui-play__list {
        margin: 1em 0
    }
    .play-item.cont .stui-play__list li {
        width: 32.3333%
    }
    .play-content .play_msg {
        padding-top: 12px;
        padding-left: 10px
    }
    .playlist__item .info__left {
        padding-left: 10px
    }
    .playlist__item .info__right {
        padding-right: 10px
    }
    .playlist__item .info__left .info__left__msg {}
    .searchlist {
        padding-right: 5px
    }
    .searchlist li {
        background-color: #fff
    }
    .stui-searchlist__box .stui-vodlist__thumb {
        width: 33%;
        padding-top: 45%
    }
    .searchlist .stui-vodlist__detail {
        width: 67%
    }
    .stui-searchlist__box .stui-vodlist__detail .title a {
        font-size: 14px
    }
    .stui-searchlist__box .stui-vodlist__detail .text {
        font-size: 12px
    }
    .stui-page__item li {
        display: block;
        float: left;
        width: 20%;
        margin: 0;
        padding: 0
    }
    .stui-page__item li a {
        background-color: #fff;
        font-size: 12px
    }
    .stui-page__item li.num {
        display: block
    }
    .stui-gbook {
        padding: 10px
    }
    .stui-gbook__item .cont {
        padding: 10px
    }
    .hidden-xs {
        display: none!important
    }
    .clearfix {
        clear: both
    }
    .cm_block {
        width: 100vw;
        margin: 0
    }
    .cm_block.mo {
        display: block
    }
    .cm_block img {
        width: 100%
    }
    .play-content.col-xs-wide-7 {
        width: 100%
    }
    .douban__pc {
        display: block
    }
    .stui-ranking_title_mob {
        display: flex;
        font-weight: 700;
        font-size: 1.5em;
        line-height: 2;
        padding-left: 20px
    }
    .stui-ranking.stui-ranking_block ol {
        width: 90%;
        padding-left: 20px
    }
    .log .reg-w {
        width: 100%;
        padding: .5em 5px
    }
    #member {
        background-color: #fff
    }
    #member #right {
        padding: 0 5px
    }
    #form1 ul {
        width: 33%;
        padding-left: 4px;
        padding-right: 4px
    }
    #form1 ul li.pad.actor {
        display: none
    }
    #form1 ul li.edit_delete {
        right: .5rem;
        bottom: 3rem
    }
    #form1 ul li.edit_select input {
        width: 25px;
        height: 25px
    }
}

@media(max-width:560px) {
    .mo-tab_title li {
        font-size: 12px
    }
}

.adv-300x250 {
    padding: unset
}

.daily_img {
    background-image: url("../imges/5255cb2bfcdd62f2515c45bf53862a17.jpg");
}

.daily_box {
    width: 130px;
    background-color: #fff;
    padding: 3px;
}

.daily_section {
    float: left;
    padding: 6px;
}

.daily_section .daily_title {
    display: block;
    line-height: 25px;
    text-align: center;
}

.daily_section.active {
    background: #ffbf99;
}

.daily_section.active .daily_title {
    color: #fff;
}

.daily_section.active .daily_title:hover {
    cursor:auto;
}

.daily_section.active .daily_box {
    width: 160px;
    background-color: #fff;
    padding: 3px;
    border-top: 1px solid #dbdbdb;
}

.daily_list {
    overflow: hidden;
    width: 1178px;
}

.daily_head {
    width: 1170px;
    line-height: 50px;
    border-bottom: 1px solid #eaeaea;
}