body,p,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,form,input {
    margin: 0;
    padding: 0;
    font-size: 100%;
}

footer,header,nav,section,img {
    display: block;
}

h1,h2,h3,h4,h5,h6,input,label {
    vertical-align: middle;
    font-weight: 400;
}

ul,dl,ol {
    list-style: none;
}

img {
    vertical-align: middle;
}

input {
    outline: none;
    background: transparent;
    vertical-align: top;
    -webkit-appearance: none;
    border-radius: 0;
    border: none;
    outline: none;
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
}

input::-webkit-input-placeholder {
    color: #848484;
}

.input[placeholder] {
    color: #000;
}

body {
    max-width: 640px;
    position: relative;
    margin: 0 auto;
    background: #f1f1f1;
    -webkit-user-select: none;
    -webkit-overflow-scrolling: touch;
    -webkit-tap-highlight-color: rgba(0,0,0,0.05);
    margin: auto;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

html {
    height: 100%;
    width: 100%;
    color: #000;
    min-width: 320px;
}

html {
    background: #666;
}

a,button,input {
    outline: none;
    color: #000;
}

a,a:visited {
    text-decoration: none;
    color: #000;
}

.clearfix:before,.clearfix:after {
    content: "";
    display: table;
}

.clearfix:after {
    clear: both;
}

.hidden {
    overflow: hidden;
}

html {
    overflow-y: scroll;
    overflow-x: hidden;
}

/*顶部*/
.top {
    background: #222222;
    height: 46px;
    display: flex;
    flex-flow: row;
    justify-content: center;
    align-items: center;
    z-index: 5;
    position: relative;
}

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

.top .logo {
    flex: 1;
}

.top .logo a {
    margin-left: 15px;
    background: url(data:image/png;base64,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) no-repeat;
    display: block;
    height: 27px;
    width: 122px;
    background-size: 100%;
}

.top .btn_group {
    padding-right: 10px;
}

.top .btn_group i {
    width: 46px;
    height: 46px;
    text-align: center;
    font-size: 24px;
    line-height: 46px;
    opacity: 0.8;
    cursor: pointer;
}

.top .btn_group .icon_search {
    background: url(data:image/svg+xml;base64,PHN2ZyBjbGFzcz0iaWNvbiIgdmlld0JveD0iMCAwIDEwMjQgMTAyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMzIiIGhlaWdodD0iMzIiPjxwYXRoIGQ9Ik03OTcuNTI1IDc1Mi4yNjdjNjIuMDctNzIuNzM2IDk3LjI4LTE2NS4wMDMgOTcuMjgtMjYyLjE4Ny4wMTEtMjIzLjU1Mi0xODEuMTg0LTQwNC43NDctNDA0LjcyNS00MDQuNzQ3LTIyMy41NDEgMC00MDQuNzQ3IDE4MS4yMDYtNDA0Ljc0NyA0MDQuNzM2IDAgMjIzLjU0MiAxODEuMjA2IDQwNC43NTggNDA0LjczNiA0MDQuNzU4YTQwNC42OTMgNDA0LjY5MyAwIDAgMCAxMTguMjA4LTE3LjU0NyAzMiAzMiAwIDAgMC0xOC42NjYtNjEuMjE2IDM0MC42OTMgMzQwLjY5MyAwIDAgMS05OS41NDIgMTQuNzYzYy0xODguMTgxLS4wMTEtMzQwLjczNi0xNTIuNTY2LTM0MC43MzYtMzQwLjc1OCAwLTE4OC4xODEgMTUyLjU1NS0zNDAuNzM2IDM0MC43MzYtMzQwLjczNiAxODguMTkyIDAgMzQwLjc1OCAxNTIuNTU1IDM0MC43NTggMzQwLjczNiAwIDg5LjI4LTM1LjM4MiAxNzMuNjk2LTk3LjE0MiAyMzcuMzIzYTM2Ljk5MiAzNi45OTIgMCAwIDAgLjM4NCA1MS45MjVsMTQ5Ljk3NCAxNDkuOTc0YTMyIDMyIDAgMCAwIDQ1LjI1OC00NS4yNDhMNzk3LjUyNSA3NTIuMjY3eiIgZmlsbD0iI2ZmZiIvPjwvc3ZnPg==) center no-repeat;
    background-size: 26px 26px;
}

.top .btn_group .icon_playlist {
    background: url(data:image/svg+xml;base64,PHN2ZyBjbGFzcz0iaWNvbiIgdmlld0JveD0iMCAwIDEwMjQgMTAyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMzIiIGhlaWdodD0iMzIiPjxwYXRoIGQ9Ik04MjIuNDk2IDQ3My4xNTJsNTIuMDUzIDI5LjI5Qzg2OS40NjEgMzA2LjU2IDcwOS4xIDE0OS4zMzQgNTEyIDE0OS4zMzRjLTIwMC4yOTkgMC0zNjIuNjY3IDE2Mi4zNjgtMzYyLjY2NyAzNjIuNjY3UzMxMS43MDEgODc0LjY2NyA1MTIgODc0LjY2N2MxMjIuNTM5IDAgMjM0LjY0NS02MS4xOTUgMzAxLjU3OS0xNjEuMTUyYTMyIDMyIDAgMSAxIDUzLjE3MyAzNS42MTZDNzg4LjA2NCA4NjYuNjM1IDY1Ni4xMTcgOTM4LjY2NyA1MTIgOTM4LjY2N2MtMjM1LjYzNyAwLTQyNi42NjctMTkxLjAzLTQyNi42NjctNDI2LjY2N1MyNzYuMzYzIDg1LjMzMyA1MTIgODUuMzMzIDkzOC42NjcgMjc2LjM2MyA5MzguNjY3IDUxMmMwIDEwLjk1NS0uODU0IDI2LjM1Ny0yLjUxOCA0Ni41MjgtMS45MyAyMy4yNDMtMjcuMjc0IDM2LjY4My00Ny41OTQgMjUuMjQ4bC05Ny40NTEtNTQuODQ4YTMyIDMyIDAgMSAxIDMxLjM5Mi01NS43ODd6bS00OTMuMTIgMTc2LjIxM0w0ODAgNDk4Ljc2M1YzMjBhMzIgMzIgMCAwIDEgNjQgMHYxOTJhMzIgMzIgMCAwIDEtOS4zNzYgMjIuNjI0bC0xNjAgMTYwYTMyIDMyIDAgMSAxLTQ1LjI0OC00NS4yNDh6IiBmaWxsPSIjZmZmIi8+PC9zdmc+) center no-repeat;
    background-size: 26px 26px;
}

/*顶部菜单*/
.top_bar {
    background-image: -webkit-linear-gradient(top,#222222 0%,#333333 100%);
    height: 44px;
}

.top_bar a {
    display: block;
    float: left;
    width: 20%;
    height: 44px;
    line-height: 44px;
    text-align: center;
    color: rgba(255,255,255,0.6);
    position: relative;
}

.top_bar a::after {
    content: "";
    width: 1px;
    height: 16px;
    position: absolute;
    right: 0;
    top: 50%;
    background: #444;
    transform: translateY(-50%);
}

.top_bar a:last-child::after {
    width: 0;
}

.top_bar a.current,.top_bar a:hover {
    color: #f93;
}

/*搜索弹层*/
#search_pop,#history_box {
    position: absolute;
    top: 46px;
    right: 0;
    background: #222222;
    display: none;
    z-index: 5;
}

#search_pop {
    width: 100%;
}

#search_pop form {
    display: flex;
    flex-flow: row;
    justify-content: center;
    align-items: center;
    padding: 0px 15px 10px 15px;
}

#search_pop .s_input {
    text-align: left;
    height: 34px;
    padding: 4px 8px;
    flex: 1;
    background: #333333;
    font-size: 14px;
    border: none;
    border-radius: 6px;
    color: #fff;
    box-sizing: border-box;
}

/*浏览记录*/
#history_box {
    width: 100%;
    background: #fff;
    border-radius: 0 0 10px 10px;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 50px 100px -20px, rgba(0, 0, 0, 0.3) 0px 30px 60px -30px;
}

#history_box .text_list {
    font-size: 14px;
}

#history_box .no_tips {
    padding: 50px 0;
    color: #999;
    text-align: center;
}

#clear_history {
    display: none;
    cursor: pointer;
    color: #f93;
}

/*块*/
.grid_box {
    margin-bottom: 20px;
}

.grid_box header {
    height: 26px;
    line-height: 26px;
    padding: 15px;
}

.grid_box .title {
    color: #000;
    display: inline-block;
    font-weight: 700;
}

.grid_box .more {
    float: right;
    color: #999;
    font-size: 14px;
}

.grid_box .more a {
    height: 26px;
    line-height: 26px;
    padding: 0 8px;
    display: inline-block;
    text-align: center;
    font-size: 12px;
    color: #999;
    background: #fff;
    float: left;
}

.grid_box .more a.current {
    background: #f93;
    color: #fff;
    font-weight: 700;
}

.grid_box .more a:first-child {
    border-radius: 6px 0 0 6px;
}

.grid_box .more a:last-child {
    border-radius: 0 6px 6px 0;
}

.grid_box .bg_f1 a {
    background: #f1f1f1;
}

/*TV格子*/
.tv_list {
    padding: 0 4%;
    font-size: 14px;
}

.tv_list ul {
    padding: 10px;
    background: #f5f5f5;
    ;border-radius: 3px;
    box-shadow: 0 2px 2px #ccc;
    display: flex;
    justify-content: space-between;
    flex-direction: row;
    flex-wrap: wrap;
}

.tv_list ul:after {
    content: "";
    flex: auto;
}

.tv_list ul li {
    width: 50%;
}

.tv_list a {
    background: url(play.png) no-repeat left center;
    background-size: 16px 16px;
    display: block;
    padding-left: 24px;
    line-height: 32px;
    color: #333;
}

/*子分类块*/
.mini_type {
    background: #fff;
    margin: 0px 15px 15px 15px;
    border-radius: 5px;
    padding: 10px 0;
    font-size: 15px;
}

.mini_type a {
    display: inline-block;
    width: 10%;
    text-align: center;
    box-sizing: border-box;
    padding: 6px 0;
}

.mini_type a.current {
    color: #f93;
    font-weight: 700;
}

/*视频列表*/
.v_list {
    font-size: 0;
    padding: 0 15px;
    margin-right: -10px;
}

.v_list li {
    display: inline-block;
    font-size: 0;
    position: relative;
    width: 33.333%;
    padding-right: 10px;
    box-sizing: border-box;
    margin-bottom: 15px;
    transition: transform 0.3s;
}

.v_list li:hover {
    transform: scale(0.95);
}

.v_list .v_title {
    padding-top: 8px;
    font-size: 12px;
    text-align: center;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: normal;
}

.v_list li.li_100 {
    width: 100%;
    margin-left: 0;
}

/*图片盒子*/
.v_img {
    position: relative;
    width: 100%;
    padding-top: 140%;
    overflow: hidden;
}

.v_img img {
    width: 100%;
    height: 100%;
    background: #e1e1e1;
    position: absolute;
    top: 0;
    border-radius: 5px;
}

.v_img .v_note {
    position: absolute;
    right: 0;
    bottom: 0;
    font-size: 10px;
    padding: 2px 6px;
    color: #fff;
    background-image: -webkit-linear-gradient(left, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%);
    border-bottom-right-radius: 5px ;
}

/*pc单独处理*/
.f6t8 li:nth-child(n+7):nth-child(-n+8) {
    display: none;
}

.f9t12 li:nth-child(n+10):nth-child(-n+12) {
    display: none;
}

@media screen and (min-width: 960px) {
    /*列表改为4列*/ .v_list li {
        width:25%;
    }

    .f6t8 li:nth-child(n+7):nth-child(-n+8),.f9t12 li:nth-child(n+10):nth-child(-n+12) {
        display: inline-block;
    }
}

/*分页*/
.page {
    padding: 4%;
    display: inline-block;
    display: -moz-box;
    -moz-box-orient: horizontal;
    display: -webkit-box;
    -webkit-box-orient: horizontal;
    display: box;
    box-orient: horizontal;
    text-align: center;
}

.page a,.page span {
    -webkit-box-flex: 1.0;
    -moz-box-flex: 1.0;
    box-flex: 1.0;
    height: 44px;
    line-height: 44px;
    display: block;
}

.page a {
    background: #fff;
    display: block;
    border-radius: 3px;
    box-shadow: 0 2px 2px #ccc;
}

.page a.disable {
    color: #a1a1a1;
}

.page span {
    color: #999;
}

/*详情页图片资料区*/
.v_info {
    position: relative;
    padding-top: 56.25%;
    background: #000;
    background-image: -webkit-linear-gradient(90deg, #000, #2d3031,#000);
}

.v_info .m_background {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-size: 100%;
    background-position-y: 40%;
    filter: grayscale(80%);
    opacity: 0.5;
}

.v_info .play_btn {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    background: url(data:image/svg+xml;base64,PHN2ZyBjbGFzcz0iaWNvbiIgdmlld0JveD0iMCAwIDEwMjQgMTAyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iNjQiIGhlaWdodD0iNjQiPjxwYXRoIGQ9Ik01MTIgMEMyMjguMDczIDAgMCAyMjguMDczIDAgNTEyczIyOC4wNzMgNTEyIDUxMiA1MTIgNTEyLTIyOC4wNzMgNTEyLTUxMlM3OTUuOTI3IDAgNTEyIDB6bTE5My4xNjQgNTYzLjJMNDg2LjQgNjg4Ljg3M2MtMzkuNTY0IDIzLjI3Mi04OC40MzYtNC42NTUtODguNDM2LTUxLjJWMzg2LjMyN2MwLTQ0LjIxOCA0OC44NzItNzIuMTQ1IDg4LjQzNi01MS4yTDcwNS4xNjQgNDYwLjhjMzcuMjM2IDIzLjI3MyAzNy4yMzYgNzkuMTI3IDAgMTAyLjR6IiBmaWxsPSIjZmZmIi8+PC9zdmc+) no-repeat center;
    background-size: 50px;
}

.v_info_box {
    padding: 15px;
    padding-bottom: 0;
    margin-top: 0;
}

.v_info_box .v_title {
    font-weight: 700;
    font-size: 18px;
    padding-bottom: 5px;
}

.v_info_box p {
    color: #666;
    font-size: 13px;
    word-break: break-all;
}

.v_info_box .go_more {
    color: #000;
    text-decoration: underline;
    cursor: pointer;
    margin-left: 5px;
    font-weight: 700;
}

/*播放源*/
.play_from {
    margin: 0 15px;
    height: 30px;
    border-bottom: 1px solid #ccc;
}

.play_from span,.play_from ul {
    display: inline-block;
    vertical-align: middle;
}

.play_from span {
    font-weight: 700;
    margin-right: 20px;
}

.from_list li {
    display: inline-block;
    padding: 0 8px;
    height: 30px;
    line-height: 30px;
    font-size: 14px;
    color: #444;
}

.from_list li.current {
    color: #f83;
    font-weight: 700;
    border-bottom: 1px solid #f83;
}

.play_list,.large_list {
    padding: 15px;
    padding-bottom: 0%;
    font-size: 0;
}

.play_list li,.large_list li {
    display: none;
}

.play_list li a,.large_list li a {
    display: inline-block;
    width: 15%;
    height: 44px;
    line-height: 44px;
    background: #fff;
    text-align: center;
    margin-bottom: 2%;
    margin-right: 2%;
    font-size: 14px;
    border-radius: 5px;
    font-weight: 700;
    color: #333;
}

.play_list li a:visited,.large_list li a:visited {
    color: #999;
}

.play_list li a:nth-child(6n) {
    margin-right: 0;
}

.play_list li.current,.large_list li.current {
    display: block;
}

.play_list .selected,.large_list .selected {
    font-weight: 700;
    color: #fff;
    background: #f83;
}

.play_list .selected:visited,.large_list .selected:visited {
    color: #fff;
}

/*集数区域扩宽*/
.large_list li a {
    width: 32%;
}

.large_list li a:nth-child(3n) {
    margin-right: 0;
}

/*影片简介*/
.p_txt {
    font-size: 13px;
    padding: 0 15px;
    color: #666;
    border-radius: 5px;
}

/*播放器*/
.player,.shbox,.p_box {
    width: 100%;
    padding-top: 56.25%;
    background: #000;
    position: relative;
    overflow: hidden;
}

.player iframe,.shbox iframe,.p_box iframe {
    position: absolute;
    top: 0;
}

.shbox {
    padding-top: 0;
    height: 45%;
}

.play_tips {
    background: #000;
    color: #848484;
    font-size: 13px;
    padding: 15px;
    text-align: center;
}

.play_tips a {
    color: #f93;
}

/*广告区弹层*/
#ad_pop {
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.9);
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 999999999999999999;
}

#ad_pop .ad_tips {
    width: 100%;
    position: absolute;
    top: 8%;
    left: 0;
    text-align: center;
    color: rgba(255,255,255,0.85);
}

#ad_pop .ad_cbtn {
    position: absolute;
    bottom: 4%;
    left: 0;
    width: 100%;
    text-align: center;
    color: #fff;
}

#ad_pop .ad_con {
    margin-top: 4%;
}

/*文本列表*/
.text_list {
    padding: 0 4%;
}

.text_list li {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAAAJFBMVEX////+9PD96uD73Mz4vqL2sY/0pn/ynHDxh1HweT/sZiPqTgA9ycQ1AAAAl0lEQVR42o3SQQ7EIAxDUYfQEuL733dUNJVACqF/67c0/jUapowNa85ZGOlYqyS7YCSdZEUo5j0W0x4KF/Gxh+kjnl2xpPXNOLL6NmRjUgNAdtvUyQEKNpXvQK8gncDNoDsAtR1AQT0BlH4AkHYAQD0BlAMQy4E6U3CRGRBjCtSZAidzwB0oGlS+H0Zlkw7gTHIAmghX/ADvfBbdSKnmlwAAAABJRU5ErkJggg==) no-repeat left center;
    background-size: 16px 16px;
    display: block;
    padding-left: 24px;
    line-height: 44px;
    border-bottom: 1px solid #e5e5e5;
    position: relative;
}

.text_list li:last-child {
    border: none;
}

.text_list li a {
    display: block;
}

.text_list .v_note {
    font-size: 14px;
    color: #999;
    position: absolute;
    right: 0;
    top: 0;
}

.bg_w {
    background: #fff;
}

.mt0 {
    margin-top: 0px;
}

/*传统tab*/
.type_tab {
    display: flex;
}

.type_tab li {
    flex: 1;
    text-align: center;
    line-height: 44px;
    border: 1px solid #ccc;
    border-right: 0px;
    border-top: 0px;
    background-image: -webkit-linear-gradient(top, rgba(255,255,255,255) 0%, rgba(220,220,220,220) 100%);
}

.type_tab li a {
    color: #666;
    display: block;
}

.type_tab li:first-child {
    border-left: 0px;
}

.type_tab li.current {
    border-bottom: 0px;
    background: #fff;
    font-weight: bold;
}

.type_tab li.current a {
    color: #000;
}

/*底部*/
footer {
    padding: 8% 4%;
    text-align: center;
    font-size: 12px;
    color: #999;
}

footer .links a {
    color: #666;
    padding: 2px;
}

/*公告*/
.tips {
    padding: 10px;
    background: #f8d7da;
    border: 1px solid #f5c6cb;
    font-size: 12px;
    color: #721c24;
    margin: 15px 15px 0 15px;
    border-radius: 5px;
    line-height: 1.5;
}

.tips .title {
    display: inline-block;
    background: #FE2C55;
    color: #fff;
    font-weight: 700;
    font-size: 10px;
    padding: 2px 4px;
    border-radius: 5px;
    margin-right: 5px;
}

.tips .link {
    text-decoration: underline;
    font-size: 14px;
    font-weight: 700;
    padding: 0 5px;
    color: #FE2C55;
}

.tips .link_blue {
    color: blue;
    font-weight: 700;
    font-size: 14px;
}

/*播放提示*/
.safety_tips {
    background: #000;
    color: #dc3545;
    text-align: center;
    font-size: 12px;
    padding: 10px 0;
}

#mask {
    position: absolute;
    width: 100%;
    max-width: 640px;
    height: 100%;
    left: 0;
    top: 0px;
    background: rgba(0,0,0,0.1);
    display: none;
}