body,html {
    background: #F1F1F1
}

.indexWrap {
    position: relative;
    z-index: 5;
    padding-top: 70px
}

.frdlink {
    display: block!important
}

.web_nav_bbg {
    height: 70px;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%
}

.leftArrow {
    display: none;
    width: 7px;
    height: 14px;
    background: url(../images/index4.png) no-repeat
}

.indexTop {
    width: 100%;
    background: #301A83;
    height: 620px;
    padding-top: 20px;
    margin-bottom: 28px;
    position: relative
}

.indexTop .linkfocus {
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    background-repeat: no-repeat;
    background-position: top center
}

.videopar {
    width: 1285px;
    margin: 0 auto;
    height: 598px;
    overflow: hidden;
    position: relative;
    z-index: 2
}

.xiu_index {
    opacity: 0
}

.xiu_index_show {
    opacity: 1
}

.videoPlay {
    width: 1068px;
    height: 598px;
    background: #000 url(//img3.img.9xiu.com/public/webImg/newlive/loading.gif) no-repeat center center;
    float: left
}

#indexVideo {
    width: 100%;
    height: 100%
}

.video_list {
    width: 205px
}

.video_list .videoItem {
    height: 136px;
    position: relative;
    background: #909090;
    cursor: pointer;
    margin-bottom: 18px
}

.videoItem .itembg {
    background: #000;
    opacity: .3;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    filter: alpha(opacity=30)\9
}

.videoItem img {
    width: 100%;
    min-height: 100%
}

.videoItem p {
    height: 136px;
    overflow: hidden
}

.videoItem .live {
    position: absolute;
    right: 0;
    top: 0;
    width: 39px;
    height: 20px;
    background: url(../images/index9.png) no-repeat;
    display: none
}

.videoItem .leftArrow {
    position: absolute;
    left: -7px;
    top: 60px
}

.videoItemOn .itembg {
    opacity: 1;
    background: 0;
    border: 2px solid #FF3D55;
    width: 201px;
    height: 132px;
    filter: alpha(opacity=100)\9
}

.videoItemOn .live {
    display: block
}

.videoItemOn .leftArrow {
    display: block
}

.listpar {
    width: 1500px;
    margin: 0 auto
}

.layoutBox {
    width: 100%;
    overflow: hidden;
    margin-bottom: 30px
}

.layoutBox .aholistpar {
    width: 100%
}

.indexTitle {
    border-bottom: 1px solid #CCC;
    padding-bottom: 15px;
    margin-bottom: 20px
}

.indexTitle span {
    display: inline-block;
    height: 30px;
    line-height: 32px;
    padding-left: 40px;
    font-size: 22px;
    color: #333
}

.indexTitle .hotIcon {
    background: url(../images/index12.png?v=2019040901) no-repeat
}

.indexTitle .tuijian {
    background: url(../images/index5.png?v=2019040901) no-repeat
}

.indexTitle .jingxuan {
    background: url(../images/index8.png?v=2019040901) no-repeat
}

.indexTitle .pkIcon {
    background: url(../images/index1.png?v=2019040901) no-repeat
}

.indexTitle .newsIcon {
    background: url(../images/index11.png?v=2019040901) no-repeat
}

.pk_layout_Title a {
    color: #686868;
    font-size: 14px;
    float: right;
    margin-top: 10px
}

.indexAhoItem {
    float: left;
    width: 204px;
    height: 176px;
    position: relative;
    border-radius: 5px;
    overflow: hidden;
    margin: 0 12px 14px 0
}

.indexAhoItem img {
    width: 100%;
    min-height: 100%;
    -moz-transition: all .5s;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s
}

.indexAhoItem:hover img {
    -webkit-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2);
    -moz-transform: scale(1.2)
}

.indexAhoItem .itembg {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    display: block;
    height: 89px;
    background: url(../images/index17.png) no-repeat;
    z-index: 1;
    display: none
}

.indexAhoItem .itemText {
    position: absolute;
    left: 0;
    bottom: 6px;
    width: 100%;
    color: #fff;
    z-index: 2;
    font-size: 12px;
    display: none
}

.indexAhoItem .itemText span {
    padding: 0 6px
}

.indexAhoItem b {
    vertical-align: middle;
    float: left;
    height: 18px;
    line-height: 18px
}

.indexAhoItem .itemNamePar {
    display: block;
    font-size: 13px
}

.indexAhoItem .cityicon {
    background: url(../images/index13.png) no-repeat 0 3px;
    padding-left: 15px
}

.indexAhoItem .itemText .itemNum {
    display: inline-block;
    height: 21px;
    line-height: 21px;
    font-size: 12px;
    padding-left: 48px;
    background: url(../images/index14.png) no-repeat;
    border-radius: 5px;
    margin: 5px 0 0 6px
}

.indexAhoItem em {
    padding: 0 5px
}

.indexAhoItem .itemline {
    padding: 0 6px
}

.indexAhoItem:hover .itembg {
    display: block
}

.indexAhoItem:hover .itemText {
    display: block
}

.tuiJpar_l {
    width: 330px
}

.tuiJpar_r {
    width: 1190px
}

.tuiJpar .indexAhoItem {
    width: 221px;
    height: 253px;
    margin: 0 16px 19px 0
}

.tuiJpar .indexAhoItem img {
    width: auto;
    height: 100%;
    min-width: 100%;
    margin-left: -15px
}

.tuiJpar .indexAhoItem .itembg {
    display: block;
    background-repeat: repeat-x
}

.tuiJpar .indexAhoItem .itemText {
    display: block
}

.tuiJpar .indexAhoItem .itemNamePar {
    padding: 0 10px
}

.tuiJpar .indexAhoItem .itemNum {
    margin: 8px 0 0 10px
}

.tuiJpar .indexAhoItem .itemText {
    bottom: 10px
}

.tuiJpar .firstItem {
    width: 315px;
    height: 314px;
    margin-bottom: 15px
}

.tuiJpar .firstItem img {
    margin: 0;
    min-width: 100%
}

.tuiJpar .twoItem {
    width: 315px;
    height: 196px
}

.tuiJpar .twoItem img {
    margin: 0;
    width: 100%;
    height: auto
}

.bannerAni {
    width: 100%;
    height: 130px;
    position: relative;
    overflow: hidden;
    margin-bottom: 30px
}

.bannerAni img {
    width: 1500px;
    height: 130px
}

.bannerAni_List_Par {
    position: relative;
    z-index: 2;
    height: 130px
}

.bannerAni_List_Par a {
    display: block;
    position: absolute;
    width: 100%;
    height: 130px;
    z-index: 1;
    opacity: 0;
    filter: alpha(opacity=0)\9;
    background: #b5b5b5
}

.bannerAni_List_Par a.on {
    z-index: 2;
    opacity: 1;
    filter: alpha(opacity=100)\9
}

.banenrBut {
    position: absolute;
    right: 15px;
    bottom: 15px;
    z-index: 3
}

.banenrBut a {
    float: left;
    width: 14px;
    height: 4px;
    background: #999;
    margin-left: 6px;
    -moz-transition: all .3s;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}

.banenrBut a.on {
    width: 24px;
    background: #FF3D55
}

.jingxuan_par {
    position: relative;
    overflow: inherit;
    margin-bottom: 40px
}

.jingxTip {
    position: absolute;
    background: #fff;
    width: 222px;
    z-index: 10;
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 3px 4px #D5D5D5;
    left: -13px;
    top: 58px;
    -webkit-animation: scale .2s linear;
    -ms-animation: scale .2s linear;
    -moz-animation: scale .1s linear;
    animation: scale .2s linear
}

.jingxTip img {
    width: 100%;
    min-height: 100%
}

.jingxuan_par .indexAhoItem:hover img {
    -webkit-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    -moz-transform: scale(1)
}

.jingxTip dt {
    height: 154px;
    overflow: hidden;
    position: relative;
    background: #2D2D2D
}

.jingxTip dt a {
    position: absolute;
    display: block;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 5;
    overflow: hidden
}

.jingxTip dt .noneVideo {
    background: #000
}

.jingxTip dt .noneVideoHide {
    opacity: 0;
    filter: alpha(opacity=0)\9
}

.jingxTip .noneVideo span {
    position: absolute;
    display: block;
    background: #000;
    width: 100%;
    height: 100%;
    opacity: .4;
    filter: alpha(opacity=50)\9;
    z-index: 6;
    top: 0;
    left: 0
}

.jingxTip dd {
    height: 60px;
    padding: 10px 13px;
    border-radius: 8px;
    border: 1px solid #e8e8e8\9;
    border-top: 0\9
}

.jingxTip dd b {
    color: #999;
    font-size: 12px;
    padding-left: 20px;
    display: inline-block;
    margin-right: 10px
}

.jingxTip .looknum {
    background: url(../images/index7.png) no-repeat left center
}

.jingxTip .cityicon {
    background: url(../images/index16.png) no-repeat left center;
    padding-left: 15px
}

.jingxTip .livetime {
    background: url(../images/index10.png) no-repeat left center
}

.jingxTip .ahoname {
    height: 20px;
    line-height: 22px
}

.jingxTip .ahoname span {
    float: left;
    margin-right: 15px
}

.jingxTip .icon_live_level {
    vertical-align: middle
}

.jingxTip p {
    margin-bottom: 3px
}

#jxSwf {
    opacity: 0;
    filter: alpha(opacity=0)\9;
    width: 100%;
    height: 100%
}

.xinjin_layout {
    overflow: initial
}

.xinjin_layout h2 {
    border-bottom: 0 none;
    margin-bottom: 0
}

.xinjin_layout .aholistpar {
    width: 100%;
    border-top: 4px solid #FF3D55;
    border-radius: 8px;
    overflow: hidden;
    padding: 35px 0 0;
    background: #fff;
    box-shadow: 0 3px 4px #D9D9D9
}

.xinjinItem {
    float: left;
    width: 130px;
    margin-left: 25px
}

.xinjinItem img {
    height: 100%;
    width: auto;
    margin-left: -4px;
    -moz-transition: all .5s;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
    border-radius: 8px
}

.xinjinItem:hover img {
    -webkit-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2);
    -moz-transform: scale(1.2)
}

.xinjinItem dt {
    height: 140px;
    overflow: hidden;
    border-radius: 8px;
    overflow: hidden;
    position: relative
}

.xinjinItem dt a {
    display: block;
    height: 100%;
    border-radius: 8px;
    overflow: hidden
}

.xinjinItem span {
    display: block;
    height: 30px;
    width: 100%;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 1;
    color: #fff;
    text-align: center
}

.xinjinItem .indextag {
    width: 105px;
    height: 27px;
    display: block;
    position: absolute;
    right: 12px;
    top: 5px;
    z-index: 5
}

.xinjinItem span b {
    display: block;
    width: 100%;
    height: 100%;
    background: #ff3d55;
    opacity: .7;
    filter: alpha(opacity=70)\9
}

.xinjinItem em {
    display: block;
    width: 100%;
    position: absolute;
    z-index: 2;
    left: 0;
    bottom: 0;
    line-height: 30px
}

.xinjinItem dd {
    padding: 10px 8px
}

.xinjinItem dd b {
    padding-left: 15px;
    color: #999
}

.xinjinItem .lookNum_s {
    background: url(../images/index15.png) no-repeat left center
}

.xinjinItem .cityIcon {
    background: url(../images/index16.png) no-repeat left center
}

.xinjin_more {
    display: block;
    text-align: center;
    background: #EDEDED;
    width: 63px;
    height: 165px;
    margin-right: 16px;
    border-radius: 8px;
    -moz-transition: all .5s;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s
}

.xinjin_more b {
    display: block;
    font-size: 14px;
    color: #999;
    -moz-transition: all .5s;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s
}

.xinjin_more:hover {
    background: #b3afaf
}

.xinjin_more:hover b {
    color: #fff
}

.b_f {
    margin-top: 55px
}

.go_live {
    width: 103px;
    height: 98px;
    position: absolute;
    right: 10px;
    top: 790px;
    background: url(../images/index6.png) no-repeat left center;
    z-index: 99
}

.toTop {
    position: fixed;
    z-index: 100;
    border-radius: 3px;
    width: 54px;
    background: #fff;
    bottom: 15px;
    right: 0;
    transition: bottom .2s;
    _position: absolute;
    display: none
}

.toTop .toTopHB {
    border-radius: 3px;
    -webkit-transition: height .3s;
    transition: height .3s;
    padding: 10px 0
}

.toTop .toTopHB .nav_right {
    position: relative;
    display: block;
    cursor: pointer;
    padding: 7px 0
}

.toTop .toTopHB .nav_right .nav_right_icon {
    width: 100%;
    background-image: url(../images/icon-1.png)
}

.toTop .toTopHB .nav_right .nav_right_text {
    text-align: center;
    font-size: 12px;
    color: gray;
    padding: 7px 0 0;
    height: 14px;
    line-height: 100%
}

.toTop .toTopHB .down {
    background-position: 0 0;
    height: 22px
}

.toTop .toTopHB .wx {
    background-position: 0 -54px;
    height: 22px
}

.toTop .toTopHB .kf {
    background-position: 0 -107px;
    height: 24px
}

.toTop .toTopHB .qq {
    background-position: 0 -163px;
    height: 24px
}

.toTop .toTopHB .help {
    background-position: 0 -219px;
    height: 23px
}

.toTop .toTopHB .top {
    background-position: 0 -274px;
    height: 12px
}

.toTop .toTopHB .nav_right:hover .nav_right_text {
    color: #ff3055
}

.toTop .toTopHB .app_hover:hover .down {
    background-position: -45px 0
}

.toTop .toTopHB .wx_hover:hover .wx {
    background-position: -45px -54px
}

.toTop .toTopHB .kf_hover:hover .kf {
    background-position: -45px -107px
}

.toTop .toTopHB .qq_hover:hover .qq {
    background-position: -45px -163px
}

.toTop .toTopHB .help_hover:hover .help {
    background-position: -45px -219px
}

.toTop .toTopHB .top_hover:hover .top {
    background-position: -45px -274px
}

.toTop .toTopHB .nav_pup {
    position: absolute;
    width: 0;
    opacity: 0;
    top: 0;
    right: 54px;
    overflow: hidden
}

.toTop .toTopHB .nav_pup .nav_pup_wrap {
    border-radius: 5px;
    background: #fff;
    padding: 4px;
    width: 118px;
    margin-right: 18px
}

.toTop .toTopHB .nav_pup .nav_pup_main {
    text-align: center
}

.toTop .toTopHB .nav_pup_main img {
    display: block;
    margin: 0 auto;
    width: 110px;
    height: 110px
}

.toTop .toTopHB .nav_pup_main span {
    display: inline-block;
    line-height: 100%;
    font-size: 12px;
    color: #666;
    margin: 5px 0
}

.toTop .toTopHB .nav_pup_main em {
    display: block;
    color: #ff3055;
    border-bottom: 1px solid #eee;
    width: 126px;
    margin-left: -4px;
    padding: 8px 0
}

.toTop .toTopHB .app_hover .nav_pup {
    top: -10px
}

.toTop .toTopHB .QQonline .nav_pup {
    bottom: -115px;
    top: auto
}

.toTop .toTopHB .QQonline .nav_pup_main {
    padding: 0 10px
}

.toTop .toTopHB .QQonline .nav_pup_main p {
    width: 100%;
    height: 57px;
    display: block;
    overflow: hidden;
    background: url(//img3.img.9xiu.com/public/webImg/index2017/nav/qq_2.png) no-repeat center bottom
}

.toTop .toTopHB .QQonline .nav_pup_main p strong {
    display: block;
    padding: 4px 0 8px 4px;
    text-align: left;
    color: #666;
    font-size: 12px
}

.toTop .toTopHB .QQonline .nav_pup_main p a {
    height: 17px;
    width: 14px;
    display: block;
    margin-left: 6px;
    margin-right: 0;
    float: left;
    background: url(//img3.img.9xiu.com/public/webImg/index2017/nav/qq_1.png?v=180113) no-repeat center
}

.toTop .toTopHB .QQonline .nav_pup_main p a.VIP_Qonline {
    background: url(//img3.img.9xiu.com/public/webImg/index2017/nav/qq_4.png?v=180113) no-repeat center
}

.qjsimg {
    position: absolute;
    left: 10px;
    z-index: 5;
    opacity: 0;
    filter: alpha(opacity=0);
    overflow: hidden;
    width: 60px;
    height: 18px
}

.indextag {
    width: 105px;
    height: 27px;
    display: block;
    position: absolute;
    right: 12px;
    top: 5px;
    z-index: 5
}

.index_tag_1 {
    background: url(//img.img.9xiu.com/public/webImg/index2017/tag1.png) no-repeat
}

.index_tag_2 {
    background: url(//img.img.9xiu.com/public/webImg/index2017/tag2.png) no-repeat
}

.index_tag_3 {
    background: url(//img.img.9xiu.com/public/webImg/index2017/tag3.png) no-repeat
}

.index_tag_4 {
    background: url(//img.img.9xiu.com/public/webImg/index2017/tag4.png) no-repeat
}

.index_tag_5 {
    background: url(//img.img.9xiu.com/public/webImg/index2017/tag5.png) no-repeat
}

.index_tag_6 {
    background: url(//img.img.9xiu.com/public/webImg/index2017/sing.png) no-repeat
}

.index_tag_7 {
    background: url(//img.img.9xiu.com/public/webImg/index2017/dance.png?id=1) no-repeat
}

.index_tag_8 {
    background: url(//img.img.9xiu.com/public/webImg/index2017/game.png) no-repeat
}

.xinjinPar {
    width: 1400px;
    overflow: hidden
}

.newTag {
    width: 105px!important;
    height: 39px!important;
    right: auto;
    left: 5px;
    top: 5px!important
}

.school_name {
    display: block;
    padding: 0 10px;
    height: 22px;
    border-radius: 20px;
    overflow: hidden;
    background: #1C1C1C;
    opacity: .85;
    color: #fff;
    line-height: 22px;
    font-size: 12px;
    text-align: center;
    position: absolute;
    z-index: 5;
    right: 8px;
    top: 8px
}

.jiuxiu_client {
    position: relative;
    height: 539px;
    overflow: hidden;
    top: 30px
}

.v_list_main {
    width: 285px;
    height: 539px;
    margin-right: 7px;
    overflow: hidden;
    position: relative;
    background: #3e3c3c;
    overflow: hidden
}

.v_list_main video {
    width: 100%;
    height: 100%;
    position: relative;
    background: #000 url(//img3.img.9xiu.com/public/webImg/newlive/loading.gif) no-repeat center center;
    z-index: 1;
    object-fit: cover
}

.r_anchorList {
    width: 705px
}

.r_anchorList a {
    float: left;
    width: 230px;
    height: 266px;
    margin: 0 0 7px 5px;
    background: #3e3c3c;
    overflow: hidden
}

.r_anchorList img {
    height: 100%;
    margin-left: -15px;
    -moz-transition: all .3s;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}

.r_anchorList a:hover img {
    transform: scale(1.2)
}

.v_muth_icon {
    display: block;
    width: 30px;
    height: 30px;
    background: url(//img.img.9xiu.com/public/webImg/index2017/mute_icon.png) no-repeat -30px 0;
    position: absolute;
    right: 10px;
    top: 10px;
    z-index: 10
}

.v_muth_icon_on {
    background-position: 0 0
}

.v_mask {
    position: absolute;
    z-index: 5;
    cursor: pointer;
    width: 100%;
    height: 100%
}

#video_1,#video_2 {
    position: fixed;
    top: 0;
    left: 0;
    opacity: 0
}

.gl_r {
    font-size: 15px;
    color: #fff;
    width: 266px;
    height: 223px;
    position: absolute;
    bottom: 35px;
    left: 9px;
    background: url(//img.img.9xiu.com/public/webImg/index2017/400/l_bg.png) no-repeat;
    z-index: 100
}

.t-img {
    display: block;
    width: 240px;
    margin: 10px auto
}

.olt_wrap {
    border-top: 0
}

.olt_wrap .other_login_type {
    margin-left: 0;
    width: auto;
    text-align: center;
    padding: 0 0 10px 19px
}

.olt_wrap .other_login_type li {
    float: left;
    margin-right: 15px;
    cursor: pointer
}

.olt_wrap .other_login_type li a {
    display: block;
    margin-bottom: 8px;
    width: 66px;
    height: 64px;
    background-size: auto 100%!important
}

.olt_wrap .other_login_type li span {
    color: #fff;
    font-size: 12px
}

.olt_wrap .other_login_type li.qq_login a {
    background: url(//img.img.9xiu.com/css-js/others/images/pcunion/all_new.png) no-repeat
}

.olt_wrap .other_login_type li.wechat_login a {
    background: url(//img.img.9xiu.com/css-js/others/images/pcunion/all_new.png) -81px 0 no-repeat
}

.olt_wrap .other_login_type li.weibo_login {
    margin-right: 0
}

.olt_wrap .other_login_type li.weibo_login a {
    background: url(//img.img.9xiu.com/css-js/others/images/pcunion/all_new.png) -162px 0 no-repeat;
    margin-right: 0
}

.olt_wrap p.hint {
    font-size: 12px;
    color: #717171;
    text-align: center
}

.olt_wrap p.hint span {
    color: #0084ff
}

.gl_r .gl_input_wrap {
    text-align: center;
    padding-bottom: 0
}

.qq_login a.active {
    animation-delay: 0;
    animation-fill-mode: both;
    animation-name: bounce;
    transform-origin: center bottom
}

.gl_r .gl_input_wrap label[for=register-agree] {
    font-size: 12px;
    margin-right: 0;
    color: #d9ccff;
    padding-left: 17px;
    background: url(//img.img.9xiu.com/public/webImg/index2017/400/check.png) no-repeat 0 3px
}

.gl_r .gl_input_wrap a {
    font-size: 12px;
    color: #d9ccff;
    position: relative;
    top: -1px
}

.gl_r .logo {
    width: 500px;
    pointer-events: none;
    position: absolute;
    top: 0;
    left: -640px
}

.qq_login a.active,.wechat_login a.active {
    -webkit-animation-fill-mode: both;
    -webkit-animation-name: bounce;
    -webkit-transform-origin: center bottom;
    animation-duration: 1s
}

.qq_login a.active {
    animation-delay: 0;
    animation-fill-mode: both;
    animation-name: bounce;
    transform-origin: center bottom
}

.wechat_login a.active {
    animation-delay: 1s;
    animation-fill-mode: both;
    animation-name: bounce;
    transform-origin: center bottom
}

.weibo_login a.active {
    animation-delay: 2s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: bounce;
    animation-name: bounce;
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom
}

@-webkit-keyframes bounce {
    20%,53%,80%,from,to {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        animation-timing-function: cubic-bezier(.215,.61,.355,1);
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }

    40%,43% {
        -webkit-animation-timing-function: cubic-bezier(.755,.05,.855,.06);
        animation-timing-function: cubic-bezier(.755,.05,.855,.06);
        -webkit-transform: translate3d(0,-15px,0);
        transform: translate3d(0,-15px,0)
    }

    70% {
        -webkit-animation-timing-function: cubic-bezier(.755,.05,.855,.06);
        animation-timing-function: cubic-bezier(.755,.05,.855,.06);
        -webkit-transform: translate3d(0,-8px,0);
        transform: translate3d(0,-8px,0)
    }

    90% {
        -webkit-transform: translate3d(0,-4px,0);
        transform: translate3d(0,-4px,0)
    }
}

@keyframes bounce {
    20%,53%,80%,from,to {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        animation-timing-function: cubic-bezier(.215,.61,.355,1);
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }

    40%,43% {
        -webkit-animation-timing-function: cubic-bezier(.755,.05,.855,.06);
        animation-timing-function: cubic-bezier(.755,.05,.855,.06);
        -webkit-transform: translate3d(0,-15px,0);
        transform: translate3d(0,-15px,0)
    }

    70% {
        -webkit-animation-timing-function: cubic-bezier(.755,.05,.855,.06);
        animation-timing-function: cubic-bezier(.755,.05,.855,.06);
        -webkit-transform: translate3d(0,-8px,0);
        transform: translate3d(0,-8px,0)
    }

    90% {
        -webkit-transform: translate3d(0,-4px,0);
        transform: translate3d(0,-4px,0)
    }
}

@media screen and (max-width: 1650px) {
    .listpar {
        width:1285px
    }

    .tuiJpar_r {
        width: 999px
    }

    .tuiJpar_l {
        width: 335px
    }

    .tuiJpar {
        height: 530px;
        overflow: hidden
    }

    .tuiJpar .indexAhoItem {
        margin-right: 22px
    }

    .bannerAni img {
        margin-left: -107px
    }

    .xinjinPar {
        height: 178px;
        overflow: hidden;
        width: 1188px
    }

    .xinjinPar dl {
        margin-left: 18px
    }

    .jingxuan_par .aholistpar {
        height: 190px;
        overflow: hidden
    }

    .pk_par .aholistpar {
        height: 190px;
        overflow: hidden
    }
}

@media screen and (max-width: 1450px) {
    .listpar {
        width:1120px
    }

    .tuiJpar_r {
        width: 840px
    }

    .tuiJpar_l {
        width: 304px
    }

    .tuiJpar {
        height: 462px;
        overflow: hidden
    }

    .tuiJpar .indexAhoItem {
        margin-right: 10px;
        margin-bottom: 15px
    }

    .tuiJpar_r .indexAhoItem {
        width: 192px;
        height: 222px
    }

    .tuiJpar .firstItem {
        width: 290px;
        height: 260px
    }

    .bannerAni img {
        margin-left: -190px
    }

    .xinjinPar {
        height: 178px;
        overflow: hidden;
        width: 1020px
    }

    .xinjinPar dl {
        margin-left: 15px
    }

    .videopar {
        width: 1120px
    }

    .tuiJpar .twoItem {
        width: 290px;
        height: 184px
    }

    .videoItem p {
        height: 112px
    }

    .video_list .videoItem {
        width: 170px;
        height: 112px
    }

    .videoItemOn .itembg {
        width: 166px;
        height: 108px
    }

    .videoItem img {
        min-height: 100%
    }

    .video_list {
        width: 174px
    }

    .videoPlay {
        width: 925px;
        height: 502px
    }

    .indexTop {
        height: 522px
    }

    .indexAhoItem {
        width: 172px;
        height: 148px
    }

    .jingxTip {
        width: 194px
    }

    .jingxTip dt {
        height: 134px
    }

    .jingxuan_par .aholistpar {
        height: 166px;
        overflow: hidden
    }

    .pk_par .aholistpar {
        height: 166px;
        overflow: hidden
    }

    .web_nav_bbg .nav_cont_w {
        width: 1120px
    }

    .go_live {
        top: 690px
    }

    .jiuxiu_client {
        width: 1285px;
        transform-origin: 0 0;
        transform: scale(.872);
        top: 15px
    }
}

.w1650 .listpar {
    width: 1285px
}

.w1650 .tuiJpar_r {
    width: 999px
}

.w1650 .tuiJpar_l {
    width: 335px
}

.w1650 .tuiJpar {
    height: 530px;
    overflow: hidden
}

.w1650 .tuiJpar .indexAhoItem {
    margin-right: 22px
}

.w1650 .bannerAni img {
    margin-left: -107px
}

.w1650 .xinjinPar {
    height: 178px;
    overflow: hidden;
    width: 1188px
}

.w1650 .xinjinPar dl {
    margin-left: 18px
}

.w1650 .jingxuan_par .aholistpar {
    height: 190px;
    overflow: hidden
}

.w1650 .pk_par .aholistpar {
    height: 190px;
    overflow: hidden
}

.w1450 .listpar {
    width: 1120px
}

.w1450 .tuiJpar_r {
    width: 840px
}

.w1450 .tuiJpar_l {
    width: 304px
}

.w1450 .tuiJpar {
    height: 462px;
    overflow: hidden
}

.w1450 .tuiJpar .indexAhoItem {
    margin-right: 10px;
    margin-bottom: 15px
}

.w1450 .tuiJpar_r .indexAhoItem {
    width: 192px;
    height: 218px
}

.w1450 .tuiJpar .firstItem {
    width: 290px;
    height: 260px
}

.w1450 .bannerAni img {
    margin-left: -190px
}

.w1450 .xinjinPar {
    height: 178px;
    overflow: hidden;
    width: 1020px
}

.w1450 .xinjinPar dl {
    margin-left: 15px
}

.w1450 .videopar {
    width: 1120px
}

.w1450 .tuiJpar .twoItem {
    width: 290px;
    height: 184px
}

.w1450 .videoItem p {
    height: 112px
}

.w1450 .video_list .videoItem {
    width: 170px;
    height: 112px
}

.w1450 .videoItemOn .itembg {
    width: 166px;
    height: 108px
}

.w1450 .videoItem img {
    min-height: 100%
}

.w1450 .video_list {
    width: 174px
}

.w1450 .videoPlay {
    width: 925px;
    height: 502px
}

.w1450 .indexTop {
    height: 522px
}

.w1450 .indexAhoItem {
    width: 172px;
    height: 148px
}

.w1450 .jingxTip {
    width: 194px
}

.w1450 .jingxTip dt {
    height: 134px
}

.w1450 .jingxuan_par .aholistpar {
    height: 166px;
    overflow: hidden
}

.w1450 .pk_par .aholistpar {
    height: 166px;
    overflow: hidden
}

.w1450 .web_nav_bbg .nav_cont_w {
    width: 1120px
}

.w1450 .go_live {
    top: 690px
}

@keyframes scale {
    0% {
        transform: scale(.9)
    }

    100% {
        transform: scale(1)
    }
}

@-moz-keyframes scale {
    0% {
        transform: scale(.9)
    }

    100% {
        transform: scale(1)
    }
}

@-webkit-keyframes scale {
    0% {
        transform: scale(.9)
    }

    100% {
        transform: scale(1)
    }
}

@-ms-keyframes scale {
    0% {
        transform: scale(.9)
    }

    100% {
        transform: scale(1)
    }
}

@-o-keyframes scale {
    0% {
        transform: scale(.9)
    }

    100% {
        transform: scale(1)
    }
}

.sidebar_nav {
    position: fixed;
    width: 180px;
    height: auto;
    background: #fff;
    top: 70px;
    left: -180px;
    z-index: 4999;
    overflow: hidden
}

.sidebar_nav .overview {
    padding-bottom: 20px
}

.sidebar_nav dl {
    padding: 0 15px 10px;
    border-bottom: 1px solid #f3f3f3
}

.sidebar_nav dl.bordernone {
    border: 0
}

.sidebar_nav dt {
    font-size: 13px;
    color: #333;
    padding: 10px 0 7px;
    font-weight: 700;
    font-family: "Arial,微软雅黑,sans-serif,宋体"
}

.sidebar_nav dt:hover a {
    color: #ff3055
}

.sidebar_nav dd {
    overflow: hidden
}

.sidebar_nav dd p {
    float: left;
    width: 50%;
    text-align: left;
    padding: 5px 0
}

.sidebar_nav dd p a {
    display: block;
    width: 64%;
    white-space: nowrap;
    overflow: hidden;
    font-size: 12px;
    color: #666;
    font-family: "Arial,微软雅黑,sans-serif,宋体"
}

.sidebar_nav dd p a:hover {
    color: #ff3055
}

.sidebar_nav .live_all {
    width: 100%;
    height: 48px;
    line-height: 48px;
    text-indent: 19px;
    background: url(//img.img.9xiu.com/public/webImg/common/head/head19.jpg) no-repeat center;
    font-weight: 700;
    font-family: "Arial,微软雅黑,sans-serif,宋体"
}

.sidebar_nav .live_all a {
    color: #fff
}

.sidebar_nav .live-area {
    border-bottom: 1px solid #f3f3f3;
    height: 47px;
    line-height: 47px;
    text-indent: 19px;
    font-weight: 700;
    font-family: "Arial,微软雅黑,sans-serif,宋体"
}

.sidebar_nav .live-area a:hover {
    color: #ff3055
}

.sidebar_nav .live_download {
    text-align: center;
    margin: 10px 0
}

.sidebar_nav .live_download a {
    display: block
}

.sidebar_nav .live_kf_bz {
    text-align: center;
    margin: 10px 0
}

.sidebar_nav .live_kf_bz a,.sidebar_nav .live_kf_bz div.live_kf_main {
    display: inline-block;
    width: 80px;
    height: 26px;
    overflow: hidden;
    position: relative
}

.sidebar_nav .live_kf_bz div.live_kf_main {
    background: url(//img.img.9xiu.com/public/webImg/index2017/nav/kf.png) no-repeat center
}

.sidebar_nav .live_kf_bz em {
    color: #fff;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    text-align: center;
    text-align: center;
    height: 26px;
    line-height: 26px;
    text-indent: 20px
}

.sidebar_nav .live_kf_bz a.live_bz {
    background: url(//img.img.9xiu.com/public/webImg/index2017/nav/bz.png) no-repeat center
}