/*! normalize.css v1.1.2 | MIT License | git.io/normalize */
html {
    font-size: 100%;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
    font-family: "sans-serif";
}
html,
button,
input,
select,
textarea {
    font-family: "HYQiHeiX4-55J";
}
 dl, dd, dt, table, td, tr{
    margin: 0;
    padding: 0;
}
body {
    margin: 0;
}
a:focus {
    outline: thin dotted;
}
a:active,
a:hover {
    outline: 0;
}
h1 {
    font-size: 2em;
    margin: 0.67em 0;
}
h2 {
    font-size: 1.5em;
    margin: 0.83em 0;
}
h3 {
    font-size: 1.17em;
    margin: 1em 0;
}
h4 {
    font-size: 1em;
    margin: 1.33em 0;
}
h5 {
    font-size: 0.83em;
    margin: 1.67em 0;
}
h6 {
    font-size: 0.67em;
    margin: 2.33em 0;
}
abbr[title] {
    border-bottom: 1px dotted;
}
b,
strong {
    font-weight: bold;
}
blockquote {
    margin: 1em 40px;
}
dfn {
    font-style: italic;
}
hr {
    box-sizing: content-box;
    height: 0;
}
p,
pre {
    margin: 1em 0;
}
code,
kbd,
pre,
samp {
    font-family: Monaco, Consolas, monospace;
    font-size: 1em;
}
pre {
    white-space: pre;
    white-space: pre-wrap;
    word-wrap: break-word;
}
q {
    quotes: none;
}
q:before,
q:after {
    content: "";
    content: none;
}
small {
    font-size: 80%;
}
sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}
sup {
    top: -0.5em;
}
sub {
    bottom: -0.25em;
}
dl,
menu,
ol,
ul {
    margin: 1em 0;
}
dd {
    margin: 0 0 0 40px;
}
menu,
ol,
ul {
    padding: 0 0 0 40px;
}
nav ul,
nav ol {
    list-style: none;
    list-style-image: none;
}
img {
    border: 0;
    -ms-interpolation-mode: bicubic;
}
svg:not(:root) {
    overflow: hidden;
}
form {
    margin: 0;
}
fieldset {
    border: 1px solid #c0c0c0;
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em;
}
legend {
    border: 0;
    padding: 0;
    white-space: normal;
    *margin-left: -7px;
}
button,
input,
select,
textarea {
    font-size: 100%;
    margin: 0;
    vertical-align: baseline;
    *vertical-align: middle;
}
button,
input {
    line-height: normal;
}
button,
select {
    text-transform: none;
}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
    -webkit-appearance: button;
    cursor: pointer;
    *overflow: visible;
}
button[disabled],
html input[disabled] {
    cursor: default;
}
input[type="checkbox"],
input[type="radio"] {
    box-sizing: border-box;
    padding: 0;
    *height: 13px;
    *width: 13px;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0;
}
textarea {
    overflow: auto;
    vertical-align: top;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
    display: block;
}
audio,
canvas,
video {
    display: inline-block;
    *display: inline;
    *zoom: 1;
}
audio:not([controls]) {
    display: none;
    height: 0;
}
[hidden] {
    display: none;
}
mark {
    background: #ff0;
    color: #666;
}
figure {
    margin: 0;
}
input[type="search"] {
    -webkit-appearance: textfield;
    box-sizing: content-box;
}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}
html,
button,
input,
select,
textarea {
    font-weight: lighter;
    color: #666;
}
h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: bold;
    color: #333;
}
a,
a:hover,
a:focus,
a:active {
    text-decoration: none;
}
ul,
li {
    list-style: none;
    margin: 0;
    padding: 0;
}
input,
button {
    outline: none;
}
.clearfix {
    *zoom: 1;
}
.clearfix:before,
.clearfix:after {
    display: table;
    content: "";
}
.clearfix:after {
    clear: both;
}
* {
    padding: 0;
    margin: 0;
}

@font-face {
    font-family: "HYQiHeiX4-55J";
    src: url("../font/HYQiHei-55J.eot"); /* IE9 */
    src: url("../font/HYQiHei-55J.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */

    url("../font/HYQiHei-55J.woff") format("woff"), /* chrome、firefox */
    url("../font/HYQiHei-55J.ttf") format("truetype"), /* chrome、firefox、opera、Safari, Android, iOS 4.2+ */

    url("../font/HYQiHei-55J.svg#HYQiHei-55J") format("svg"); /* iOS 4.1- */
    font-style: normal;
    font-weight: normal;
}


video{
    object-fit:fill;
}
/* 滚动条 */
::-webkit-scrollbar-thumb:horizontal { /*水平滚动条的样式*/
    width: 6px;
    background-color: #333339;
    -webkit-border-radius: 6px;
}
::-webkit-scrollbar-track-piece {
    background-color: #fff; /*滚动条的背景颜色*/
    -webkit-border-radius: 0; /*滚动条的圆角宽度*/
}
::-webkit-scrollbar {
    width: 6px; /*滚动条的宽度*/
    height: 8px; /*滚动条的高度*/
}
::-webkit-scrollbar-thumb:vertical { /*垂直滚动条的样式*/
    height: 100px;
    background-color: #333339;
    -webkit-border-radius: 3px;
    outline: 2px solid #fff;
    outline-offset: -2px;
    border: 2px solid #fff;
}
::-webkit-scrollbar-thumb:hover { /*滚动条的hover样式*/
    height: 100px;
    background-color: #333339;
    -webkit-border-radius: 4px;
}
 .site_channel_top {
        position: relative;
        height:420px;
    }
.site_head {
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    height:72px;
    min-width: 500px;
}
.black{
    height:100px;
    background: rgb(0, 0, 0);
    background: -moz-linear-gradient(90deg, rgba(0, 0, 0,0.7) 30%, rgba(0, 0, 0,0) 70%);
    background: -webkit-linear-gradient(90deg, rgba(0, 0, 0,0.7) 30%, rgba(0, 0, 0,0) 70%);
    background: -o-linear-gradient(90deg, rgba(0, 0, 0,0.7) 30%, rgba(0, 0, 0,0) 70%);
    background: -ms-linear-gradient(90deg, rgba(0, 0, 0,0.7) 30%, rgba(0, 0, 0,0) 70%);
    background: linear-gradient(180deg,  rgba(0, 0, 0,0.7) 30%, rgba(0, 0, 0,0) 70%);
}
.white{
    background-color:#ffffff;
}
.site_head{
    position:fixed;
    z-index:15
}
.site_head .head_wrap{
    width:100%;
    max-width: 1200px;
    margin: 0 auto;
    height: 72px;
}
.site_head .head_wrap .head_inner, .site_subnav {
    position: relative;
    width: 100%;
    height: 60px;
    margin: 0 auto;
    z-index: 99;
    -webkit-transition: width .2s ease-in-out;
    transition: width .2s ease-in-out;
}
.site_head .head_wrap .head_inner {
    height: 56px;
}
.site_head .head_wrap .head_inner .site_logo{
    width:auto;
    position: relative;
    float: left;
    margin-top: 17px;
}
.site_head .head_wrap .head_inner .site_logo a{
    display: block;
    width:100%;
}

.mod_quick {
    position: absolute;
    z-index: 99;
    top: 17px;
    right: 5px;
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
}
.mod_quick .quick_item {
    float: left;
}
.mod_quick .quick_client {
    width: 56px;
    margin: 0;
    margin-right: 37px;
}

.mod_quick .quick_exchange {
    width: 56px;
    margin: 0;
    margin-right: 37px;
}

.mod_quick .quick_exchange .icon_exchange{
    display: block;
    height: 20px;
    width: 24px;
    margin: 0 auto 2px;
    transition: opacity 50ms ease-in;
    background: url("../images/smgbb/stylepng.png?v=34") no-repeat;
    background-position: -342px 0px;
}

.mod_quick .quick_exchange .quick_text {
    font-size: 12px;
    display: block;
    margin-top: -2px;
    text-align: center;
    white-space: nowrap;
    transition: opacity 50ms ease-in;
    text-shadow: 0 1px 3px rgba(0,0,0,.2);
    color: #bbbbbb;
}

.mod_quick .quick_link .icon {
    display: block;
    height: 20px;
    width: 21px;
    margin: 0 auto 2px;
    opacity: .6;
    transition: opacity 50ms ease-in;
    background: url("../images/smgbb/stylepng.png?v=1") no-repeat;
    background-position: -737px -12px;
}
.mod_quick .quick_link .icon_client_black {
    display: block;
    height: 20px;
    width: 21px;
    margin: 0 auto 2px;
    opacity: .6;
    transition: opacity 50ms ease-in;
    background: url("../images/smgbb/stylepng.png?v=1") no-repeat;
    background-position: -729px -67px;
}
.mod_quick .quick_link .quick_text {
    font-size: 12px;
    display: block;
    margin-top: -2px;
    text-align: center;
    white-space: nowrap;
    opacity: .6;
    transition: opacity 50ms ease-in;
    text-shadow: 0 1px 3px rgba(0,0,0,.2);
    color:#bbbbbb;
}
.mod_quick .quick_link .quick_text_black {
    font-size: 12px;
    display: block;
    margin-top: -2px;
    text-align: center;
    white-space: nowrap;
    opacity: .6;
    transition: opacity 50ms ease-in;
    text-shadow: 0 1px 3px rgba(0,0,0,.2);
    color:#666666;
}
.quick_client:hover .quick_link .icon {
    background: url("../images/smgbb/stylepng.png?v=1") no-repeat;
    background-position: -769px -12px;
}
.quick_client:hover .quick_link .icon_client_black {
    background: url("../images/smgbb/stylepng.png?v=1") no-repeat;
    background-position: -754px -67px;
}
.quick_client:hover .quick_link .quick_text {
    color: #ffffff;
}
.quick_client:hover .quick_link .quick_text_black {
    color: #000000;
}
.quick_client:hover .dropdown .panel{
    display: block;
}
.mod_quick .quick_user ,.mod_quick .quick_user .loginbefore,.mod_quick .quick_user .loginbefore img,.mod_quick .quick_user .loginafter,.mod_quick .quick_user .loginafter img{
    height:32px;
}

.mod_quick .quick_user .loginbefore,.mod_quick .quick_user .loginafter{
    cursor:pointer;
}

.arrow{
    display: inline-block;
    width: 0;
    height: 0;
    position: absolute;
    top:-18px;
    right:10px;
    overflow: hidden;
    font-size: 0;
    line-height: 0;
    vertical-align: top;
    border-color:transparent transparent #ffffff transparent;
    border-width:10px;
    border-style: solid;
}
.cf:after, .cf:before {
    content: '';
    display: table;
}
.site_slider {
    position: absolute;
    overflow: hidden;
    z-index: 1;
    top:0;
    left:0;
}
.site_slider_intrude{height:420px;width: 100%;min-width: 1200px;}
.site_slider .slider_inner {
    position: absolute;
    width: 100%;
    height: 420px;
    transition: transform 1.8s ease;
}
.slider_nav {
    position: absolute;
    z-index: 1;
    top: 63px;
    right: 0;
    margin-right: -854px;
    width: 244px;
    height: auto;
    background: rgba(0,0,0,.5);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#7F000000,endColorstr=#7F000000);    /*IE8支持*/
    *background : #000000; /* IE7 and below */
    _background : #000000; /* IE6 */
}
.site_slider .slider_item {
    position: absolute;
    height: 420px;
    top:0;
    left:0;
    transition: opacity .3s ease;
    opacity: 0;
    z-index: 0;.

}
.site_slider .in {
    opacity: 1;
    z-index: 1;
}
.site_slider .slider_item a img{
        position: absolute;
        width: 1920px;
        height: 420px;
        top: 0;
        left: 50%;
        margin-left: -960px;
}


.slider_nav {
    top:88px;
    z-index:16;
}


.slider_nav .nav_link {
    width:214px;
    line-height:43px ;
    display: block;
    margin: 0 15px;
    cursor: pointer;
    color: #bbbbbb;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    position: relative;
    font-family: "HYQiHeiX4-55J";
    border-bottom: 1px solid #ffffff;
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}
.slider_nav .nav_link:last-child{
    border-bottom:none;
    line-height:44px ;
}

.slider_nav .nav_link .tit {
    display: inline;
    font-size: 14px;
    line-height: 42px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    color: #bbbbbb;
}
.slider_nav .nav_link .sub {
    display: inline;
    font-size: 14px;
    line-height: 42px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    color: #bbbbbb;
}
.slider_nav .active .tit, .slider_nav .nav_link:hover .tit {
    display: block;
    font-size: 20px;
    line-height: 39px;
    color: #ffffff;
}
.slider_nav .active .sub, .slider_nav .nav_link:hover .sub {
    display: block;
    font-size: 14px;
    line-height: 33px;
    color: #ffffff;

}
.main-wrap {
    width: 1200px;
    height: 100%;
    margin: 0 auto;
}
.main-wrap:before,
.main-wrap:after {
    display: table;
    content: "";
}
.main-wrap:after {
    clear: both;
}
.hotcolumn{
    width:1200px;
    margin: 50px 0 60px 0;
}
.hotcolumn ul {
    width: 1122px;
    float: left;
}
.hotcolumn ul .hot-item{
    width:auto;
    height:22px;
    display: inline-block;
    line-height: 22px;
    margin-right: 90px;
    float: left;
    cursor:pointer;
    font-size: 16px;
    font-family: "HYQiHeiX4-55J";
}
.hotcolumn ul li div{
    width:1px;
    height:22px;
    background-color: #000000;
    background-color: rgba(0,0,0,0.2);
}
.hot-item i{
    display: block;
    float: left;
    width:16px;
    height:22px;
}


.movie:hover span,.movie:active span,.movie:focus span,
.game:hover span,.game:active span,.game:focus span,
.tv:hover span,.tv:active span,.tv:focus span,
.discovery:hover span,.discovery:active span,.discovery:focus span,
.children:hover span,.children:active span,.children:focus span,
.live:hover span,.live:active span,.live:focus span,
.radio:hover span,.radio:active span,.radio:focus span{
    color:#e50012;
}
.movie i{
    display: block;
    float: left;
    width:20px;
    height:20px;
    margin-right: 10px;
    background: url("../images/smgbb/stylepng.png?v=2") no-repeat;
    background-position: -46px 0px;
}
.movie:hover i,.movie:active i,.movie:focus i{
    display: block;
    float: left;
    width:20px;
    height:20px;
    margin-right: 10px;
    background: url("../images/smgbb/stylepng.png?v=2") no-repeat;
    background-position: -68px 0px;
}
.game i{
    display: block;
    float: left;
    width:22px;
    height:21px;
    margin-right: 10px;
    background: url("../images/smgbb/stylepng.png?v=2") no-repeat;
    background-position: -288px 0px;
}
.game:hover i,.game:active i,.game:focus i{
    display: block;
    float: left;
    width:22px;
    height:21px;
    margin-right: 10px;
    background: url("../images/smgbb/stylepng.png?v=2") no-repeat;
    background-position: -318px 0px;
}
.children i{
    display: block;
    float: left;
    width:22px;
    height:20px;
    margin-right: 10px;
    background: url("../images/smgbb/stylepng.png?v=2") no-repeat;
    background-position: -90px 0px;
}
.children:hover i,.children:active i,.children:focus i{
    display: block;
    float: left;
    width:22px;
    height:20px;
    margin-right: 10px;
    background: url("../images/smgbb/stylepng.png?v=2") no-repeat;
    background-position: -114px 0px;
}
.tv i{
    display: block;
    float: left;
    width:21px;
    height:20px;
    margin-right: 10px;
    background: url("../images/smgbb/stylepng.png?v=2") no-repeat;
    background-position: -185px 0px;
}
.tv:hover i,.tv:active i,.tv:focus i{
    display: block;
    float: left;
    width:21px;
    height:20px;
    margin-right: 10px;
    background: url("../images/smgbb/stylepng.png?v=2") no-repeat;
    background-position: -210px 0px;
}
.discovery i{
    display: block;
    float: left;
    width:22px;
    height:18px;
    margin-right: 10px;
    background: url("../images/smgbb/stylepng.png?v=2") no-repeat;
    background-position: -234px 0px;
}
.discovery:hover i,.discovery:active i,.discovery:focus i{
    display: block;
    float: left;
    width:22px;
    height:18px;
    margin-right: 10px;
    background: url("../images/smgbb/stylepng.png?v=2") no-repeat;
    background-position: -260px 0px;
}
.live i{
    display: block;
    float: left;
    width:22px;
    height:22px;
    margin-right: 10px;
    background: url("../images/smgbb/stylepng.png?v=2") no-repeat;
    background-position: 0px 0px;
}
.live:hover i,.live:active i,.live:focus i{
    display: block;
    float: left;
    width:22px;
    height:22px;
    margin-right: 10px;
    background: url("../images/smgbb/stylepng.png?v=2") no-repeat;
    background-position: -23px 0px;
}
.radio i{
    display: block;
    float: left;
    width:22px;
    height:21px;
    margin-right: 10px;
    background: url("../images/smgbb/stylepng.png?v=2") no-repeat;
    background-position: -138px 0px;
}
.radio:hover i,.radio:active i,.radio:focus i{
    display: block;
    float: left;
    width:22px;
    height:21px;
    margin-right: 10px;
    background: url("../images/smgbb/stylepng.png?v=2") no-repeat;
    background-position: -161px 0px;
}
/*.movie{
    background: url("../images/smgbb/stylepng.png?v=1") no-repeat;
    background-position: -366px -10px;
}
.movie:hover,.movie:active,.movie:focus{
    background: url("../images/smgbb/stylepng.png?v=1") no-repeat;
    background-position: -549px -10px;
}
.game{
    background: url("../images/smgbb/stylepng.png?v=3") no-repeat;
    background-position: 0px -118px;
}
.game:hover,.game:active,.game:focus{
    background: url("../images/smgbb/stylepng.png?v=3") no-repeat;
    background-position:-181px -118px;
}
.children{
    background: url("../images/smgbb/stylepng.png?v=1") no-repeat;
    background-position: 0px -65px;
}
.children:hover,.children:active,.children:focus{
    background: url("../images/smgbb/stylepng.png?v=1") no-repeat;
    background-position:  -181px -65px;
}
.tv{
    background: url("../images/smgbb/stylepng.png?v=1") no-repeat;
    background-position: -366px -65px;
}
.tv:hover,.tv:active,.tv:focus{
    background: url("../images/smgbb/stylepng.png?v=1") no-repeat;
    background-position: -549px -65px;
}
.discovery{
    background: url("../images/smgbb/stylepng.png?v=1") no-repeat;
    background-position: -366px -118px;
}
.discovery:hover,.discovery:active,.discovery:focus{
    background: url("../images/smgbb/stylepng.png?v=1") no-repeat;
    background-position: -549px -118px;
}
.live{
    background: url("../images/smgbb/stylepng.png?v=1") no-repeat;
    background-position: -1px -10px;
    margin-right: 0px;
}
.live:hover,.live:active,.live:focus{
    background: url("../images/smgbb/stylepng.png?v=1") no-repeat;
    background-position: -183px -10px;
    margin-right: 0px;
}*/
.tvstore{
    width:60px;
    height:22px;
    float: right;
    margin-right: 5px;
    text-align: right;
    font-size: 16px;
    font-family: "HYQiHeiX4-55J";
    color:#000000;
    line-height: 22px;
    cursor:pointer;
}
.tvstore img{
    position: relative;
    top:5px;
}
.column-header{
    position: relative;
    height: 40px;
    line-height: 40px;
    font-size: 24px;
    color:#000000;
    white-space: nowrap;
    margin-bottom: 14px;
    font-family:"HYQiHeiX4-55J";
}
.column-header img{
    position: relative;
    height:30px;
    top:5px;
    float: left;
}
.column-header .more{
    float: right;
    cursor: pointer;
}
.column-header .more span{
    float: right;
    font-family: "HYQiHeiX4-55J";
    font-size: 14px;
    color:#000000;
}
.column-header .more:hover span{
    color:#e50012;
}
.column-header .more i{
    float: right;
    width:5px;
    height:9px;
    margin-top: 15px;
    background: url("../images/smgbb/stylepng.png?v=1") no-repeat;
    background-position: -754px -155px;
    margin-left: 5px;
}
.column-header .more:hover i,.column-header .more:active i,.column-header .more:focus i{
    background: url("../images/smgbb/stylepng.png?v=1") no-repeat;
    background-position: -761px -155px;
}
.mod_bd{
    position: relative;
    z-index: 2;
    width: 1201px;
    margin: 0 auto;
    margin-bottom: 44px;
}
.list_item{
    width:192px;
    height:341px;
    position: relative;
    display: inline-block;
    vertical-align: top;
    margin-right: 9px;
    font-size: 16px;
    letter-spacing: normal;
    color: #000;
    font-family: "HYQiHeiX4-55J";
    float: left;
}
.mod_bd .side{
    height:auto;
}
.list_item:nth-child(6n){
    margin-right: 0px;
}
.list_item img{
    width:100%;
    height:290px;
    overflow: hidden;
}
.mod_bd .side img{
    width:100%;
    height:128px;
    overflow: hidden;
}
.list_item:hover img{
    box-shadow: 0 2px 4px rgba(0,0,0,0.3);
    -moz-box-shadow:0 2px 4px rgba(0,0,0,0.3);
}

.list_item .figure_title{
    margin-top: 7px;
    padding-left: 6px;
    box-sizing: border-box;
    display: block;
    width: 100%;
    height: auto;
    max-height: 22px;
    font-size: 16px;
    color:#000000;
    line-height: 22px;
    overflow: hidden;
    white-space: normal;
    text-overflow: ellipsis;
}

.mod_bd .side .figure_title{
    height:auto;
    max-height: 44px;
}

.list_item:hover .figure_title{
    color:#e50012;
}
.list_item .figure_desc{
    display: block;
    width: 100%;
    font-size: 14px;
    color:#999999;
    line-height: 20px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    margin-top: 2px;
    cursor: default;
    padding: 0 3px 0 5px;
    box-sizing: border-box;
}
.cooperator{
    width:1200px;
    margin: 0 auto;
    position: relative;
}
.cooperator_title{
    width:1200px;
    float: left;
    margin-bottom: 24px;
    text-align: center;
    color: #000000;
    font-size: 20px;
    font-family: "HYQiHeiX4-55J";
    line-height: 20px;
}
.cooperator ul{
    width:100%;
    float: left;
}
.cooperator ul li{
    width:100px;
    height:55px;
    margin-right: 83.3px;
    margin-bottom: 43px;
    float: left;
}
.cooperator ul li img{
    width:100%;
}
.site_footer .footer_inner {
    width: 1200px;
    margin-top: 21px;
}
.mod_footer_contentinfo {
    overflow: hidden;
    float: left;
}
.contentinfo_column{
    position: relative;
    float: left;
    _display: inline;
    margin-right: 10px;
    min-height: 74px;
}
.contentinfo_channel{
    width:185px;
    margin: 0 63px 0 162px;
}
.mod_footer_contentinfo .mod_footer_conterinfo_top{
    width:840px;
    height:18px;
    float: left;
    margin-top: 64px;
    margin-left: 360px;
}
.mod_footer_contentinfo .mod_footer_conterinfo_top a{
    font-family: "HYQiHeiX4-55J";
    color:#666666;
    font-size: 18px;
    float: left;
}
.mod_footer_contentinfo .mod_footer_conterinfo_top .seprate{
    color:#666666;
    float: left;
    line-height: 18px;
    margin: 0 48px;
}


.mod_footer_contentinfo .mod_footer_conterinfo_top .contentinfo_title{
    display: block;
    font-size: 18px;
    line-height: 26px;
    letter-spacing: normal;
    color: #000000;
    font-weight: 700;
    margin-bottom: 15px;
    font-family: "HYQiHeiX4-55J";
    font-style: normal;
}
.mod_footer_contentinfo .mod_footer_conterinfo_top .contentinfo_column ul {
    font-size: 0;
    letter-spacing: -3px;
}
.mod_footer_contentinfo .mod_footer_conterinfo_top .contentinfo_column li {
    display: inline-block;
    width: 50px;
    margin-right: 10px;
    margin-bottom: 7px;
    letter-spacing: normal;
    vertical-align: top;
    font-size: 14px;
    line-height: 28px;
}
.mod_footer_contentinfo .mod_footer_conterinfo_top .contentinfo_column a {
    color: #666;
    font-size: 14px;
    font-family: "HYQiHeiX4-55J";
}
.contentinfo_feature{
    width:171px;
    float: left;
    margin-right: 65px;
}
.mod_footer_contentinfo .mod_footer_conterinfo_top .contentinfo_feature li{
    width: 60px;
    margin-right: 10px;
}
.contentinfo_center{
    width:80px;
    float: left;
    margin-right: 89px;
}
.mod_footer_contentinfo .mod_footer_conterinfo_top .contentinfo_center li{
    width: 80px;
}
.contentinfo_bestv{
    width:221px;
    float: left;
}
.mod_footer_contentinfo .mod_footer_conterinfo_top .contentinfo_bestv li{
    width: 60px;
    margin-right: 10px;
}
.foot_inner{
    width: 1200px;
    margin: 0 auto;
    position: relative;
}
.line{
    width:1200px;
    height:1px;
    background-color: #cdcdcd;
    margin: 64px 0;
    float: left;
}
.degree {
    height:2px;
    position: relative;
    margin: 0 auto;
    background-color: #cccccc;
    margin-top: 72px;
    margin-bottom:64px;
}
.mod_footer_contentinfo .copyright {
    width:100%;
    float: left;
    text-align: center;
    font-size: 14px;
    line-height: 28px;
    color: #666;
    font-family: "HYQiHeiX4-55J";
}
.mod_footer_contentinfo .security{
    width:800px;
    height:47px;
    float: left;
    margin:28px 0 48px 346px;

}
.mod_footer_contentinfo .security img{
    height:100%;
    margin-right: 24px;
}
.mask{
    width: 100%;
    height: 100%;
    overflow: hidden;
}
.mask-layer{
    display: block;
    position: fixed;
    z-index: 99999;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background-color: rgba(0, 0, 0, .6);
}
.loginform{
    width:890px;
    height:397px;
    position: fixed;
    left:50%;
    top:272px;
    margin-left: -445px;
    background:url(../images/smgbb/loginbg.png) center center no-repeat;
}
.loginblock{
    width:300px;
    height:357px;
    margin:40px 76px 0 514px;
    float: left;
}
.lb_title{
    width:100%;
    margin-bottom: 16px;
    font-size: 24px;
    color:#ffffff;
    font-family: "HYQiHeiX4-55J";
}
.form-group {
    width: 100%;
    margin-top:16px; ;
    position: relative;
}
.form-group input,.form-group input {
    vertical-align: middle;
    margin: 0;
}
.form-input {
    width: 296px;
    height: 38px;
    padding-left:4px;
    border: 1px solid #c9c9c9;
    line-height: 38px;
    font-size: 14px;
    box-shadow: 0 0 0 30px #fff inset;
    outline: 0;
    text-indent: 30px;
    color:#999999;
}
.form-label {
    display: block;
    width: 279px;
    height: 100%;
    line-height: 200%;
    position: absolute;
    left: 0;
    top: 0;
    cursor: text;
}
.form-label .m-icon {
    position: absolute;
    left: 10px;
    top: 50%;
    margin-top: -10px;
    color: #999;
}
.m-icon {
    width:18px;
    height:19px;
}
.icon-user{
    background: url(../images/smgbb/account.png) center center no-repeat;
}
.icon-password{
    background: url(../images/smgbb/password.png) center center no-repeat;
}
.remember {
    height: 14px;
    margin-top:19px;
    line-height: 15px;
    font-size: 12px;
    color:#ffffff;
}
.passport-help {
    float: right;
    cursor: pointer;
}

.passport-help a {
    text-decoration: none;
    color: #ffffff;
    outline: 0;
    font-size: 12px;
}
.magic-radio + label, .magic-checkbox + label{
    top:2px;
}
.magic-checkbox:checked + label:before {
    border: #FF0000;
    background: #FF0000;
}
.magic-radio + label:before, .magic-checkbox + label:before {
    width:12px;
    height:12px;
}
.magic-checkbox + label:after {
    top: 1px;
    left: 4px;
    width: 4px;
    height: 8px;
}
.remember label span{
    margin-left: 17px;
}
.remember label span a,.remember label span a:hover,.remember label span a:focus,.remember label span a:active{
    color:#ffffff;
}
.form-btn {
    display: block;
    width: 300px;
    height: 40px;
    border: 0;
    border-radius: 4px;
    outline: 0;
    -webkit-appearance: none;
    text-align: center;
    line-height: 38px;
    font-size: 14px;
    font-weight: 400;
    color: #fff!important;
    background-color: #ED1B23;
    font-family: "HYQiHeiX4-55J";
    cursor: pointer;
}
.register{
    width:100%;
    text-align: right;
    font-size: 18px;
    font-family: "HYQiHeiX4-55J";
    cursor: pointer;
}
.register a{
    color:#ffffff;
}
.frame-close {
    width: 11px;
    height: 11px;
    position: absolute;
    right: 16px;
    top: 16px;
    cursor: pointer;
    z-index: 999;
    background: url(../images/smgbb/close.png) center center no-repeat;
}
.form-label {
    display: block;
    width: 20px;
    height: 40px;
    line-height: 40px;
    position: absolute;
    left: 0;
    top: 0;
    cursor: text;
}
.form-group.no-icon .form-tips {
    left: 12px;
}
.form-label .form-tips {
    width: 160px;
    height: 40px;
    margin-top: -10px;
    position: absolute;
    left: 37px;
    top: 50%;
    line-height: 20px;
    font-size: 14px;
    color: #999;
    background-color: #fff;
}
.form-btn.getCode {
    float: right;
    width: 130px;
    font-size: 14px;
    position: relative;
    z-index: 2;
    background-color: #ED1B23;
}
.form-btn.unable{
    background-color: #cdcdcd;
}
.no-icon .form-input {
    width: 150px;
    height: 22px;
    padding: 9px 0 9px 5px;
    margin-right: 10px;
    border: 1px solid #c9c9c9;
    line-height: 20px;
    font-size: 14px;
    box-shadow: 0 0 0 30px #fff inset;
    outline: 0;
}
.icon-phone{
    background: url(../images/smgbb/phonenumber.png) center center no-repeat;
}
.u-panel{
    position: absolute;
}
.quick_user .dropdown .panel{
    width:281px;
    height:146px;
    display: none;
    right:0px;
    background: url(../images/smgbb/userbg.png) center center no-repeat;
}
.quick_user:hover .dropdown .panel{
    display: block;
}
.quick_client .dropdown .panel{
    width:271px;
    height:246px;
    display: none;
    right:10px;
    top:45px;
    z-index: 9999;
    background: url(../images/smgbb/downbg.png) center center no-repeat;
}
.u-content{
    position: absolute;
    top:12px;
    left:12px;
    width:269px;
}
.quick_client .dropdown .u-content{
    position: absolute;
    top:24px;
    left:0;
    width:271px;
}
.u-content-head{
    width:32px;
    height: 32px;
    float: left;
}
.u-content-head img{
    width:100%;
}
.u-content span{
    height:32px;
    line-height: 32px;
    font-family: "HYQiHeiX4-55J";
    font-size: 16px;
    color:#000000;
    margin-left: 8px;
}
.u-content-vip{
    width:19px;
    height:20px;
    margin-right: 12px;
    float: right;
    background: url(../images/smgbb/vip.png) center center no-repeat;
}
.valid{
    position: absolute;
    top: 44px;
    left: 52px;
    width: 269px;
    text-align: left;
    color:#000000;
    font-size: 12px;
    font-family: "HYQiHeiX4-55J";
    display: none;
}
.u-content-title{
    width:100%;
    text-align: center;
    font-size: 16px;
    font-family: "HYQiHeiX4-55J";
    color:#000000;
    margin-bottom: 16px;
}
.u-content-qrcode{
    width:96px;
    height:96px;
    margin-left: 88px;
    margin-bottom: 16px;
}
.u-content-qrcode img{
    width:100%;
}
.u-content-bestv{
    width:100%;
    height:20px;
    text-align: center;
    font-size: 20px;
    line-height: 20px;
    font-family: "HYQiHeiX4-55J";
    font-weight: 400;
    color:#000000;
    margin-bottom: 8px;
}
.u-content-desc{
    width:100%;
    height:14px;
    text-align: center;
    font-size: 14px;
    font-family: "HYQiHeiX4-55J";
    color:#000000;
}
.u-bottom{
    position: absolute;
    bottom:16px;
    left: 16px;
    width:249px;
}
.u-bottom a{
    right:16px;
    bottom: 4px;
    position: absolute;
    font-size: 12px;
    font-family: "HYQiHeiX4-55J";
    color:#333333;
}
.u-bottom a:hover,.u-bottom a:active,.u-bottom a:focus{
    color:#e50012;
}

.open-vip-btn{
    width:88px;
    height:24px;
    border-radius: 11px;
    font-size: 14px;
    color:#ffffff;
    text-align: center;
    line-height: 25px;
    background-color: #e50012;
}
.dropdown,.user_exchange{
    position: relative;
    height: 36px;
    z-index: 9999;
}
.indexpage{
    width:50px;
    height:14px;
    float: left;
    margin-top: 31px;
    margin-left: 24px;
    font-size: 14px;
    font-family: "HYQiHeiX4-55J";
    color:#ffffff;
    line-height: 14px;
}
.white .indexpage{
    width:50px;
    height:14px;
    float: left;
    margin-top: 31px;
    margin-left: 24px;
    font-size: 14px;
    font-family: "HYQiHeiX4-55J";
    color:#666666;
    line-height: 14px;
}

.white .indexpage .icon_home{
    width:14px;
    height:14px;
    background: url("../images/smgbb/stylepng.png?v=1") no-repeat;
    background-position: -782px -58px;
    margin-right: 4px;
    float: left;
}
.indexpage .icon_home1,.indexpage .icon_home{
    width:14px;
    height:14px;
    background: url("../images/smgbb/stylepng.png?v=1") no-repeat;
    background-position: -748px -113px;
    margin-right: 4px;
    float: left;
}
.white .indexpage:hover .icon_home,.indexpage:active .icon_home,.indexpage:focus .icon_home{
    background-position: -782px -73px;
}
.indexpage:hover .icon_home1,.indexpage:active .icon_home1,.indexpage:focus .icon_home1,.indexpage:hover .icon_home,.indexpage:active .icon_home,.indexpage:focus .icon_home{
    background-position: -731px -113px;
}
.indexpage .home_text{
     float: left;
     color: #666666;
    font-family: "HYQiHeiX4-55J";
    font-size: 14px;
}
.white .indexpage:hover .home_text,.white .indexpage:active .home_text,.white .indexpage:focus .home_text{
    color:#000000;
}
.indexpage:hover a .home_text,.indexpage:active a  .home_text,.indexpage:focus a  .home_text,.indexpage:hover a  .home_text1,.indexpage:active a  .home_text1,.indexpage:focus a  .home_text1{
    color:#e50012;
}
a .home_text1,a .category_text{
    color:#ffffff;
}
.category{
    width:50px;
    height:14px;
    float: left;
    margin-top: 31px;
    margin-left: 16px;
    font-size: 14px;
    font-family: "HYQiHeiX4-55J";
    color:#ffffff;
    line-height: 14px;
}
.category .icon_category{
    width:14px;
    height:14px;
    background: url("../images/smgbb/stylepng.png?v=1") no-repeat;
    background-position: -765px -114px;
    margin-right: 4px;
    float: left;
}
.category:hover .icon_category,.category:active .icon_category,.category:focus .icon_category{
    background-position: -784px -114px;
}
.category .category_text{
    float: left;
    font-family: "HYQiHeiX4-55J";
    font-size: 14px;
}
.category:hover .category_text,.category:active .category_text,.category:focus .category_text{
    color:#e50012;
}
.category_bar{
    width:100%;
    min-width: 1200px;
    height:110px;
    background-color: #f4f4f4;
    float: left;
    position: fixed;
    z-index: 1;
}
.category_bar ul{
    width:1190px;
    height:28px;
    background-color: #ffffff;
    margin: 20px auto;
    padding: 20px 0 22px 10px;
}
.category_bar ul li{
    padding: 7px 14px;
    height:14px;
    line-height: 14px;
    padding-top: 7px;
    float: left;
    margin: 0 6px;
    color: #000000;
    font-size: 14px;
    font-family: "HYQiHeiX4-55J";
    cursor: pointer;
}
.category_bar ul li:hover{
    color: #e50012;
}
.category_bar ul li.on{
    background-color: #e50012;
    border-radius: 14px;
    color:#ffffff;
}
.category_content{
    width:1201px;
    margin: 0 auto;
    margin-top: 174px;
    margin-bottom: 24px;
}
.category_content .list_item{
    margin-bottom: 40px;
}
.page-panel{
    width: 1200px;
    z-index: 2;
    margin: 0 auto;
    position: relative;
}

.pagination-new{
    margin-top: 2px;
    float: left;
    position: relative;
    left: 50%;
    margin-bottom: 64px;
}
.pagination-new li {
    position: relative;
    min-width: 10px;
    right: 50%;
    z-index: 2;
    float: left;
    padding: 4px 10px;
    line-height: 20px;
    margin-right: 10px;
    height:22px;
    line-height: 22px;
    border: 1px solid #999999;
    border-radius: 2px;
    text-align: center;
}
.pagination-new li.prev,.pagination-new li.next{
    border: 1px solid #cccccc;
    width:42px;
}
.pagination-new li.prev:hover a,.pagination-new li.prev:active a,.pagination-new li.prev:focus a,.pagination-new li.next:hover a,.pagination-new li.next:active a,.pagination-new li.next:focus{
    color:#e50012;
}
.pagination-new li.unable{
    border: 1px solid #eeeeee;
    color:#999999;
}
.pagination-new li a{
    color:#666666;
    font-size: 14px;
    font-family: "HYQiHeiX4-55J";
}
.pagination-new li.p-active{
    background-color: #e50012;
}
.pagination-new li.p-active a{
    color:#ffffff;
}
.videoblock_bg{
    width:100%;
    min-width:1200px;
    background-color: #2e2e36;
}
.videoblock{
    width: 1200px;
    z-index: 2;
    margin: 0 auto;
    position: relative;
}


.liveblock{
    width: 1200px;
    z-index: 2;
    margin: 0 auto;
    position: relative;
    height:640px;
}
.video{
    width:100%;
    float: left;
    background-color: #000000;
    position: relative;
}
.video video,.livevideo video{
    width:100%;
}
.videotitle{
    width:100%;
    height:78px;
    float: left;
    margin-top: 14px;
    font-size: 24px;
    font-family: "HYQiHeiX4-55J";
    color: #cccccc;
}
.video_intro{
    width: 1200px;
    z-index: 2;
    margin: 0 auto;
    margin-top: 32px;
    margin-bottom: 64px;
}
.video_intro_title{
    width:100%;
    float: left;
    margin-bottom: 16px;
    font-size: 24px;
    font-family: "HYQiHeiX4-55J";
    color:#000000;
}
.video_intro_director{
    width:100%;
    float: left;
    font-size: 14px;
    font-family: "HYQiHeiX4-55J";
    color:#666666;
    line-height: 24px;
}
.video_intro_content{
    width:100%;
    float: left;
    font-size: 14px;
    font-family: "HYQiHeiX4-55J";
    color:#000000;
    line-height: 24px;
}
.recommend{
    width: 1200px;
    z-index: 2;
    margin: 0 auto;
    margin-bottom: 18px;
    position: relative;
    font-size: 24px;
    font-family: "HYQiHeiX4-55J";
    color:#000000;
}
.poster{
    width: 1200px;
    z-index: 2;
    margin: 0 auto;
    margin-bottom: 44px;
    position: relative;
}
.poster img{
    width:1200px;
    float: left;
}
.livevideo{
    width: 928px;
    float: left;
    background-color: #000000;
}

.channellist{
    width:232px;
    float: left;
    padding:0 20px;
    font-family: "HYQiHeiX4-55J";
    background-color: #26262b;
}
.clttitle{
    width:232px;
    float: left;
    margin-top: 16px;
    font-size: 20px;
    color:#ffffff;
}
.channellist ul{
    width: 232px;
    height: 483px;
    float: left;
    overflow-y: scroll;
    overflow-x: hidden;
    padding-right: 20px;
}
.channellist ul li{
    width:100%;
    height: auto;
    border-bottom:1px solid #ffffff;
    border-bottom: 1px solid rgba(255,255,255,0.2);
}
.channellist ul li:last-child{
    border-bottom: none;
}
.channellist ul li .clitem{
    width:232px;
    height:auto;
    float: left;
    padding: 16px 0;
    cursor: pointer;
}

.clitemleft{
    width:42px;
    float: left;
}
.clitemleft img{
    width:42px;
    height:42px;
}
.clitemright{
    width:182px;
    height:42px;
    margin-left: 8px;
    float: left;
}
.channelradiolist{
    width:230px;
    float: left;
    padding:0 20px;
    font-family: "HYQiHeiX4-55J";
    background-color: #26262b;
}

#channelradiolistblock{
    width: 230px;
    height: 483px;
    float: left;
    overflow-y: scroll;
    overflow-x: hidden;
    padding-right: 20px;
}
#channelradiolistblock li{
    width:100%;
    height: auto;
    border-bottom:none;
}

#channelradiolistblock li .clitem_radio{
    width:230px;
    height:50px;
    float: left;
    padding: 5px 0;
    cursor: pointer;
}

#channelradiolistblock  li .clitem_radio img{
    width:230px;
    height:50px;
    float: left;
}

.channeltitle{
    width:182px;
    height:21px;
    line-height: 21px;
    font-size: 16px;
    color: #999999;
}
.channelnow{
    width:182px;
    height:21px;
    line-height: 21px;
    font-size: 12px;
    color:#999999;
}
.on .channeltitle,.on .channelnow{
     color: #ffffff;
 }
.channelcontent{
    width:1200px;
    z-index: 2;
    margin: 0 auto;
    position: relative;
    margin-top: 14px;
}
.currentchanneltitle{
    width: 1200px;
    height: 60px;
    float: left;
    line-height: 60px;
    font-size: 24px;
    color:#000000;
    font-family: "HYQiHeiX4-55J";
}
.programmlistblock{
    width: 1200px;
    height:114px;
    float: left;
    margin-bottom: 64px;
}
.cnext,.cprev{
    width:15px;
    height:112px;
    float: left;
    margin-left: 4px;
    background-color: #cccccc;
    color:#ffffff;
    font-size: 16px;
    line-height: 114px;
    text-align: center;
    cursor: pointer;
}
.cnext:hover,.cprev:hover,.cnext:active,.cprev:active,.cnext:focus,.cprev:focus{
    background-color: #e50012;
}
.unable,.unable:hover,.unable:active,.unable:focus{
    background-color: #f6f6f6;
}
.wrap{
    position: relative;
    width:1155px;
    height: 114px;
    float: left;
    overflow: hidden;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.scroller{
    position: absolute;
    z-index: 1;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    height: 114px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.scroller ul{
    list-style: none;
    width: 100%;
    padding: 0;
    margin: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.programmlistblock ul li{
    width:188px;
    height:68px;
    float: left;
    padding-top:46px;
    margin-left: 4px;
    background-color: #f6f6f6;
    color:#999999;
    font-family: "HYQiHeiX4-55J";
    text-align: center;
    cursor:pointer;
    position: relative;
}
.programmlistblock ul li .ptime{
    font-size: 24px;
    line-height: 32px;
}
.programmlistblock ul li .pname{
    font-size: 16px;
    line-height: 24px;
}
.programmlistblock ul li.soon,.programmlistblock ul li.unauth{
    cursor: context-menu;
}

.programmlistblock ul li.past{
    background-color: #eeeeee;
}

.programmlistblock ul li.on{
    width:188px;
    height:68px;
    background-color: #f0e3e3;
}

.programmlistblock ul li.soon:hover{
    width:186px;
    height:66px;
    border: 1px solid #dddddd;
    background-color: #f6f6f6;
}
.programmlistblock ul li.past:hover{
    width:186px;
    height:66px;
    border: 1px solid #cccccc;
    background-color: #eeeeee;
}
.programmlistblock ul li.on:hover{
    width:186px;
    height:66px;
    border: 1px solid #eab7ba;
    background-color: #f0e3e3;
}


.programmlistblock ul li.now .ptime{
    color:#000000;
}
.programmlistblock ul li.past .ptime{
    color:#000000;
}

img.lazy {
    display: block;
    /* optional way, set loading as background */
    background-image: url('../images/noimage1.png');
    background-repeat: no-repeat;
    background-position: 50% 50%;
}
#errordescblock{
    width:100%;
    float: left;
    color:#ED1B23;
    font-family: "HYQiHeiX4-55J";
}
#errordescblock img{
    width:14px;
    height:14px;
    float: left;
    margin-right: 6px;
}
#errordesc{
    float: left;
    height:14px;
    line-height: 14px;
    margin-bottom: 10px;
}
.refreshbl .refresh {
     display: block;
     height: 22px;
     width: 20px;
     float: left;
     margin: 10px 8px 0 0;
     background: url("../images/smgbb/stylepng.png?V=2") no-repeat;
     background-position: -750px -129px;
 }
.refreshbl:hover .refresh,.refreshbl:active .refresh,.refreshbl:focus .refresh{
    background: url("../images/smgbb/stylepng.png?V=2") no-repeat;
    background-position:-730px -129px;
}
.backbl .back {
    display: block;
    height: 22px;
    width: 20px;
    float: left;
    margin: 10px 8px 0 0;
    background: url("../images/smgbb/stylepng.png?V=2") no-repeat;
    background-position: -731px -150px;
    cursor: pointer;
}
.backbl:hover .back,.backbl:active .back,.backbl:focus .back{
    background: url("../images/smgbb/stylepng.png?V=2") no-repeat;
    background-position:-772px -129px;
}
.errorcontent{
    width: 1200px;
    margin: 0 auto;
    margin-top: 70px;
}
.errorcontent .leftblock {
    width: 335px;
    height: 495px;
    margin:0 104px 0 208px;
    float: left;
}
.errorcontent .leftblock img{
    width:100%;
}
.errorcontent .rightblock {
    width:553px;
    height:373px;
    margin-top: 122px;
    float: left;
}
.errortitle{
    width:100%;
    height:30px;
    float: left;
    margin-bottom: 25px;
    line-height: 30px;
    font-size: 30px;
    font-family: "HYQiHeiX4-55J";
    font-weight: 400;
    color:#000000;
}
.errorcause{
    width: 100%;
    height:107px;
    float: left;
    font-family: "HYQiHeiX4-55J";
    font-size: 16px;
    line-height: 36px;
}
.errorcause div{
    width:70px;
    height:36px;
    float: left;
}
.errorcause ul{
    width:450px;
    height:107px;
    float: left;
    margin-left: 20px;
    color:#999999;
}
.errorcause ul li{
    list-style-type: disc;
    color:#e50012;
}
.errorcause ul li span{
    color:#999999;
}
.refreshbl,.backbl{
    width:92px;
    height:40px;
    margin:70px 26px 0 0;
    padding-left: 36px;
    float: left;
    border: 1px solid #cccccc;
    border-radius: 4px;
    cursor: pointer;
}
.refreshbl .refreshtxt ,.backbl .backtxt{
    float: left;
    font-family: "HYQiHeiX4-55J";
    font-size: 14px;
    color:#666666;
    line-height:40px;
}
.hide{
    display: none;
}
.show{
    display: block;
}
.needloginfs{
    width:100%;
    height:100%;
}
.needlogin{
    width:100%;
    height:auto;
    margin-top: 200px;
    font-family: "HYQiHeiX4-55J";
    color: #ffffff;
    font-size: 24px;
    text-align: center;
    z-index: 1;
}
.needlogin img{
    width:69px;
    margin-bottom: 26px;
}
.needlogin .vip{
     line-height: 36px;
}
.needlogin .vip span{
    font-size: 18px;
}
.needlogin .vip div{
    width:170px;
    height:36px;
    font-size: 18px;
    background-color: #e50012;
    border-radius: 5px;
    margin: 0 auto;
    margin-top: 18px;
    cursor: pointer;
}
#playerbg{
    width:100%;
    height:100%;
    z-index: 5;
}
.successimg{
    width:100%;
    height:72px;
    float: left;
    margin-top:52px ;
    text-align: center;
}
.successimg img{
    width:72px;
}
.successtxt{
    width:100%;
    height: 24px;
    margin-bottom: 48px;
    color:#ffffff;
    font-family: "HYQiHeiX4-55J";
    line-height: 24px;
    text-align: center;
    float: left;
}
.servicecontent{
    width: 800px;
    margin: 0 auto;
    position: relative;
    font-family: "HYQiHeiX4-55J";
    color:#000000;
}
.strong{
    font-family:"HYQiHeiX4-55J";
}
.livedate{
    position: absolute;
    top:12px;
    left:12px;
    font-size: 16px;
    font-family: "HYQiHeiX4-55J";
}
.channellistpl{
    width: 272px;
    float: left;
    font-family: "HYQiHeiX4-55J";
    background-color: #26262b;
}
.channellistpl .clttitle{
    margin-left: 20px;
}
.nowplayinfo{
    width:236px;
    padding: 14px 16px 0 20px;
    margin-bottom:4px ;
    float:left;
    color:#ffffff;
    border-bottom:1px solid #000000;
}
.roundinfo{
    width: 100%;
    float: left;
    line-height: 28px;
    font-size: 16px;
    font-family: "HYQiHeiX4-55J";
    color:#ffffff;
}
.roundtime{
    width: 100%;
    float: left;
    line-height: 26px;
    font-size: 14px;
    font-family: "HYQiHeiX4-55J";
    color: #ffffff;
    color:rgba(255,255,255,0.5);
}
.roundteam{
    width:100%;
    float: left;
    margin: 6px 0 11px 0;
}
.hometeam,.awayteam{
    width:102px;
    float: left;
}
.teamlogo{
    width:64px;
    height:64px;
    margin: 0 19px;
    float: left;
}
.teamlogo img{
    width:100%;
}
.teamname{
    width:100%;
    height:44px;
    line-height: 44px;
    font-size: 14px;
    font-family: "HYQiHeiX4-55J";
    color: #ffffff;
    text-align: center;
}
.vs{
    width:32px;
    height:64px;
    float: left;
    margin-bottom: 44px;
    text-align: center;
    line-height: 64px;
}


.teamname{
    width:100%;
    float: left;
    line-height: 44px;
    font-size: 14px;
    font-family: "HYQiHeiX4-55J";
    color: #ffffff;
}
.rankinginfo{
    width:236px;
    padding: 10px 16px 15px 20px;
    float:left;
    color:#ffffff;
    border-bottom:1px solid #000000;
}
.rankinginfo table{
    width: 100%;
    height: auto;
    text-align: center;
    display: table;
    border-collapse:separate;
    table-layout:fixed;
}
.rankinginfo table thead td{
    height:20px;
    line-height: 20px;
    font-size: 12px;
    font-family: "HYQiHeiX4-55J";
    color: #ffffff;
}
.rankinginfo table tbody tr{
    width:100%;
    height:37px;
    line-height: 37px;
    font-size: 12px;
    font-family: "HYQiHeiX4-55J";
    color: #ffffff;
    text-align: center;
}
.rankinginfo table tbody tr div{
    width:20px;
    height:20px;
    line-height: 20px;
    float: right;
    margin-right: 6px;
}
.top{
    background-color: #e50012;
}
.normal{
    background-color: #999999;
}
#cheackmore{
    width:236px;
    height:53px;
    padding: 0 16px 0 20px;
    line-height: 53px;
    float:left;
    font-size: 14px;
    font-family: "HYQiHeiX4-55J";
    color: #ffffff;
    color:rgba(255,255,255,0.3);
    text-align: center;
    cursor: pointer;
}
#cheackmore span{
    float: left;
    margin-left: 81px;
}
#cheackmore p{
    width:14px;
    height:12px;
    margin: 20px 0;
    line-height:12px;
    margin-left: 5px;
    -moz-border-radius: 7px;
    -webkit-border-radius:7px;
    border-radius: 7px;
    border: 1px solid rgba(255,255,255,0.3);
    float: left;
}
#plRankingtitle{
    width:1198px;
    height:56px;
    margin: 0 auto;
    line-height: 58px;
    background-color: #f3f3f3;
    border: 1px solid #dddddd;
    font-family: "HYQiHeiX4-55J";
    font-size: 18px;
    font-weight: bolder;
    color: #000000;
}
#plRankingtitle div{
    width:18px;
    height:24px;
    float: left;
    margin: 18px 20px 16px 50px;
}
#plRankingtitle div img{
    width:18px;
    height:23px;
    float: left;
}
#plRankinginfo{
    width:1200px;
    height:auto;
    margin: 0 auto;
    margin-top: 30px;
}
#plRankinginfo table{
    width: 100%;
    height: auto;
    text-align: center;
    display: table;
    border-collapse:collapse;
    table-layout:fixed;
}
.tbg{
    width:1198px;
    height:35px;
    line-height: 35px;
    border: 1px solid #dddddd;
    background-color: #f3f3f3;
    font-size: 14px;
    font-family: "HYQiHeiX4-55J";
}
#plRankinginfo table tbody tr{
    width:100%;
    height:46px;
    line-height: 46px;
    font-size: 16px;
    font-family: HYQiHeiX4-55J;
    color: #333333;
    border-left: 1px solid #dddddd;border-right: 1px solid #dddddd;
}

#plRankinginfo table tbody tr:nth-child(odd) td,
#plRankinginfo table tbody tr:nth-child(odd) th {background-color:#ffffff; border-bottom: 1px solid #dddddd;}
#plRankinginfo table tbody tr:nth-child(even) td,
#plRankinginfo table tbody tr:nth-child(even) th {background-color:#f3f3f3;border-bottom: 1px solid #dddddd;}
#plRankinginfo table tbody tr em{
    width:28px;
    height: 28px;
    display: block;
    margin: 8px 40px;
    border-radius: 4px;
    border: 1px solid #999999;
    font-family: HYQiHeiX4-55J;
    font-size: 16px;
    font-style: normal;
    line-height: 28px;
    color: #333333;
}
#plRankinginfo table tbody tr .red{
    background-color: #e50012;
    border: 1px solid #e50012;
    color: #ffffff;
}
#plRankinginfo table tbody tr .blue{
    background-color: #00bde5;
    border: 1px solid #00bde5;
    color: #ffffff;
}
#plRankinginfo table tbody tr .yellow{
    background-color: #f7ae00;
    border: 1px solid #f7ae00;
    color: #ffffff;
}
#plRankinginfo table tbody tr .gray{
    background-color: #aaaaaa;
    border: 1px solid #aaaaaa;
    color: #ffffff;
}
#plRankinginfo table tbody tr .slogo{
    width:100%;
    float: left;
    text-align: left;
}
#plRankinginfo table tbody tr .slogo img{
    margin:8px 24px 8px 42px;
    display: block;
    float: left;
}
#colorintro{
    width:1112px;
    height:30px;
    margin: 0 auto;
    padding:48px 44px 0 44px;
}
.redblock,.blueblock,.yellowblock,.grayblock{
    float: left;
    margin-right: 52px;
    line-height: 30px;
}

.redblock span{
    width:30px;
    height:30px;
    border-radius: 4px;
    background-color: #e50012;
    margin-right: 12px;
    display: block;
    float: left;
}
.blueblock span{
    width:30px;
    height:30px;
    border-radius: 4px;
    background-color: #00bde5;
    margin-right: 12px;
    display: block;
    float: left;
}
.yellowblock span{
    width:30px;
    height:30px;
    border-radius: 4px;
    background-color: #f7ae00;
    margin-right: 12px;
    display: block;
    float: left;
}
.grayblock span{
    width:30px;
    height:30px;
    border-radius: 4px;
    background-color: #aaaaaa;
    margin-right: 12px;
    display: block;
    float: left;
}
#cnzz_stat_icon_1274053209{
    display: none;
}
#midroll{
    display:block;z-index: 999;position:absolute;
}
.flowplayer .fp-playlist {
    display: none;
}

.flowplayer .fp-playlist {
    display: none;
}

.flowplayer.is-disabled .fp-header,
.flowplayer.is-disabled .fp-controls,
.flowplayer.is-disabled .fp-time {
    visibility: hidden;
}

.pay_bg{
    width:100vw;
    height:34.8vw;
    min-height: 662px;
    margin:0 auto;
    background: url("../images/smgbb/paybg.jpg") no-repeat;
    background-size:cover;
    margin-bottom: 64px;
}
.pay_block{
    width:900px;
    height:630px;
    margin: 0 auto;
    top: 16px;
    position: relative;
    background-color: #ffffff;
    background-color: rgba(255,255,255,0.8);
}
.pay_head{
    width:100%;
    height:72px;
    background-color: #000000;
    background-color: rgba(0,0,0,0.8);
}
.pay_head .user_head{
    width:48px;
    height:48px;
    float: left;
    margin-top: 12px;
    margin-left: 30px;
}
.pay_head .user_head img{
    width:100%;
}

.pay_head .user_info{
    width:300px;
    height:64px;
    float: left;
    margin-top: 8px;
    margin-left: 14px;
    color:#ffffff;
    font-family: "PingFang SC Medium";
}
.pay_block .user_info .user_name{
    width: 100%;
    height:34px;
    float: left;
    line-height: 34px;
    font-size: 24px;
}
.pay_block .user_info span{
    width: 100%;
    height: 22px;
    float: left;
    line-height: 22px;
    font-size: 12px;
    color: #bc8518;
}

.pay_head .exchange_btn{
    width:115px;
    height:35px;
    float: right;
    margin-top: 18px;
    margin-right: 30px;
    border-radius: 18px;
    background-color: #e50012;
    line-height: 35px;
    color: #ffffff;
    font-size: 20px;
    font-family: "PingFang SC Medium";
    text-align: center;
    cursor: pointer;
}
.pay_item{
    width:854px;
    height:172px;
    float: left;
    margin: 24px 23px;
}

.pay_item li{
    width:264px;
    height:170px;
    float: left;
    margin: 0 7px;
    border: 1px solid #bc8518;
    border-radius: 2px;
    font-family: "PingFang SC Light";
    cursor: pointer;
}
.pay_item li.on{
    background-color: #bc8518;
    background-color: rgba(188,133,24,0.4);
}
.pay_item_title{
    width:100%;
    height:24px;
    float: left;
    margin-top:24px;
    font-size: 24px;
    line-height: 24px;
    color:#000000;
    font-family:"PingFang Semibold" ;
    text-align: center;
}

.pay_item_fp{
    width:100%;
    height:48px;
    float: left;
    margin-top: 16px;
    color:#624202;
    text-align: center;
    box-sizing: border-box;
}
.pay_item_fp .pay_item_currency{
    font-size: 20px;
    box-sizing: border-box;
    display: inline-block;
}
.pay_item_fp .pay_item__final_price{
    font-size: 48px;
    line-height: 48px;
    box-sizing: border-box;
    display: inline-block;
}

.pay_item_op{
    width:100%;
    height:24px;
    float:left;
    margin-top: 20px;
    line-height: 24px;
    font-size: 24px;
    text-align: center;
}
.pay_method{
    width:840px;
    float: left;
    margin: 40px 30px 0 30px;
}
.pay_method span{
    width:100%;
    height:24px;
    float: left;
    margin-bottom: 40px;
    font-size: 24px;
    line-height: 24px;
    color: #000000;
    font-family: "PingFang SC Regular";
}
.pay_method_item{
    width: 100%;
    height: 96px;
    float: left;
    margin-bottom: 45px;
}
.pay_method_item li{
    width:262px;
    height: 94px;
    float: left;
    margin-right: 22px;
    border: 1px solid #bc8518;
    border-radius: 2px;
    font-size: 30px;
    color:#000000;
    font-family: "PingFang SC Regular";
    cursor: pointer;
}
.pay_method_item li.on{
    background-color: #bc8518;
    background-color: rgba(188,133,24,0.4);
}
.pay_method_item li img{
    width:50px;
    float: left;
    margin: 22px 20px 0 34px;
}
.pay_method_item li span{
    width:100px;
    height:94px;
    float: left;
    line-height: 94px;
}

.pay_btn{
    width:380px;
    height:48px;
    float: left;
    margin: 0 230px;
    border-radius: 24px;
    background-color: #cea046;
    text-align: center;
    line-height: 48px;
    font-size:20px ;
    color:#ffffff;
    font-family: "PingFang SC Regular";
    cursor: pointer;
}

.exchange_wrap{
    width: 1200px;
    height: 482px;
    margin: 0 auto;
    position: relative;
    top: 30px;
}
.exchange_block,.exchange_success_block,.exchange_fail_block{
    width:464px;
    height:100%;
    position: absolute;
    top:0;
    right:5px;
    background-color: #ffffff;
    background-color: rgba(255,255,255,0.8);
}
.tab_block{
    width:100%;
    height:64px;
    float: left;
    line-height: 64px;
    font-size: 24px;
    color:#999999;
    background-color: #ffffff;
}
.tab_block div{
    width:232px;
    float: left;
    cursor: pointer;
}
.tab_block div.on{
    color:#624202;
}
.tab_block div span{
    width:232px;
    text-align: center;
    display: block;
}

.tab_block div.on .line{
    width:48px;
    height: 1px;
    position: relative;
    bottom: 0;
    left:92px;
    background-color: #cea046;
    display: block;
    margin: 0 auto;
}
.tab_block div .line{
    width:48px;
    height: 1px;
    position: relative;
    bottom: 0;
    left:92px;
    background-color: #cea046;
    display: none;
    margin: 0 auto;
}

/* entire container, keeps perspective */
.flip-container {
    perspective: 1000;
}


.flip-container{
    width: 100%;
    float: left;
}

.flipper_block{
    width:82%;
    height:418px;
    margin: 20px 9% 0 9%;
    float: left;
    display: none;
}
.on{
    display: block;
}

/* flip speed goes here */
.flipper {
    /*transition: 0.6s;
    transform-style: preserve-3d;*/

    position: relative;
}

/* hide back of pane during swap */
.flipper_block {
    /*backface-visibility: hidden;*/

    position: absolute;
    top: 0;
    left: 0;
}

/* front pane, placed above back */
.flipper_block{
    z-index: 2;
}
.flipper .flipper_block .form-group input{
    border-radius: 24px;
    text-indent: 64px;
    height: 48px;
    line-height: 48px;
    font-size: 20px;
    width: 100%;
}

.flipper .flipper_block .form-group .form-label{
    width: 64px;
    height: 48px;
}

.flipper .flipper_block .form-group .form-label .m-icon{
    width: 24px;
    height: 25px;
    margin-left:25px;
}

.icon-epassword{
    background: url(../images/smgbb/epassword.png) center center no-repeat;
}
.icon-card{
    background: url(../images/smgbb/card.png) center center no-repeat;
}
.ce_btn{
    width:100%;
    height:48px;
    float: left;
    margin-top: 20px;
    background-color: #cea046;
    border-radius: 24px;
    line-height: 48px;
    font-size: 20px;
    color: #ffffff;
    text-align: center;
    cursor: pointer;
}
.ce_info{
    width:100%;
    float: left;
}
.ce_info_title{
    width:100%;
    float: left;
    margin-bottom: 18px;
}
.ce_info_title .line{
    width:128px;
    height:1px;
    float: left;
    margin: 0 auto;
    margin-top: 9px;
}
.ce_info_title div{
    width:80px;
    height:20px;
    float: left;
    margin: 0 22px;
    font-size: 20px;
}
.ce_info_rules{
    width:100%;
    float: left;
    font-size: 12px;
    line-height: 24px;
    color:#333333;
    font-family: "PingFang SC Regular";
}
.result_img{
    width:133px;
    height:133px;
    margin-top: 46px;
    margin-left: 165px;
}
.result_img img{
    width:100%;
}
.result_title{
    width:100%;
    height:30px;
    float: left;
    margin-top: 24px;
    line-height: 30px;
    font-size: 30px;
    font-family: "PingFang SC Regular";
    text-align: center;
}
.exchange_success_block .result_title{
    color:#cea046;
}
.exchange_fail_block .result_title{
    color:#e2211c;
}

.result_info{
    width:100%;
    height:20px;
    float: left;
    margin-top: 40px;
    line-height: 20px;
    font-size: 20px;
    text-align: center;
    font-family: "PingFang SC Regular";
    color: #000000;
}

.result_userinfo{
    width:400px;
    float: left;
    margin-top: 32px;
    margin-left: 64px;
}
.result_userinfo .user_head{
    width:96px;
    height:96px;
    float: left;
    margin-right: 16px;
}
.result_userinfo .user_head img{
    width:100%;
}
.result_userinfo .user_info{
    width:288px;
    heigth:96px;
    float: left;
}
.result_userinfo .user_info .user_name{
    width:100%;
    height:52px;
    float: left;
    margin-top: 10px;
    line-height: 52px;
    font-family: "PingFang SC Medium";
    font-size: 32px;
    color: #000000;
}
.result_userinfo .user_info .user_vip_endtime{
    width:100%;
    height:16px;
    float: left;
    line-height: 16px;
    font-family: "PingFang SC Medium";
    font-size: 16px;
    color: #bc8518;
}
.result_btn{
    width:378px;
    height:46px;
    float: left;
    margin-left: 42px;
    border: 1px solid #bc8518;
    border-radius: 24px;
    line-height: 46px;
    font-size: 20px;
    text-align: center;
    font-family: "PingFang SC Regular";
    cursor: pointer;
}
.exchange_success_block .result_btn{
    margin-top: 30px;
    background-color: #bc8518;
    color: #ffffff;
}
.exchange_fail_block .result_btn{
    margin-top: 102px;
    color: #bc8518;
}
.pop_alert{
    width:640px;
    border-radius: 4px;
    background-color: #FFF;
    position: fixed;
    _position: absolute;
    z-index: 9999;
    top: 5%;
    left: 50%;
    margin-left: -320px;
}
.pop_hd {
    position: relative;
    background-color: #eeeeee;
}
.pop_hd h3 {
    font-size: 17px;
    line-height: 57px;
    height: 57px;
    padding: 0 24px;
    margin: 0 auto;
    margin-bottom: 7px;
}
.pop_hd .pop_close {
    width: 21px;
    height: 20px;
    background: url(../images/smgbb/wxclose.png);
    position: absolute;
    right: 20px;
    top: 20px;
    line-height: 50px;
    overflow: hidden;
    cursor: pointer;
}

.pop_bd{
    width:100%;
    float: left;
    background-color: #ffffff;
}

.pop_code {
    text-align: center;
}

.pop_code .account_spend {
    width:100%;
    height:36px;
    display:block;
    margin: 23px 0 38px;
    text-align: center;
    font-size: 20px;
    color:#000000;
}
.price_s4 {
    font-family: "PingFangSC-Regular",Arial;
    font-size: 36px;
    color:#cea046;
    margin:0 12px;
}

.code_txt {
    width: 100%;
    margin: 0 auto;
    line-height: 18px;
    text-align: left;
    margin-top: 38px;
    margin-bottom: 10px;
    float: left;
    font-size: 16px;
    color:#999999;
    font-family: "PingFang SC Regular";
}
.code_txt i {
    display: inline-block;
    width: 36px;
    height: 36px;
    background: url(../images/smgbb/scan.png)  no-repeat;
    float: left;
    margin:0 12px 0 247px;
}

.qrcode_bg{
    width:256px;
    height:256px;
    float: left;
    margin:0 192px;
    background:url(../images/smgbb/qrcodebg.png) no-repeat;
}
#scancode_qrcode{
    width:200px;
    height:200px;
    float: left;
    margin: 28px;
}
.payafter_info{
    width:100%;
    height:20px;
    float: left;
    line-height: 20px;
    font-size: 14px;
    color:#3c3c3c;
    margin-bottom: 25px;
}
.payloading{
    width:24px;
    height:24px;
    float: left;
    margin: 6px 178px;
}
.payloading img{
    width: 100%;
}
.needRefresh{
    width:252px;
    height:34px;
    position: absolute;
    right:24px;
    bottom: 24px;
    cursor: pointer;
}
.needRefresh img{
    width:100%;
}
.agreerules{
    width:140px;
    height:15px;
    margin:5px 0 0 350px;
    float: left;
    text-align: center;
}

.agreerules span{
    width:120px;
    margin-left: 15px;
    font-size: 12px;
    line-height: 15px;
}
.agreerules .magic-checkbox:checked + label:before{
    border: #cea046;
    background: #cea046;
}
.agreerules label span a, .agreerules label span a:hover, .agreerules label span a:focus, .agreerules label span a:active{
    color:#000000;
}
.gongan {
    width: 100%;
    float: left;
    text-align: center;
    font-size: 14px;
    padding-bottom: 8px;
}
.gongan img {
    margin-right: 5px;
}
.gongan a, .gongan img {
    vertical-align: middle;
    color:#666;
}
.captchaimg{
    float: right;
    width: 130px;
    height:42px;
    position: relative;
    z-index: 2;
}