@charset "utf-8";html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote {
    padding: 0;
    margin: 0;
}

html {
    overflow-y: scroll;
    opacity: unset !important;
    transform: unset !important;
}

body {
    font-size: 12px;
    line-height: 1.7;
    color: #09090c;
    font-family: 'Microsoft YaHei',SimSun,Arial,Tahoma,Helvetica;
    background-color: #fff;
}

a {
    color: #17171c;
    text-decoration: none;
}

a:hover {
    color: #0085ff;
    text-decoration: none;
}

a.uline:hover {
    text-decoration: underline;
}

a:focus,input:focus {
    outline: none;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

fieldset,img,input,abbr,acronym {
    border: 0;
}

address,caption,cite,code,dfn,i,em,b,s,q,th,var,optgroup {
    font-weight: normal;
    font-style: normal;
}

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

ul li {
    list-style-type: none;
    vertical-align: middle;
}

input {
    outline: 0;
    font-family: 'Microsoft YaHei';
}

button,input,select,textarea {
    font-size: 100%;
}

.fl {
    float: left;
}

.fr {
    float: right;
}

.clear {
    clear: both;
}

.textr {
    text-align: right;
}

.textl {
    text-align: left;
}

.textc {
    text-align: center;
}

.none {
    display: none;
}

.block {
    display: block;
}

.ovfh {
    overflow: hidden;
}

.f16 {
    font-size: 16px;
}

article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video {
    display: block;
    margin: 0;
    padding: 0;
}

.cl:after {
    content: "\200B";
    display: block;
    height: 0;
    clear: both;
}

.cl {
    *zoom:1;}

.wrap1180 {
    width: 1180px;
    height: auto;
    margin-left: auto;
    margin-right: auto;
}

.wrap1120 {
    width: 1120px;
    height: auto;
    margin-left: auto;
    margin-right: auto;
}

.wrap1140 {
    width: 1140px;
    height: auto;
    margin-left: auto;
    margin-right: auto;
}

.wrap1100 {
    width: 1100px;
    padding: 0 20px;
    height: auto;
    margin-left: auto;
    margin-right: auto;
}

.wrap1200 {
    width: 1200px;
    height: auto;
    margin-left: auto;
    margin-right: auto;
}

.mcontent {
    background: #ffffff;
    width: 1160px;
    height: auto;
    margin-left: auto;
    margin-right: auto;
}

.mcontent,.footer-2016 {
    position: relative;
    z-index: 2;
}

.bg-fbfbfb {
    background-color: #f7f7f7;
}

.cor666 {
    color: #666;
}

.cor999 {
    color: #999;
}

.corddd {
    color: #ddd;
}

.mbf5 {
    margin-bottom: -5px;
}

.mtf5 {
    margin-top: -5px;
}

.mbf20 {
    margin-top: -20px;
}

.mbf40 {
    margin-top: -40px;
}

.mt20 {
    margin-top: 22px;
}

.mt10 {
    margin-top: 10px;
}

.mt5 {
    margin-top: 5px;
}

.mt30 {
    margin-top: 30px;
}

.mt25 {
    margin-top: 25px;
}

.mt15 {
    margin-top: 15px;
}

.mt13 {
    margin-top: 13px;
}

.mline {
    margin: 0 7px;
}

.mt83 {
    margin-top: 83px;
}

.mbot30 {
    margin-bottom: 30px;
}

.mbot10 {
    margin-bottom: 10px;
}

.pb20 {
    padding-bottom: 20px;
}

.pb30 {
    padding-bottom: 30px;
}

.pt15 {
    padding-top: 15px;
}

.f16 {
    font-size: 16px;
}

.f14 {
    font-size: 14px;
}

.ovh {
    overflow: hidden;
}

.fwn {
    font-weight: normal;
}

.pos {
    position: relative;
}

.ellipsis {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

a.f09c {
    color: #09090c;
}

a.f09c:hover {
    color: #0095e1;
}

.f-mb {
    color: #00bfb1;
}

.f-turn {
    transition: all 0.3s ease-in 0s;
}

.h-weixin span,.h-mobile span,.topbar .welcome,.search-box .search-box-btn,.h-nav .h-navIco {
    background: url(https://asset.newyx.net/v2/pc/images/sprite.png) no-repeat;
}

.topbar {
    height: 35px;
    line-height: 35px;
    background: #282f3b;
    font-size: 12px;
    color: #b4bac5;
}

.topbar a {
    color: #b4bac5;
}

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

.topbar .welcome {
    float: left;
    display: inline-block;
    width: 203px;
    padding-left: 7px;
    background-position: -26px -696px;
}

.topbar .welcome a:hover {
    color: #0095e1;
}

.topbar .bar-left {
    float: left;
    height: 35px;
    border-left: 1px solid #323b49;
}

.topbar .bar-left a {
    padding: 0 17px;
    border-right: 1px solid #323b49;
    height: 35px;
    position: relative;
    float: left;
}

.topbar .bar-left a b {
    position: absolute;
    top: -3px;
    left: 0;
    height: 3px;
    width: 100%;
    opacity: 0;
    -moz-transition: all .2s;
    -webkit-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s;
}

.topbar .bar-left .newyx-b {
    background: #4faaf0;
}

.topbar .bar-left .news-b {
    background: #fcf46f;
}

.topbar .bar-left .mobile-b {
    background: #00d2c3;
}

.topbar .bar-left .online-b {
    background: #ff8624;
}

.topbar .bar-left .web-b {
    background: #1791d4;
}

.topbar .bar-left .game-b {
    background: #ff4d45;
}

.topbar .bar-left .patch-b {
    background: #99eef1;
}

.topbar .bar-left .map-b {
    background: #28a444;
}

.topbar .bar-left .photo-b {
    background: #ea77df;
}

.topbar .bar-left .VR-b {
    background: #72c322;
}

.topbar .bar-left a:hover b,.topbar .bar-left a.bar-cur b {
    top: 0px;
    opacity: 1;
}

.topbar .bar-left a:hover span,.topbar a.bar-cur span {
    color: #fff;
}

.topbar-right {
    float: right;
    border-right: 1px solid #323b49;
}

.h-weixin,.h-mobile,.h-nav {
    float: left;
    display: block;
    height: 35px;
    border-left: 1px solid #323b49;
}

.h-mobile span {
    display: block;
    width: 47px;
    padding-left: 31px;
    height: 35px;
    background-position: -10px -617px;
}

.h-weixin span {
    display: block;
    width: 42px;
    height: 35px;
    background-position: -3px -19px;
}

.h-weixin div,.h-mobile div {
    position: absolute;
    left: 0;
    top: 35px;
    width: 130px;
    height: 170px;
    padding: 2px;
    background: #fff;
    display: none;
    z-index: 4;
    -moz-box-shadow: 0 3px 3px 3px rgba(179,179,179,0.6);
    -webkit-box-shadow: 0 3px 3px 3px rgba(179,179,179,0.6);
    box-shadow: 0 3px 3px 3px rgba(179,179,179,0.6);
    transform: rotateX(-90deg);
    transition: all 0.3s ease-in 0s;
    backface-visibility: hidden;
}

.h-mobile div {
    left: auto;
    right: 0;
}

.h-weixin div font,.h-mobile div font {
    font-size: 12px;
    text-align: left;
    display: block;
    color: #666;
    padding: 0 10px;
    line-height: 18px;
}

.h-weixin div img,.h-mobile div img {
    width: 130px;
    height: 130px;
    display: block;
}

.h-nav:hover .h-navCont {
    display: block;
}

.h-weixin:hover div,.h-mobile:hover div {
    transform: rotateX(0deg);
    display: block;
}

.h-weixin:hover span {
    background-position: -3px 9px;
}

.h-mobile:hover span {
    background-position: -10px -724px;
}

.h-nav .h-navIco {
    width: 58px;
    height: 35px;
    line-height: 35px;
    padding-left: 30px;
    display: block;
    background-position: -8px -45px;
    cursor: pointer;
}

.h-navCont {
    position: absolute;
    right: -1px;
    top: 35px;
    background-color: #fff;
    border: 1px solid #ddd;
    width: 924px;
    display: none;
    z-index: 4;
}

.topArea {
    width: 100%;
    height: 83px;
    background: #fff url(https://asset.newyx.net/v2/pc/images/navbj.png) repeat-x bottom;
    padding-bottom: 8px;
    z-index: 9999;
}

.topArea .hlogo {
    font-size: 28px;
    color: #fff;
    font-weight: bold;
    overflow: hidden;
    width: 156px;
    height: 83px;
    line-height: 83px;
    text-align: center;
    display: inline-block;
}

.topArea-web .hlogo {
    background-color: #0095e1;
}

.topArea-mobile .hlogo {
    background-color: #00bfb1;
}

.topArea-vr .hlogo {
    background-color: #57b000;
}

.topArea-online .hlogo {
    background-color: #ff8624;
}

.topArea-game .hlogo {
    background-color: #ff4d45;
}

.topArea .hlogo span {
    width: 49px;
    height: 46px;
    display: inline-block;
    background: url(https://asset.newyx.net/v2/pc/images/hlogo.png) no-repeat;
    vertical-align: middle;
    margin-right: 7px;
}

@keyframes aniBlink120 {
    from {
        margin-left: -156px
    }

    to {
        margin-left: 312px
    }
}

@-webkit-keyframes aniBlink120 {
    from {
        margin-left: -156px
    }

    to {
        margin-left: 312px
    }
}

.logo_imgLight {
    position: relative;
    width: 156px;
    height: 83px;
    overflow: hidden;
    float: left;
}

.logo_imgLight a:before {
    content: '';
    position: absolute;
    width: 156px;
    height: 83px;
    margin-top: 0px;
    margin-left: -312px;
    overflow: hidden;
    z-index: 6;
    background: -moz-linear-gradient(left,rgba(255,255,255,0) 0,rgba(255,255,255,0.4) 50%,rgba(255,255,255,0) 100%);
    background: -webkit-gradient(linear,left top,right top,color-stop(0%,rgba(255,255,255,0)),color-stop(50%,rgba(255,255,255,0.4)),color-stop(100%,rgba(255,255,255,0)));
    background: -webkit-linear-gradient(left,rgba(255,255,255,0) 0,rgba(255,255,255,0.4) 50%,rgba(255,255,255,0) 100%);
    background: -o-linear-gradient(left,rgba(255,255,255,0) 0,rgba(255,255,255,0.4) 50%,rgba(255,255,255,0) 100%);
    -webkit-transform: skewX(-25deg);
    transform: skewX(-25deg)
}

.logo_imgLight:hover a:before {
    -webkit-animation: aniBlink120 .5s ease-out forwards;
    -moz-animation: aniBlink120 .5s ease-out forwards;
    -o-animation: aniBlink120 .5s ease-out forwards;
    animation: aniBlink120 .5s ease-out forwards;
}

.hmenu-ul {
    float: left;
    *zoom:1;width: 682px;
    _display: inline;
    padding-left: 3px;
}

.hmenu-ul li {
    float: left;
}

.hmenu-ul a {
    text-align: center;
    display: block;
    width: 75px;
    height: 83px;
    line-height: 83px;
    color: #212127;
    font-size: 15px;
    overflow: hidden;
    position: relative;
}

.hmenu-ul-cur a {
    color: #959595;
}

.hmenu-ul a .line {
    height: 3px;
    font-size: 0;
    line-height: 0;
    background: #0095e1;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0;
}

.hmenu-ul a:hover {
    color: #333;
}

.hmenu-ul a:hover .line {
    width: 100%;
    -moz-transition: width .3s ease;
    -webkit-transition: width .3s ease;
    -o-transition: width .3s ease;
    transition: width .3s ease;
}

.hmenu-ul a.cur {
    color: #212127;
}

.hmenu-ul a.cur .line {
    width: 100%;
}

.topArea-web .hmenu-ul a .line {
    background: #0095e1;
}

.topArea-mobile .hmenu-ul a .line {
    background: #00bfb1;
}

.topArea-vr .hmenu-ul a .line {
    background: #57b000;
}

.topArea-online .hmenu-ul a .line {
    background: #ff8624;
}

.topArea-online .hmenu-ul a {
    width: 62px;
}

.topArea-game .hmenu-ul a .line {
    background: #ff4d45;
}

.topArea-game .zhuanti {
    position: relative;
}

.topArea-game .zhuanti-pop {
    display: none;
    position: absolute;
    left: 0;
    top: 83px;
    width: 75px;
    z-index: 999;
    background: #fff;
    -webkit-box-shadow: 0 5px 8px #666;
    -moz-box-shadow: 0 5px 8px #666;
    box-shadow: 0 5px 8px #666;
}

.topArea-game .nav-arr {
    position: absolute;
    z-index: 10;
    right: 4px;
    top: 40px;
    width: 9px;
    height: 5px;
    display: block;
    background: url(https://asset.newyx.net/v2/pc/images/xlarr.png) no-repeat;
}

.topArea-game .zhuanti:hover .nav-arr {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    -o-transition: all .2s ease;
    transition: all .2s ease
}

.topArea-game .zhuanti:hover .zhuanti-pop {
    display: block;
}

.topArea-game .zhuanti-pop a {
    height: 29px;
    line-height: 29px;
    display: block;
    color: #666;
    font-size: 12px;
}

.topArea-game .zhuanti-pop a:hover {
    color: #ff4d45;
    text-decoration: underline;
}

.topArea-game .zhuanti:hover .line {
    width: 100%;
}

.topArea .topArea-searchBox {
    float: right;
    width: 258px;
    height: 31px;
    margin-top: 25px;
}

.topArea .topArea-searchBox form {
    display: block;
    border: 1px solid #dbe1ec;
    border-radius: 16px;
    width: 258px;
    height: 29px;
    position: relative;
}

.topArea .topArea-searchBox form.onfocus {
    border-color: #109fe1;
}

.topArea .topArea-searchBox .searchBox-txt {
    float: left;
    width: 190px;
    height: 25px;
    line-height: 25px;
    padding: 0 15px;
    color: #3c5e80;
    font-size: 12px;
    background: none;
    margin-top: 2px;
}

.topArea .topArea-searchBox .searchBox-btn {
    position: absolute;
    right: -1px;
    top: -1px;
    width: 67px;
    height: 31px;
    background-color: #109fe1;
    color: #fff;
    border-top-right-radius: 16px;
    border-bottom-right-radius: 16px;
}

.topArea .topArea-searchBox .searchBox-btn:hover {
    cursor: pointer;
    background-color: #00a0f1;
}

.topArea .topArea-searchHot {
    width: 270px;
    height: 32px;
    line-height: 32px;
    overflow: hidden;
    padding-left: 10px;
}

.topArea .topArea-searchHot a {
    color: #5b5c5e;
    margin-right: 10px;
}

.topArea .topArea-searchHot a:hover,.topArea .topArea-searchHot a.hot {
    color: #0095e1;
}

.topArea .topArea-searchBox .searchBox-txt:-moz-placeholder {
    color: #3c5e80;
}

.topArea .topArea-searchBox .searchBox-txt::-moz-placeholder {
    color: #3c5e80;
}

.topArea .topArea-searchBox .searchBox-txt:-ms-input-placeholder {
    color: #3c5e80;
}

.topArea .topArea-searchBox .searchBox-txt::-webkit-input-placeholder {
    color: #3c5e80;
}

.topArea-mobile .topArea-searchBox form.onfocus {
    border-color: #00bfb1;
}

.topArea-mobile .topArea-searchBox .searchBox-btn {
    background-color: #00bfb1;
}

.topArea-mobile .topArea-searchBox .searchBox-btn:hover {
    cursor: pointer;
    background-color: #02cfc0;
}

.topArea-vr .topArea-searchBox form.onfocus {
    border-color: #57b000;
}

.topArea-vr .topArea-searchBox .searchBox-btn {
    background-color: #57b000;
}

.topArea-vr .topArea-searchBox .searchBox-btn:hover {
    cursor: pointer;
    background-color: #61c104;
}

.topArea-online .topArea-searchBox form.onfocus {
    border-color: #ff8624;
}

.topArea-online .topArea-searchBox .searchBox-btn {
    background-color: #ff8624;
}

.topArea-online .topArea-searchBox .searchBox-btn:hover {
    cursor: pointer;
    background-color: #fc9039;
}

.topArea-game .topArea-searchBox form.onfocus {
    border-color: #fd6853;
}

.topArea-game .topArea-searchBox .searchBox-btn {
    background-color: #fd6853;
}

.topArea-game .topArea-searchBox .searchBox-btn:hover {
    cursor: pointer;
    background-color: #ff7966;
}

.headMenu {
    width: 100%;
    height: 110px;
    background: #fff url(https://asset.newyx.net/v2/pc/images/navbj.png) repeat-x bottom;
    position: relative;
}

.headMenu .menu-logo {
    float: left;
    margin-top: 23px;
}

.headMenu .menu {
    float: right;
    width: 810px;
}

.headMenu .menu ul {
    margin-top: 35px;
}

.headMenu .menu li {
    float: left;
}

.headMenu .menu a {
    padding: 0 20px 0 55px;
    position: relative;
    font-size: 18px;
    height: 38px;
    line-height: 38px;
    display: block;
    color: #404040;
}

.headMenu .menu a:hover {
    color: #0097e5;
}

.headMenu .menu .bdr {
    position: absolute;
    right: 0;
    height: 13px;
    border-right: 1px dotted #d6d6d6;
    top: 14px;
}

.headMenu .menu span {
    position: relative;
    z-index: 2;
}

.headMenu .menu em {
    position: absolute;
    background: url(https://asset.newyx.net/v2/pc/images/index/index-sprite.png) no-repeat;
    z-index: 2;
    width: 24px;
    height: 22px;
    left: 25px;
    top: 7px;
}

.headMenu .menu .icon-game {
    background-position: 0 0;
}

.headMenu .menu .icon-online {
    background-position: -42px 0;
}

.headMenu .menu .icon-mobile {
    background-position: -88px 0;
}

.headMenu .menu .icon-web {
    background-position: -133px 0;
}

.headMenu .menu .icon-vr {
    background-position: -177px 0;
}

.headMenu .menu .icon-h5 {
    background-position: -222px 0;
}

.headMenu .menu .icon-gl {
    background-position: -86px -95px;
}

.headMenu .menu .icon-news {
    background-position: -36px -95px;
}

.headMenu .menu a:hover em {
    -moz-transition: transform .8s;
    -webkit-transition: transform .8s;
    -o-transition: transform .8s;
    transition: transform .8s;
    moz-transform: rotateY(360deg);
    -webkit-transform: rotateY(360deg);
    -o-transform: rotateY(360deg);
    -ms-transform: rotateY(360deg);
    transform: rotateY(360deg);
}

.headMenu .menu a:hover .icon-game {
    background-position: 0 -28px;
}

.headMenu .menu a:hover .icon-online {
    background-position: -42px -29px;
}

.headMenu .menu a:hover .icon-mobile {
    background-position: -88px -29px;
}

.headMenu .menu a:hover .icon-web {
    background-position: -133px -29px;
}

.headMenu .menu a:hover .icon-vr {
    background-position: -177px -27px;
}

.headMenu .menu a:hover .icon-h5 {
    background-position: -222px -30px;
}

.headMenu .menu a:hover .icon-gl {
    background-position: -86px -124px;
}

.headMenu .menu a:hover .icon-news {
    background-position: -36px -124px;
}

.index-sou span,.index-sou form {
    background: url(https://asset.newyx.net/v2/pc/images/index/index-sprite.png) no-repeat;
}

.index-sou {
    position: absolute;
    right: 0;
    top: 32px;
}

.index-sou span {
    width: 42px;
    height: 42px;
    display: block;
    background-position: -399px -58px;
    z-index: 4;
    position: absolute;
    right: 0;
    top: 0;
}

.index-sou form {
    position: absolute;
    right: 0;
    top: 0;
    width: 205px;
    height: 42px;
    display: none;
    z-index: 5;
    background-position: -236px -104px;
}

.index-sou:hover form {
    display: block;
}

.index-sou .searchBox-txt {
    float: left;
    width: 135px;
    height: 42px;
    line-height: 42px;
    padding: 0 20px;
    color: #d8ecff;
    font-size: 12px;
    background: none;
}

.index-sou .searchBox-btn {
    width: 30px;
    height: 42px;
    float: right;
    background: none;
    cursor: pointer;
}

.index-sou .searchBox-txt:-moz-placeholder {
    color: #d8ecff;
}

.index-sou .searchBox-txt::-moz-placeholder {
    color: #d8ecff;
}

.index-sou .searchBox-txt:-ms-input-placeholder {
    color: #d8ecff;
}

.index-sou .searchBox-txt::-webkit-input-placeholder {
    color: #d8ecff;
}

.footer-2016-top {
    position: relative;
    background: #2a2f39;
    margin-top: 40px;
    border-bottom: 3px solid #3b3f47;
    min-width: 1120px;
    font-size: 14px;
}

.footer-push .footer-push-l {
    float: left;
    width: 782px;
    padding: 27px 0 20px 140px;
    position: relative;
    overflow: hidden;
    *zoom:1;}

.footer-push .footer-push-l ul {
    float: left;
    width: 130px;
}

.footer-push .footer-push-l a {
    color: #989898;
    text-decoration: none;
}

.footer-push .footer-push-l a:hover {
    color: #fff;
}

.footer-2016 .t {
    padding: 0 8px;
    border: 1px solid #5b5c5e;
    position: absolute;
    left: 0;
    top: 30px;
    color: #8d8f95;
}

.footer-push .footer-push-l li {
    margin-top: 5px;
}

.footer-push .footer-push-l .th {
    margin-bottom: 10px;
    margin-top: 0;
}

.footer-push .footer-push-l .th a {
    color: #8d8f95;
}

.footer-push .footer-push-l .th span {
    color: #b4bac5;
}

.footer-push .footer-push-l .th a:hover {
    color: #fff;
}

.footer-push .footer-push-r {
    float: right;
    width: 190px;
    border-left: 1px solid #3b3f47;
    padding: 24px 0;
    color: #838383;
}

.footer-push .footer-push-r .c {
    width: 175px;
    margin: 0 auto;
    text-align: center;
}

.footer-push .footer-push-r .c .text {
    font-size: 12px;
    margin-top: 4px;
}

.footer-push .footer-push-r .care {
    padding-left: 30px;
    width: 170px;
    position: relative;
    margin-top: 12px;
    font-size: 12px;
}

.footer-push .footer-push-r .weixin {
    position: absolute;
    left: 100px;
    top: 1px;
    width: 23px;
    height: 18px;
    background: url(https://asset.newyx.net/v2/pc/images/yy-sprite.png) no-repeat -250px 0;
}

.footer-push .footer-push-r .weixin s {
    display: none;
    position: absolute;
    top: 30px;
    left: -51px;
    width: 120px;
    height: 120px;
    background: url(https://asset.newyx.net/v2/pc/images/nyx-wx.jpg) no-repeat center center;
    z-index: 5;
}

.footer-push .footer-push-r .weibo {
    position: absolute;
    left: 130px;
    top: 1px;
    width: 25px;
    height: 20px;
    background: url(https://asset.newyx.net/v2/pc/images/yy-sprite.png) no-repeat -220px 0;
}

.footer-push .footer-push-r .weixin s i {
    position: absolute;
    z-index: 100;
    left: 50%;
    margin-left: -3px;
    top: -5px;
    border-color: transparent transparent #fff;
    border-style: dashed dashed solid;
    border-width: 0 6px 6px;
    font-size: 0;
    height: 0;
    width: 0;
    line-height: 0;
}

.footer-push .footer-push-r .weixin:hover s {
    display: block;
}

.footer-2016-bot {
    position: relative;
    background: #22262e;
    min-width: 1120px;
    font-size: 14px;
}

.footer-contact {
    padding: 20px 0 20px 140px;
    position: relative;
    overflow: hidden;
    *zoom:1;}

.footer-2016 .footer-contact .t {
    top: 20px;
}

.footer-contact-l {
    float: left;
    color: #8d8f95;
}

.footer-contact-l .contact-a {
    font-size: 14px;
    color: #323844;
    text-align: left;
    font-weight: bold;
}

.footer-contact-l a {
    color: #8d8f95;
}

.footer-contact-l a:hover {
    color: #fff;
}

.footer-contact-l .contact-a span {
    padding: 0 15px;
}

.footer-contact-l .copy {
    text-align: left;
    font-size: 12px;
    margin-top: 10px;
}

.footer-contact-r {
    width: 340px;
    float: right;
    text-align: left;
}

.footer-contact-r img {
    margin-right: 20px;
    vertical-align: middle;
}

.footer-link {
    position: relative;
    width: 992px;
    padding: 30px 0 10px 128px;
    border-bottom: 1px solid #3b3f47;
}

.footer-link .ftext {
    overflow: hidden;
    *zoom:1;font-size: 0;
    height: 20px;
    overflow: hidden;
    line-height: 20px;
    margin-bottom: 10px;
}

.footer-link .ftext a {
    font-size: 14px;
    color: #8d8f95;
    padding-left: 12px;
}

.footer-link .ftext a:hover {
    color: #fff;
}

.footer {
    line-height: 25px;
    padding: 25px 0;
}

.footer .copy-a {
    text-align: center;
    height: 45px;
    line-height: 45px;
    color: #4c4e54;
    font-size: 14px;
}

.footer .copy-a a {
    padding: 0 20px;
    color: #717480;
}

.footer .copy-a a:hover {
    color: #0085ff;
}

.footer .copy-t {
    text-align: center;
    color: #484a53;
    font-size: 12px;
}

.pb-pages {
    text-align: center;
    height: 30px;
    padding: 30px 0;
}

.pb-pages a {
    display: inline-block;
    height: 28px;
    line-height: 28px;
    border: 1px #dedee4 solid;
    background-color: #fff;
    color: #5c5d5f;
    padding: 0 10px;
    margin-right: 10px;
    font-size: 14px;
    box-shadow: 0 1px 1px #f0f0f4;
    transition: all 0.3s ease 0s;
}

.pb-pages a.on,.pb-pages a:hover {
    border-color: #0095e1;
    background-color: #0095e1;
    color: #fff;
}

#pc-mobile .pb-pages a.on,#pc-mobile .pb-pages a:hover {
    border-color: #00bfb1;
    background-color: #00bfb1;
}

#pc-vr .pb-pages a.on,#pc-vr .pb-pages a:hover {
    border-color: #57b000;
    background-color: #57b000;
}

#pc-online .pb-pages a.on,#pc-online .pb-pages a:hover {
    border-color: #ff8624;
    background-color: #ff8624;
}

#pc-lol .pb-pages a.on,#pc-lol .pb-pages a:hover {
    border-color: #c7a056;
    background-color: #c7a056;
}

#pc-cf .pb-pages a.on,#pc-cf .pb-pages a:hover {
    border-color: #ff4d24;
    background-color: #ff4d24;
}

#pc-game .pb-pages a.on,#pc-game .pb-pages a:hover {
    border-color: #ff4d45;
    background-color: #ff4d45;
}

.gameztbox .pb-pages a {
    background-color: #15171b;
    border-color: #23262c;
    color: #adafb2;
    box-shadow: none;
}

.gameztbox .pb-pages a.on,.gameztbox .pb-pages a:hover {
    border-color: #cb1725;
    background-color: #cb1725;
    color: #fff;
}

.crumb {
    height: 15px;
    line-height: 15px;
    background: url(https://asset.newyx.net/v2/pc/images/crumb.png) no-repeat left center;
    padding-left: 18px;
    color: #8f8f8f;
    overflow: hidden;
    font-size: 12px;
}

.crumb span {
    padding: 0 5px;
}

.crumb a {
    color: #8f8f8f;
}

.crumb a:hover {
    color: #0085ff;
}

.lx0 {
    background: url("https://asset.newyx.net/v2/pc/images/lx0.gif") 0 bottom repeat-x;
}

.li3 {
    background: url("https://asset.newyx.net/v2/pc/images/li3.gif") no-repeat left center;
}

.line28 {
    background: url("https://asset.newyx.net/v2/pc/images/line28.jpg") repeat-x left center;
}

.actGotop {
    position: fixed;
    _position: absolute;
    bottom: 170px;
    left: 50%;
    margin-left: 590px;
    width: 44px;
    display: none;
}

.actGotop a.fhtop {
    width: 44px;
    height: 40px;
    display: block;
    background: url(https://asset.newyx.net/v2/pc/images/fanhtop.png) no-repeat left bottom;
    transition: all 0.3s ease 0s;
}

.actGotop a.fhtop:hover {
    background-position: left top;
}

.zan-new {
    width: 136px;
    position: relative;
    margin: 0 auto;
}

.zan-new a.likebutton {
    cursor: pointer;
    width: 86px;
    height: 48px;
    line-height: 48px;
    display: block;
    font-size: 15px;
    color: #5180ff;
    padding-left: 50px;
    background: url(https://asset.newyx.net/v2/pc/images/zan-btn.png) no-repeat 0 0;
}

.zan-new a.likebutton:hover,.zan-new a.zanfocus {
    background-position: 0 -55px;
    color: #fff;
}

.zan-new .likebutton .oneup {
    display: none;
    margin-top: -54px;
    color: #5180ff;
    font-size: 15px;
    font-weight: bold;
}

.zan-new .likebutton .like-cont {
    padding-left: 5px;
}

.zan-new .baidu_share {
    position: absolute;
    left: 134px;
    top: 0;
    background: #fff;
    border: 1px solid #617fff;
    border-left: none;
    height: 46px;
    display: none;
    width: 0;
    box-shadow: inset 0 0 1px #c5d5ff;
    z-index: 999;
}

.zan-new .baidu_share .bdsharebuttonbox {
    float: left;
    padding: 0 0 0 13px;
}

.zan-new .baidu_share .baidu_share_close {
    float: right;
    width: 15px;
    height: 46px;
    display: inline-block;
    background-color: #fff;
    color: #6680ff;
    line-height: 46px;
    text-align: center;
    border-left: 1px solid #617fff;
    cursor: pointer;
}

.zan-new .baidu_share .baidu_share_close:hover {
    background-color: #617fff;
    color: #fff;
}

#zoom {
    z-index: 99990;
    position: fixed;
    top: 0;
    left: 0;
    display: none;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.8);
    filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000,endColorstr=#99000000)";
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000,endColorstr=#99000000)";
}

#zoom .content {
    z-index: 99991;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 200px;
    height: 200px;
    background: #ffffff no-repeat 50% 50%;
    padding: 0;
    margin: -100px 0 0 -100px;
    box-shadow: -20px 20px 20px rgba(0,0,0,0.3);
    border-radius: 4px;
}

#zoom .content.loading {
    background-image: url('https://asset.newyx.net/v2/pc/images/loading.gif');
}

#zoom img {
    display: block;
    max-width: none;
    background: #ececec;
    box-shadow: 0 1px 3px rgba(0,0,0,0.25);
    border-radius: 4px;
}

#zoom .close {
    z-index: 99993;
    position: absolute;
    top: 0;
    right: 0;
    width: 49px;
    height: 49px;
    cursor: pointer;
    background: transparent url('https://asset.newyx.net/v2/pc/images/close.png') no-repeat 50% 50%;
    opacity: 1;
    filter: alpha(opacity=100);
    border-radius: 0 0 0 4px;
}

#zoom .previous,#zoom .next {
    z-index: 99992;
    position: absolute;
    top: 50%;
    overflow: hidden;
    display: block;
    width: 110px;
    height: 110px;
    margin-top: -55px;
}

#zoom .previous {
    left: 10px;
    background: url('https://asset.newyx.net/v2/pc/images/arrows.png?v=2') no-repeat -113px 0;
}

#zoom .next {
    right: 10px;
    background: url('https://asset.newyx.net/v2/pc/images/arrows.png?v=2') no-repeat -113px -114px;
}

#zoom .close:hover {
    background-color: #da4f49;
}

#zoom .previous:hover {
    background-position: 0 0;
}

#zoom .next:hover {
    background-position: 0 -114px;
}

.pinglun {
    padding: 15px 0;
}

.dotline {
    border-bottom: 1px dotted #dcdee0;
    height: 0;
    line-height: 0;
    clear: both;
    overflow: hidden;
    font-size: 0;
}

.doubleline {
    border-top: 1px solid #efefef;
    border-bottom: 1px solid #fff;
    height: 0;
    line-height: 0;
    clear: both;
    overflow: hidden;
    font-size: 0;
}

.rotatex {
    -moz-transform: rotateX(360deg);
    -webkit-transform: rotateX(360deg);
    -o-transform: rotateX(360deg);
    -ms-transform: rotateX(360deg);
    transform: rotateX(360deg);
    -moz-transition: all .5s ease;
    -webkit-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
}

.stock_sidebar {
    position: fixed;
    _position: absolute;
    bottom: 100px;
    _bottom: auto;
    left: 50%;
    _top: expression(eval(document.documentElement.scrollTop+200));
    margin-left: 590px;
    z-index: 30;
    width: 50px;
    height: 156px;
}

.stock_sidebar_active {
    bottom: 557px;
    _bottom: auto;
}

.stock_sidebar .err_pic,.stock_sidebar .u-share,.stock_sidebar .back_to_top {
    width: 50px;
    height: 50px;
    display: block;
    background: url(https://asset.newyx.net/v2/pc/images/sidebar.png) no-repeat;
    outline: 0;
    position: relative;
}

.stock_sidebar .back_to_top {
    background-position: 0 0;
    opacity: 0;
    -webkit-transition: opacity .2s linear;
    -moz-transition: opacity .2s linear;
    -o-transition: opacity .2s linear;
    transition: opacity .2s linear;
    visibility: hidden;
    background-color: #cecece;
}

.stock_sidebar .back_to_top:hover {
    background-color: #72c322;
}

.stock_sidebar .back_to_top.active {
    opacity: 1;
    visibility: visible;
}

.stock_sidebar .err_pic {
    background-position: 0 -53px;
    background-color: #8bd541;
    cursor: pointer;
    margin-top: 3px;
}

.stock_sidebar .err_pic s {
    position: absolute;
    width: 102px;
    height: 130px;
    padding: 15px 15px 8px;
    background: #fff;
    left: -145px;
    top: 0;
    opacity: 0;
    border: 1px solid #72c322;
    -moz-box-shadow: 0 0 10px rgba(153,153,153,0.3);
    -webkit-box-shadow: 0 0 10px rgba(153,153,153,0.3);
    box-shadow: 0 0 10px rgba(153,153,153,0.3);
    visibility: hidden;
    *display: none;
    *visibility: visible;
    -webkit-transition: opacity .2s linear;
    -moz-transition: opacity .2s linear;
    -o-transition: opacity .2s linear;
    transition: opacity .2s linear;
    text-decoration: none;
}

.stock_sidebar .err_pic s.active {
    z-index: 15;
    opacity: 1;
    visibility: visible;
    *display: block;
}

.stock_sidebar .err_pic s font {
    font-size: 12px;
    line-height: 25px;
    color: #666;
    display: block;
    text-align: center;
}

.stock_sidebar .err_pic s img {
    width: 102px;
    height: 102px;
    display: block;
    margin-bottom: 3px;
}

.stock_sidebar .err_pic s i {
    width: 10px;
    height: 13px;
    display: block;
    background: url(https://asset.newyx.net/v2/pc/images/sidebar.png) no-repeat 0 -162px;
    position: absolute;
    top: 14px;
    right: -10px;
}

.stock_sidebar .hidden {
    display: none;
}

.stock_sidebar .u-share {
    background-position: 0 -106px;
    background-color: #cecece;
    margin-top: 3px;
    position: relative;
    cursor: pointer;
}

.stock_sidebar .u-share .bdsharebuttonbox {
    position: absolute;
    left: -305px;
    top: 0;
    background: #fff;
    border: 1px solid #ddd;
    border-right: none;
    height: 48px;
    padding: 0 5px;
    display: none;
    z-index: 999;
}

.stock_sidebar .u-share:hover {
    background-color: #f2ad0a;
}

.stock_sidebar .u-share:hover .bdsharebuttonbox {
    display: block;
}

.stock_sidebar .u-share:hover .bdsharebuttonbox a {
    margin: 8px 5px 0;
}

#pc-game .stock_sidebar .err_pic,#pc-game .stock_sidebar .back_to_top:hover {
    background-color: #ff726c;
}

#pc-game .stock_sidebar .err_pic s {
    border-color: #ff726c;
}

#pc-game .stock_sidebar .err_pic s i {
    background-position: 0 -186px;
}

.sbox_a {
    padding: 20px 0 0 0;
}

.pause_down {
    background: url(https://asset.newyx.net/v2/pc/images/zwxz-bg.png) left top;
}

.TurnPage {
    width: 100%;
    padding: 20px 0;
    height: 40px;
    overflow: hidden
}

.TurnPage li {
    display: block;
    width: 45%;
    padding: 0 2%;
    background: #f8f8f8;
    text-align: left;
    border-radius: 4px;
    overflow: hidden;
    height: 44px
}

.TurnPage li.TurnPage-left {
    float: left
}

.TurnPage li.TurnPage-right {
    float: right
}

.TurnPage li p span {
    float: left;
    display: block;
    font-size: 14px;
    width: 56px;
    line-height: 44px;
    height: 44px;
}

.TurnPage li p a {
    font-size: 14px;
    line-height: 44px;
    height: 44px;
    overflow: hidden;
}

.TurnPage li:hover p a {
    color: #00bfb1
}

.game-instr .btns span.closedown {
    background: #ccc url(https://asset.newyx.net/v2/pc/images/mobile/closedown.png) no-repeat 30px center;
    width: 130px;
    padding-left: 60px;
    height: 42px;
    line-height: 42px;
    display: inline-block;
    margin-right: 28px;
    border-radius: 5px;
    font-size: 15px;
    color: #fff;
}

video {
    display: inline-block;
    vertical-align: baseline;
}

@charset "utf-8";.wy-rt-tw a:hover img,.xgwz li a:hover img,.xbtj li a:hover img,.rt-tuwen li a:hover img,.wz-xggame li a:hover img {
    opacity: 0.7;
}

.mb-slide .prev,.mb-slide .next,.mb-rt-kaifu li .time,.jhmbox .close {
    background: url(https://asset.newyx.net/v2/pc/images/yy-sprite.png) no-repeat;
}

.rtph-tab .bd li a.btn {
    background: url(https://asset.newyx.net/v2/pc/images/mb-sprite.png) no-repeat;
}

.wy-ylmt {
    position: relative;
    height: 420px;
}

.wy-ylmt div {
    position: absolute;
}

.wy-ylmt div.img1 {
    left: 0;
    top: 0;
}

.wy-ylmt div.img2 {
    left: 236px;
    top: 0;
}

.wy-ylmt div.img3 {
    left: 472px;
    top: 0;
}

.wy-ylmt div.img4 {
    left: 762px;
    top: 0;
}

.wy-ylmt div.img5 {
    left: 0;
    top: 208px;
}

.wy-ylmt div.img6 {
    left: 762px;
    top: 208px;
}

.wy-ylmt div.img7 {
    left: 942px;
    top: 208px;
}

.wy-ylmt div a {
    position: relative;
    display: inline-block;
    overflow: hidden;
}

.wy-ylmt div.img1 a,.wy-ylmt div.img2 a {
    width: 234px;
    height: 206px;
}

.wy-ylmt div.img3 a {
    width: 288px;
    height: 420px;
}

.wy-ylmt div.img4 a {
    width: 357px;
    height: 206px;
}

.wy-ylmt div.img5 a {
    width: 470px;
    height: 212px;
}

.wy-ylmt div.img6 a,.wy-ylmt div.img7 a {
    width: 177px;
    height: 211px;
}

.wy-ylmt div .mask {
    display: table;
    width: 100%;
    height: 100%;
    line-height: 26px;
    color: #fff;
    font-size: 14px;
    cursor: pointer;
    position: absolute;
    left: 0;
    background: url(https://asset.newyx.net/v2/pc/images/web/mt-tm.png);
    transition: all 0.5s ease 0s;
}

.wy-ylmt div .mask span {
    display: table-cell;
    padding: 15px;
    width: auto;
    height: auto;
    vertical-align: bottom;
    text-align: left;
}

.wy-ylmt div.img1 .mask,.wy-ylmt div.img2 .mask {
    top: 206px;
}

.wy-ylmt div.img6 .mask,.wy-ylmt div.img7 .mask {
    top: 211px;
}

.wy-ylmt div.img3 .mask {
    top: 420px;
}

.wy-ylmt div.img4 .mask {
    top: 206px;
}

.wy-ylmt div.img5 .mask {
    top: 212px;
}

.wy-ylmt .mask i {
    width: 22px;
    height: 14px;
    display: block;
    background: url(https://asset.newyx.net/v2/pc/images/yy-sprite.png) no-repeat;
    background-position: -184px -41px;
    margin-bottom: 5px;
    transition: all 0.5s ease 0.2s;
}

.wy-ylmt div a:hover .mask {
    top: 0;
}

.wy-ylmt div a:hover .mask i {
    transform: rotate(360deg);
}

.w750 {
    width: 750px;
    float: left;
}

.w320 {
    width: 320px;
    float: right;
    padding-left: 50px;
}

.w320-zt {
    width: 320px;
    float: right;
    padding-left: 70px;
}

.list-tit {
    width: auto;
    height: 26px;
    background-position: 0 13px;
}

.list-tit .tit {
    float: left;
    padding: 0 10px;
    width: auto;
    height: 26px;
    line-height: 26px;
    font-size: 20px;
    font-weight: bold;
}

.list-tit .tit {
    border-left: 6px solid #0095e1;
    background: #fff;
}

#pc-mobile .list-tit .tit {
    border-left-color: #00bfb1;
}

#pc-vr .list-tit .tit {
    border-left-color: #57b000;
}

.rt-tit {
    height: 18px;
    background-position: 0 9px;
    overflow: hidden;
}

.rt-tit .tit {
    float: left;
    padding: 0 10px;
    height: 18px;
    line-height: 18px;
    font-size: 18px;
    border-left: 6px solid #0095e1;
    background: #fff;
}

.rt-tit a.more {
    float: right;
    color: #5c5d5f;
    background: #fff;
    padding-left: 10px;
    font-size: 12px;
}

.rt-tit a.more:hover {
    color: #0095e1;
}

#pc-mobile .rt-tit .tit {
    border-left-color: #00bfb1;
    font-size: 16px;
}

#pc-mobile .rt-tit a.more,#pc-vr .rt-tit a.more {
    color: #666;
}

#pc-mobile .rt-tit a.more:hover {
    color: #00bfb1;
}

#pc-vr .rt-tit .tit {
    border-left-color: #57b000;
    font-size: 16px;
}

#pc-vr .rt-tit a.more:hover {
    color: #57b000;
}

#pc-online .rt-tit .tit {
    border-left-color: #ff8624;
    font-size: 16px;
}

#pc-online .rt-tit a.more:hover {
    color: #ff8624;
}

#pc-game .rt-tit .tit {
    border-left-color: #ff4d45;
    font-size: 16px;
    color: #333;
}

#pc-game .rt-tit a.more:hover {
    color: #ff4d45;
}

.list-snav {
    overflow: hidden;
}

.list-snav a {
    display: inline-block;
    float: left;
    height: 38px;
    line-height: 38px;
    border: 1px solid #d5d7d9;
    border-radius: 4px;
    padding: 0 14px;
    margin-right: 10px;
    font-size: 16px;
    color: #2a2f39;
    background: #fff;
}

.list-snav a.cur,.list-snav a:hover {
    background: #eb3156;
    color: #fff;
    border-color: #eb3156;
}

#pc-online .list-snav a.cur,#pc-online .list-snav a:hover {
    background: #ff8624;
    border-color: #ff8624;
}

.wy-rt-tw {
    margin: 0 0 0 -20px;
}

.wy-rt-tw li {
    float: left;
    display: inline;
    width: 150px;
    margin: 20px 0 0 20px;
}

.wy-rt-tw li img {
    width: 150px;
    height: 88px;
    display: block;
    margin-bottom: 13px;
}

.wy-rt-tw li p {
    height: 16px;
    line-height: 16px;
    overflow: hidden;
    text-align: center;
    font-size: 14px;
    color: #2a2f39;
}

.wy-rt-tw li:hover p a {
    color: #0095e1;
}

#pc-mobile .rt-tjzt li img {
    border-radius: 5px;
}

#pc-mobile .rt-tjzt li:hover p a,#pc-mobile .rt-ylbg li:hover p a {
    color: #00bfb1;
}

#pc-game .wy-rt-tw li:hover p a {
    color: #ff4d45;
}

.show-tit {
    height: 18px;
    border-bottom: 1px solid #d5d7d9;
    padding-bottom: 9px;
    line-height: 18px;
}

.show-tit .tit {
    float: left;
    padding: 0 10px;
    font-size: 16px;
    border-left: 6px solid #0d8bff;
    color: #333;
}

.show-tit.nobot {
    border-bottom: none;
    padding-bottom: 0;
}

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

#pc-mobile .show-tit .tit {
    border-left-color: #00bfb1;
}

#pc-vr .show-tit .tit {
    border-left-color: #57b000;
}

#pc-online .show-tit .tit {
    border-left-color: #ff8624;
}

#pc-lol .show-tit .tit {
    border-left-color: #c7a056;
}

#pc-cf .show-tit .tit {
    border-left-color: #ff4d24;
}

#pc-game .show-tit .tit {
    border-left-color: #ff4d45;
}

#pc-game .show-tit {
    border-bottom-color: #eee;
}

.pbtext-tit {
    font-size: 20px;
}

.wy-rt-txt {
    overflow: hidden;
}

.wy-rt-txt li {
    padding-left: 13px;
    height: 35px;
    line-height: 35px;
    overflow: hidden;
    border-top: 1px dotted #d5d6d6;
    font-size: 14px;
    margin-top: -1px;
}

.wy-rt-txt li a {
    color: #2a2f39;
}

.wy-rt-txt li a:hover {
    color: #0095e1;
}

.wy-rt-txt li i {
    width: 18px;
    height: 18px;
    line-height: 18px;
    text-align: center;
    display: inline-block;
    background: #b5b5c1;
    color: #fff;
    vertical-align: middle;
    margin: 0 10px 0 -8px;
    font-size: 12px;
}

.wy-rt-txt li i.i2 {
    background: #89b31e;
}

.wy-rt-txt li i.i3 {
    background: #0095e1;
}

.wy-rt-txt li i.i1 {
    background: #eb3156;
}

.yy-fahao .fahao_cell li {
    width: 330px;
}

.yy-fahao .fahao_cell dd {
    width: 190px;
}

ul.news-list {
    overflow: hidden;
}

ul.news-list li {
    margin-top: -1px;
    padding: 20px 0;
    width: 750px;
    border-top: 1px solid #ddd;
}

ul.news-list li .img {
    float: left;
    width: 200px;
    height: 118px;
    padding-right: 20px;
}

ul.news-list li .img img {
    width: 200px;
    height: 118px;
    display: block;
}

ul.news-list li .img a {
    display: inline-block;
}

ul.news-list li .con {
    height: 118px;
}

ul.news-list li .tit {
    width: auto;
    height: 28px;
    overflow: hidden;
}

ul.news-list li .tit a {
    font-size: 18px;
    font-weight: bold;
}

ul.news-list li .tit a.blue {
    color: #3291ff;
    font-weight: normal;
}

ul.news-list li .tit a.blue:hover {
    color: #ed2118;
}

ul.news-list li .txt {
    width: auto;
    height: 48px;
    line-height: 22px;
    color: #666;
    overflow: hidden;
    margin: 10px 0;
    font-size: 14px;
}

ul.news-list li .tme2 {
    width: auto;
    height: 18px;
    overflow: hidden;
    font-size: 12px;
}

ul.news-list li .tme2 div {
    height: 18px;
    line-height: 18px;
    color: #8e9096;
    background: url("https://asset.newyx.net/v2/pc/images/pls.png") no-repeat;
}

ul.news-list li .tme2 div.time {
    float: left;
    width: 140px;
    text-indent: 18px;
    background-position: 0 -1px;
}

ul.news-list li .tme2 div.comment {
    float: left;
    width: 55px;
    text-indent: 20px;
    background-position: 0 -18px;
}

ul.news-list li .tme2 div.visit {
    float: left;
    width: auto;
    text-indent: 23px;
    background-position: 0 -36px;
}

ul.news-list li .tme2 div.xiaobian {
    float: left;
    width: auto;
    background: #fff;
    margin-right: 20px;
}

ul.news-list li.humor {
    border-top-color: #eee;
}

ul.news-list li.humor .img {
    width: 220px;
    height: 130px;
}

ul.news-list li.humor .img img {
    width: 218px;
    height: 128px;
    display: block;
    border: 1px solid #e0e0e0;
}

ul.news-list li.humor .con {
    height: 130px;
}

ul.news-list li.humor .tit {
    height: 38px;
    line-height: 38px;
}

ul.news-list li.humor .txt {
    margin-bottom: 18px;
}

.djztw719 ul.news-list li {
    width: 719px;
    border-top-color: #23262c;
}

.djztw719 ul.news-list li .tit a {
    color: #dcdde4;
}

.djztw719 ul.news-list li .tit a:hover {
    color: #cb1725;
}

.djztw719 ul.news-list li .txt,.djztw719 ul.news-list li .tme2 div {
    color: #5f5f63;
}

.news_h1 {
    text-align: center;
    font-size: 24px;
    line-height: 40px;
    color: #09090c;
    margin-top: 20px;
}

.news_xx {
    border-bottom: 1px solid #d5d7d9;
    height: 30px;
    line-height: 30px;
    padding: 20px 0;
    color: #7c7d82;
    font-size: 12px;
    text-align: left;
    position: relative;
}

.news_xx font {
    padding-right: 20px;
}

.ztmenubox {
    position: absolute;
    right: 0;
    top: 22px;
}

.ztmenubox .ztmenu {
    width: 275px;
    position: relative;
    font-size: 12px;
}

.ztmenubox .ztmenu span {
    float: left;
    color: #7c7d82;
    width: 65px;
}

.ztmenubox .ztmenu .menubox {
    width: 207px;
    float: left;
}

.ztmenubox .ztmenu .input_menu {
    width: 172px;
    height: 24px;
    line-height: 24px;
    padding: 0 25px 0 10px;
    overflow: hidden;
    float: right;
    text-align: left;
    background: url(https://asset.newyx.net/v2/pc/images/web/ztmenu.gif) no-repeat;
    color: #5c5d5f;
    cursor: pointer;
}

.ztmenubox .ztmenu .on {
    background-position: 0 -25px;
}

.ztmenubox .ztmenu .menu-list {
    position: absolute;
    top: 24px;
    left: 65px;
    z-index: 99;
    width: 182px;
    border: 1px solid #b5b5c1;
    border-top: none;
    background: #fff;
}

.ztmenubox .ztmenu .menu-list li {
    height: 22px;
    overflow: hidden;
}

.ztmenubox .ztmenu .menu-list li a {
    height: 22px;
    line-height: 22px;
    display: block;
    color: #5c5d5f;
    padding-left: 10px;
}

.ztmenubox .ztmenu .menu-list li a:hover {
    background: #f0f8ff;
}

.news_contet {
    line-height: 25px;
    padding: 15px 0 0;
    font-size: 14px;
}

.news_contet p {
    margin: 10px 0;
}

.news_contet p a {
    color: #0095e1;
}

.news_contet p a:hover {
    text-decoration: underline;
}

.news_contet img {
    text-align: center;
    margin: 10px auto 0;
    width: expression(this.offsetWidth > 700px ? '700px': true);
    max-width: 700px;
}

.news_cont .pb-pages {
    padding: 20px 0 40px;
}

.news_cont .pb-pages a.on,.news_cont .pb-pages a:hover {
    border-color: #0095e1;
    background-color: #0095e1;
}

.show-kaifu {
    font-size: 14px;
    margin-bottom: 20px;
}

.show-kaifu span {
    color: #0095e1;
}

.show-kaifu a.red {
    font-weight: bold;
    margin-right: 10px;
}

.show-kaifu a.more2 {
    color: #0095e1;
}

.show-kaifu a:hover {
    text-decoration: underline;
}

.show-tjbtns {
    text-align: center;
}

.show-tjbtns a {
    padding: 8px 30px;
    display: inline-block;
    text-align: center;
    font-size: 16px;
    color: #fff;
    background: #229bff;
    margin: 0 10px 30px;
}

.show-tjbtns a:hover {
    background: #007de5;
}

#pc-mobile .news_contet p a,#pc-mobile .show-kaifu a.more2,#pc-mobile .show-kaifu span {
    color: #00bfb1;
}

#pc-vr .news_contet p a,#pc-vr .show-kaifu a.more2,#pc-vr .show-kaifu span {
    color: #72c322;
}

#pc-online .news_contet p a,#pc-online .show-kaifu a.more2,#pc-online .show-kaifu span {
    color: #ff8624;
}

#pc-lol .news_contet p a,#pc-lol .show-kaifu a.more2,#pc-lol .show-kaifu span {
    color: #c7a056;
}

#pc-game .news_contet {
    color: #333;
}

#pc-game .news_contet a {
    color: #ff4d45;
}

.news_ads {
    height: 100px;
    margin: 20px auto 0;
    width: 680px;
}

.news_ads dt {
    width: 380px;
    height: 100px;
    float: left;
    position: relative;
}

.news_ads dt span {
    width: 34px;
    height: 34px;
    display: block;
    background: url(https://asset.newyx.net/v2/pc/images/znew.png) no-repeat;
    position: absolute;
    left: 0;
    top: 0;
}

.news_ads dt img {
    width: 380px;
    height: 100px;
    display: block;
}

.news_ads dd {
    width: 272px;
    float: left;
    height: 25px;
    line-height: 25px;
    overflow: hidden;
    background: url(https://asset.newyx.net/v2/pc/images/li1.gif) no-repeat 16px center;
    padding-left: 28px;
    font-size: 14px;
    color: #0095e1;
}

.news_ads dd a {
    color: #0095e1;
}

.news_ads dd a:hover {
    text-decoration: underline;
}

#pc-mobile .news_ads dd a {
    color: #00bfb1;
}

.wz-tjgame {
    border: 1px solid #ddd;
    padding: 11px 12px;
}

.wz-tjgame img {
    width: 100px;
    height: 100px;
    display: inline-block;
    float: left;
    border-radius: 15px;
}

.wz-tjgame .cont {
    padding-left: 118px;
}

.wz-tjgame .cont h3 {
    font-weight: normal;
    height: 30px;
    overflow: hidden;
}

.wz-tjgame .cont h3 i {
    font-size: 12px;
    color: #999;
    margin-left: 15px;
}

.wz-tjgame .cont p {
    height: 30px;
    line-height: 30px;
    overflow: hidden;
    color: #666;
    margin-bottom: 5px;
    font-size: 12px;
}

.wz-tjgame .cont p span {
    padding: 0 40px;
}

.wz-tjgame .btns a {
    width: 70px;
    padding-left: 60px;
    height: 32px;
    line-height: 32px;
    color: #fff;
    display: inline-block;
    margin-right: 20px;
    border-radius: 6px;
    font-size: 14px;
    background: url(https://asset.newyx.net/v2/pc/images/mb-tb.png) no-repeat;
}

.wz-tjgame .btns a.android {
    background-color: #90c100;
    background-position: 35px 5px;
}

.wz-tjgame .btns a.iphone {
    background-color: #45abff;
    background-position: 35px -35px;
}

.wz-tjgame .btns a.pc {
    background-color: #19c4b7;
    background-position: 35px -70px;
}

.wz-tjgame .btns a.android:hover {
    background-color: #9dd300;
}

.wz-tjgame .btns a.iphone:hover {
    background-color: #30a2ff;
}

.wz-tjgame .btns a.pc:hover {
    background-color: #47cfc5;
}

.wz-tjgame .btns a.vive {
    background-color: #383838;
    background-position: 20px -145px;
    width: 85px;
    padding-left: 45px;
}

.wz-tjgame .btns a.vive:hover {
    background-color: #555;
}

.wz-tjgame .btns a.rift {
    background-color: #19c4b7;
    background-position: 20px -177px;
    width: 85px;
    padding-left: 45px;
}

.wz-tjgame .btns a.rift:hover {
    background-color: #0ed0c2;
}

#pc-vr .wz-tjgame {
    background: #f7f7f7;
}

.wz-xggame li {
    width: 240px;
    float: left;
    padding: 13px 10px 13px 0;
}

.wz-xggame li a.pic {
    width: 70px;
    height: 70px;
    display: inline-block;
    float: left;
    margin-right: 10px;
}

.wz-xggame li img {
    width: 70px;
    height: 70px;
    display: block;
    border-radius: 10px;
}

.wz-xggame li h3 {
    line-height: 22px;
    max-height: 44px;
    font-size: 14px;
    overflow: hidden;
    margin-bottom: 3px;
}

.wz-xggame li p {
    color: #999;
    font-size: 12px;
    overflow: hidden;
    height: 20px;
}

.wz-xggame li p i {
    padding: 0 5px;
}

.wz-nav {
    color: #3f4145;
    font-size: 12px;
    line-height: 30px;
}

.wz-nav dt {
    border: 1px solid #d5d7d9;
    background: #eee;
    height: 30px;
    text-align: center;
}

.wz-nav dd {
    border: 1px solid #d5d7d9;
    border-top: none;
    padding: 10px;
}

.wz-nav dd a {
    display: inline-block;
    float: left;
    width: 229px;
    height: 30px;
    overflow: hidden;
    padding-left: 10px;
}

.xgwz {
    margin: 0 -30px 0 0;
}

.xgwz li {
    float: left;
    position: relative;
    border: 1px solid #dae1e8;
    width: 200px;
    height: 68px;
    padding: 6px 14px 0 144px;
    margin: 15px 30px 0 0;
}

.xgwz li img {
    width: 130px;
    height: 76px;
    display: block;
    position: absolute;
    left: -1px;
    top: -1px;
}

.xgwz li h4 {
    height: 45px;
    line-height: 21px;
    overflow: hidden;
    font-weight: normal;
    font-size: 14px;
}

.xgwz li p {
    height: 16px;
    line-height: 16px;
    overflow: hidden;
    text-align: right;
    color: #999;
    font-size: 12px;
    clear: both;
}

.xgwz li p span {
    float: left;
}

.xgsp-ul {
    margin-left: -36px;
}

.xgsp-ul li {
    width: 160px;
    float: left;
    display: inline;
    margin: 15px 0 0 36px;
    position: relative;
}

.xgsp-ul li img {
    width: 160px;
    height: 94px;
    display: block;
    margin-bottom: 7px;
}

.xgsp-ul li i {
    width: 41px;
    height: 41px;
    display: block;
    position: absolute;
    background: url(https://asset.newyx.net/v2/pc/images/web/vd.png) no-repeat;
    z-index: 100;
    left: 60px;
    top: 25px;
    cursor: pointer;
    transition: transform 0.5s ease 0.1s;
}

.xgsp-ul li p {
    text-align: left;
    height: 44px;
    line-height: 22px;
    overflow: hidden;
    font-size: 14px;
}

.xgsp-ul li a:hover i {
    transform: rotate(360deg);
}

.xgsp-ul li:hover p a,.xgwz li:hover h4 a {
    color: #0095e1;
}

#pc-mobile .xgsp-ul li:hover p a,#pc-mobile .xgwz li:hover h4 a {
    color: #00bfb1;
}

#pc-vr .xgwz li:hover h4 a {
    color: #72c322;
}

#pc-online .xgwz li:hover h4 a {
    color: #ff8624;
}

#pc-lol .xgwz li:hover h4 a {
    color: #c7a056;
}

#pc-cf .xgwz li {
    width: 212px;
}

#pc-cf .xgwz li:hover h4 a {
    color: #ff4d24;
}

#pc-game .xgwz li:hover h4 a {
    color: #ff4d45;
}

.zttit5 {
    height: 44px;
    clear: both;
    zoom:1;border-bottom: 1px solid #d5d7d9;
    font-size: 15px;
    color: #09090c;
    position: relative;
}

.zttit5 .hd {
    position: absolute;
    left: 0;
    bottom: 0;
    height: 44px;
}

.zttit5 .hd span {
    float: left;
    display: inline-block;
    cursor: pointer;
    color: #666;
    height: 43px;
    line-height: 43px;
    padding: 0 15px;
    margin-right: -1px;
    font-size: 16px;
    border: 1px solid #ddd;
    background: #f9f9f9;
    border-bottom: none;
}

.zttit5 .hd .active {
    border-left: 1px solid #d5d7d9;
    border-right: 1px solid #d5d7d9;
    border-top: 3px solid #0095e1;
    height: 40px;
    line-height: 40px;
    border-bottom: 1px solid #fff;
    background: #fff;
    color: #333;
    font-weight: bold;
}

.xbtj {
    margin-left: -18px;
    background: #fff;
}

.xbtj li {
    width: 174px;
    float: left;
    display: inline;
    margin: 15px 0 0 18px;
}

.xbtj li img {
    width: 166px;
    height: 98px;
    padding: 3px;
    border: 1px solid #d5d7d9;
    display: block;
    margin-bottom: 5px;
    background: #fff;
}

.xbtj li p {
    text-align: center;
    height: 25px;
    line-height: 25px;
    overflow: hidden;
    font-size: 14px;
}

.xbtj li span {
    text-align: center;
    height: 20px;
    line-height: 20px;
    overflow: hidden;
    font-size: 12px;
    color: #8e9096;
    display: block;
    margin: 0 auto;
}

#pc-mobile .xbtj li:hover img {
    border-color: #00bfb1;
}

#pc-mobile .zttit5 .hd .active {
    border-top-color: #00bfb1;
}

#pc-online .xbtj li:hover img {
    border-color: #ff8624;
}

#pc-online .zttit5 .hd .active {
    border-top-color: #ff8624;
}

#pc-lol .zttit5 .hd .active {
    border-top-color: #c7a056;
}

#pc-lol .xbtj {
    margin-left: -26px;
}

#pc-lol .xbtj li {
    margin-left: 26px;
}

#pc-lol .xbtj li img,#pc-game .xbtj li img {
    width: 174px;
    height: 106px;
    border-width: 0;
    padding: 0;
    display: block;
    margin-bottom: 5px;
    background: #fff;
}

#pc-lol .xbtj li p {
    text-align: left;
    height: 50px;
}

#pc-lol .xbtj li:hover img {
    border: 2px solid #c7a056;
    width: 170px;
    height: 102px;
    opacity: 1;
}

#pc-game .xbtj li:hover img {
    border: 1px solid #ff4d45;
    width: 172px;
    height: 104px;
    opacity: 1;
}

#pc-game .xbtj li:hover p a {
    color: #ff4d45;
}

#pc-cf .zttit5 .hd .active {
    border-top-color: #ff4d24;
}

#pc-cf .xbtj {
    background: #f4f4f4;
    margin-left: -26px;
}

#pc-cf .xbtj li {
    margin-left: 26px;
}

#pc-cf .xbtj li:hover img {
    border: 1px solid #ff4d24;
}

.search-box {
    width: 329px;
}

.search-box form {
    display: block;
    border: 2px solid #d5d7d9;
    height: 36px;
    position: relative;
    background-color: #d5d7d9;
}

.search-box form.onfocus {
    border-color: #eb3156;
}

.search-box .search-box-txt {
    float: left;
    width: 215px;
    padding: 5px 10px;
    height: 26px;
    line-height: 26px;
    color: #999;
    background: #fff;
    font-size: 13px;
    color: #8e9096;
}

.search-box .search-box-btn {
    float: right;
    width: 90px;
    height: 36px;
    line-height: 36px;
    text-indent: 20px;
    background-position: 0 -544px;
    font-size: 15px;
    color: #09090c;
    cursor: pointer;
}

.search-box form.onfocus .search-box-btn {
    background-color: #eb3156;
    color: #fff;
    cursor: pointer;
    background-position: 0 -584px;
}

.search-result {
    width: 480px;
    color: #5c5d5f;
    height: 40px;
    line-height: 40px;
    overflow: hidden;
    text-align: right;
    padding-right: 15px;
}

.search-result font {
    color: #eb3156;
    font-size: 14px;
}

.area-score {
    width: 300px;
}

.area-score .left {
    float: left;
    width: 110px;
}

.area-score .left div {
    height: 90px;
    width: 90px;
    position: relative;
}

.area-score .left p {
    line-height: 28px;
    height: 28px;
    text-align: left;
    color: #999;
    margin: -28px 0 0 -12px;
}

.area-score .left div span {
    height: 87px;
    line-height: 87px;
    width: 87px;
    color: #f83d39;
    text-align: center;
    font-size: 30px;
    font-weight: bold;
    font-family: 'Arial';
    display: block;
    line-height: 75px;
    position: absolute;
    top: 5px;
}

.area-score .right {
    float: left;
}

.area-score .right li {
    border: 1px solid #ddd;
    border-radius: 5px;
    width: 168px;
    height: 32px;
    line-height: 32px;
    margin-bottom: 15px;
    position: relative;
}

.area-score .right li p {
    display: block;
    text-align: left;
    color: #fff;
    width: 45px;
    padding-left: 35px;
    height: 34px;
    line-height: 34px;
    border-radius: 5px;
    position: absolute;
    right: -1px;
    top: -1px;
    cursor: pointer;
    font-size: 12px;
}

.area-score .right li span {
    display: block;
    float: left;
    width: 89px;
    text-align: center;
    color: #ff7800;
}

.area-score .right li em {
    display: block;
    width: 56px;
    position: absolute;
    text-align: center;
    top: -15px;
    left: 0;
    color: #ff7800;
    z-index: 99;
}

.area-score .right li .hide {
    display: none;
}

.area-score .right .level1 p,.area-score .right .juhe_level1 p {
    background: url(https://asset.newyx.net/v2/pc/images/smile.png) no-repeat 8px center;
    background-color: #ffa210;
}

.area-score .right .level3 p,.area-score .right .juhe_level3 p {
    background: url(https://asset.newyx.net/v2/pc/images/cry.png) no-repeat 8px center;
    background-color: #4aadff;
}

.area-score .right .level3 em,.area-score .right .juhe_level3 em {
    color: #33a3ff;
}

.area-score .right .level3 span,.area-score .right .juhe_level3 span {
    color: #33a3ff;
}

.area-score .right .level1 p:hover,.area-score .right .juhe_level1 p:hover {
    background-color: #ff7800;
}

.area-score .right .level3 p:hover,.area-score .right .juhe_level3 p:hover {
    background-color: #33a3ff;
}

.c_3.area-score {
    width: 170px;
}

.c_3.area-score .left,.c_3.area-score .right {
    float: none;
    width: 170px;
}

.c_3.area-score .left {
    margin: 0 0 12px 40px;
}

.c_3.area-score .right li {
    border-color: #464646;
}

.c_3.area-score .left div {
    border-radius: 50%;
    background: #393939;
}

.yy-toptj {
    margin-right: -22px;
}

.yy-toptj li {
    float: left;
    margin: 4px 22px 0 0;
    display: inline-block;
    width: 120px;
    overflow: hidden;
    position: relative;
}

.yy-toptj a.pic {
    display: block;
    width: 120px;
    height: 120px;
    overflow: hidden;
}

.yy-toptj a.pic img {
    display: block;
    width: 120px;
    height: 120px;
    overflow: hidden;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
}

.yy-toptj a.pic p {
    width: 120px;
    height: 120px;
    line-height: 120px;
    overflow: hidden;
    background: url(https://asset.newyx.net/v2/pc/images/web/tm.png);
    position: absolute;
    left: 0;
    top: 0;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    text-align: center;
    color: #dce2ed;
    display: none;
}

.yy-toptj a.pic:hover p {
    display: block;
}

.yy-toptj a.pic:hover img {
    -moz-transform: rotateY(360deg);
    -webkit-transform: rotateY(360deg);
    -o-transform: rotateY(360deg);
    -ms-transform: rotateY(360deg);
    transform: rotateY(360deg);
    transition: all .5s ease;
}

.yy-toptj h3 {
    font-size: 14px;
    text-align: center;
    color: #333;
    height: 42px;
    line-height: 42px;
    overflow: hidden;
}

.yy-toptj h3 a {
    color: #333;
}

.yy-toptj li:hover h3 a {
    color: #0095e1;
}

#pc-vr .yy-toptj li:hover h3 a {
    color: #72c322;
}

.rt-tuwen li {
    padding: 10px 0;
    border-bottom: 1px solid #eee;
    clear: both;
    zoom:1;overflow: hidden;
}

.rt-tuwen li img {
    width: 100px;
    height: 59px;
    float: left;
}

.rt-tuwen li p {
    width: 210px;
    padding-left: 10px;
    float: left;
    line-height: 25px;
    height: 59px;
    overflow: hidden;
    vertical-align: middle;
    text-align: left;
}

.rt-tuwen li:last-child {
    border-bottom: none;
}

.rt-tuwen li:hover p a {
    color: #72c322;
}

.snapShotWrap {
    width: 750px;
    position: relative;
    margin: 30px auto 30px;
    overflow: hidden;
}

#shotNext {
    top: 0;
    right: 0;
}

#shotPrev {
    top: 0;
    left: 0;
}

.snap-shot-btn {
    position: absolute;
    width: 50%;
    height: 100%;
    opacity: 0.7;
    z-index: 3;
}

#shotNext i {
    background-position: -21px 0;
    right: 30px;
}

#shotPrev i {
    background-position: 0 0;
    left: 30px;
}

.snap-shot-btn i {
    background: url(https://asset.newyx.net/v2/pc/images/mobile/contral_w.png) no-repeat;
    position: absolute;
    width: 20px;
    height: 40px;
    top: 50%;
    margin: -20px 0 0 0;
}

.snapShotCont {
    width: 750px;
    position: relative;
    overflow: hidden;
}

.snopshot {
    position: absolute;
    overflow: hidden;
    zoom:1;text-align: center;
}

.snapShotCont img {
    position: relative;
    width: 100%;
    height: 100%;
}

.elementOverlay {
    z-index: 1;
    position: absolute;
    top: 0;
    left: 0;
    background: #000;
    width: 100%;
    height: 100%;
    opacity: 0.4;
    filter: alpha(opacity=40);
}

.elementOverlays {
    z-index: 1;
    position: absolute;
    top: 0;
    left: 0;
    background: #000;
    width: 100%;
    height: 100%;
    opacity: 0;
    filter: alpha(opacity=0);
}

.other-plat li {
    height: 46px;
    line-height: 46px;
    border-bottom: 1px dashed #e4e4e4;
    font-size: 12px;
    overflow: hidden;
}

.other-plat li div {
    float: left;
}

.other-plat li .w1 {
    width: 290px;
    font-size: 14px;
    padding: 0 5px;
}

.other-plat li .w2 {
    width: 158px;
    color: #8e9096;
}

.other-plat li .w3 {
    width: 210px;
    color: #666;
}

.other-plat li .w4 {
    width: 82px;
}

.other-plat a.down {
    width: 82px;
    height: 26px;
    line-height: 26px;
    text-align: center;
    display: block;
    background: #2bd9c6;
    border-radius: 5px;
    color: #fff;
    margin: 10px auto 0;
}

.other-plat a.down:hover {
    background: #00bfb1;
}

.other-plat li:hover {
    background: #f5f5f5;
}

.other-plat a.open-close {
    font-size: 14px;
    color: #00bfb1;
    line-height: 30px;
}

.other-plat a.open-close:hover {
    color: #ff9d10;
}

#pc-vr .other-plat a.down {
    background: #72c322;
}

#pc-vr .other-plat a.open-close {
    color: #72c322;
}

.rtph-tab .hd ul li {
    height: 30px;
    float: left;
    display: inline;
}

.rtph-tab .hd ul li:last-child {
    margin-left: 10px;
}

.rtph-tab .hd ul li a {
    display: block;
    width: 155px;
    line-height: 30px;
    height: 30px;
    font-size: 14px;
    color: #fff;
    background-color: #bcbcbc;
    position: relative;
    text-align: center;
}

.rtph-tab .hd ul li a i {
    position: absolute;
    left: 50%;
    margin-left: -5px;
    bottom: -4px;
    width: 10px;
    height: 4px;
    display: none;
}

.rtph-tab .hd ul li.active a i {
    display: block;
}

.rtph-tab .hd ul li.active a.android {
    background-color: #72c322;
}

.rtph-tab .hd ul li a.android i {
    background-position: -120px -133px;
}

.rtph-tab .hd ul li.active a.iphone {
    background-color: #45abff;
}

.rtph-tab .hd ul li a.iphone i {
    background-position: -120px -127px;
}

.rtph-tab .bd {
    margin-top: 10px;
}

.rtph-tab .bd li {
    padding: 8px 0 8px 32px;
    position: relative;
}

.rtph-tab .bd li img {
    width: 60px;
    height: 60px;
    border-radius: 10px;
    display: inline-block;
    float: left;
}

.rtph-tab .bd li .con {
    padding: 0 30px 0 14px;
    height: 60px;
    overflow: hidden;
}

.rtph-tab .bd li h3 {
    height: 30px;
    line-height: 30px;
    font-size: 14px;
    font-weight: normal;
}

.rtph-tab .bd li p {
    height: 18px;
    line-height: 18px;
    overflow: hidden;
    color: #999;
    font-size: 12px;
}

.rtph-tab .bd li:hover img {
    -moz-transform: rotateX(360deg);
    -webkit-transform: rotateX(360deg);
    -o-transform: rotateX(360deg);
    -ms-transform: rotateX(360deg);
    transform: rotateX(360deg);
    -moz-transition: all .5s ease;
    -webkit-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
}

.rtph-tab .bd li a.btn {
    width: 20px;
    height: 18px;
    display: block;
    position: absolute;
    right: 0;
    top: 26px;
    background-position: 0 -480px;
}

.rtph-tab .bd li:hover a.btn {
    background-position: -21px -480px;
}

.rtph-tab .bd li i {
    width: 20px;
    height: 20px;
    line-height: 20px;
    text-align: center;
    display: block;
    position: absolute;
    left: 0;
    top: 30px;
    font-size: 14px;
    color: #fff;
    background: #bcbcbc;
}

.rtph-tab .bd li i.num1 {
    background: #72c322;
}

.rtph-tab .bd li i.num2 {
    background: #8ecf4e;
}

.rtph-tab .bd li i.num3 {
    background: #b8e190;
}

.pb-nolist {
    background: #f8f8f8;
    border: 1px solid #e2e2e2;
    color: #666;
    padding: 12px;
}

.progress-dl {
    position: relative;
}

.progress-dl dd {
    position: absolute;
    right: 0;
    top: -3px;
    color: #ff9d10;
    text-align: left;
    line-height: 13px;
    width: 50px;
}

.progressbar {
    border: 1px solid #e3e3e3;
    margin-top: 10px;
    font-family: Arial,Helvetica,sans-serif;
    background: url("https://asset.newyx.net/v2/pc/images/hui-icon.png") repeat-x;
    border-radius: 3px;
    display: block;
    height: 5px;
    overflow: hidden;
    position: relative;
    width: 100%;
}

.progressbar p {
    background: url("https://asset.newyx.net/v2/pc/images/blue-icon.png") repeat-x;
    border-radius: 3px;
    height: 5px;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 4;
}

.jhmbox {
    border: 1px solid #ddd;
    background: #fff;
    -webkit-box-shadow: 0 0 14px rgba(199,199,199,0.8);
    -moz-box-shadow: 0 0 14px rgba(199,199,199,0.8);
    box-shadow: 0 0 14px rgba(199,199,199,0.8);
    padding: 50px 25px 25px;
    position: absolute;
    top: 130px;
    right: 180px;
    width: 290px;
    font-size: 12px;
}

.jhmbox .close {
    position: absolute;
    width: 12px;
    height: 12px;
    background-position: -25px -56px;
    display: block;
    top: 14px;
    right: 11px;
}

.jhmbox .close:hover {
    background-position: -45px -56px;
}

.jhmbox h5 {
    position: absolute;
    color: #666;
    top: 6px;
    left: 12px;
}

.jhm-con {
    padding-bottom: 15px;
}

.jhm-con .kaohao-input {
    background: #f3f3f3;
    border: 1px solid #ddd;
    color: #09090c;
    height: 26px;
    line-height: 26px;
    width: 200px;
    padding: 0 5px;
    margin-right: 10px;
}

.jhm-con .copy-btn {
    background: #ff9d10;
    color: #fff;
    height: 28px;
    line-height: 28px;
    width: 54px;
    text-align: center;
    cursor: pointer;
}

.jhm-con .copy-btn:hover {
    background: #feae3a;
}

.jhm-con .copy-btn.hao {
    background: #ea3155;
}

.jhmbox .tishi {
    color: #ff9d10;
}

.jhmbox .tishi2 {
    color: #999;
}

.jhmbox .repeat-tao {
    width: 98px;
    height: 28px;
    line-height: 28px;
    color: #fff;
    background-color: #ea3155;
    text-align: center;
    font-size: 14px;
    display: block;
}

.jspContainer {
    overflow: hidden;
    position: relative
}

.jspPane {
    position: absolute
}

.jspVerticalBar {
    position: absolute;
    top: 0;
    right: 0;
    width: 16px;
    height: 100%;
    background: red
}

.jspHorizontalBar {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 16px;
    background: red
}

.jspCap {
    display: none
}

.jspHorizontalBar .jspCap {
    float: left
}

.jspTrack {
    background: #dde;
    position: relative
}

.jspDrag {
    background: #bbd;
    position: relative;
    top: 0;
    left: 0;
    cursor: pointer
}

.jspHorizontalBar .jspDrag,.jspHorizontalBar .jspTrack {
    float: left;
    height: 100%
}

.jspArrow {
    background: #50506d;
    text-indent: -20000px;
    display: block;
    cursor: pointer;
    padding: 0;
    margin: 0
}

.jspArrow.jspDisabled {
    cursor: default;
    background: #80808d
}

.jspVerticalBar .jspArrow {
    height: 16px
}

.jspHorizontalBar .jspArrow {
    width: 16px;
    float: left;
    height: 100%
}

.jspVerticalBar .jspArrow:focus {
    outline: 0
}

.jspCorner {
    background: #eeeef4;
    float: left;
    height: 100%
}

* html .jspCorner {
    margin: 0 -3px 0 0
}

.scroll-pane-sp {
    width: 100%;
    overflow: auto;
}

.scroll-pane-sp .jspVerticalBar {
    width: 6px;
}

.scroll-pane-sp .jspTrack {
    background: #fff;
}

.scroll-pane-sp .jspDrag {
    background: #aaa;
    border-radius: 3px
}

.scroll-pane-sp .jspHover {
    background: #d8d8d8;
}

#cfspshow-tab .scroll-pane-sp .jspDrag {
    background: #d8d8d8;
}

#cfspshow-tab .scroll-pane-sp .jspHover {
    background: #c7a056;
}

.pifulan2_r .scroll-pane-sp .jspDrag {
    background: #f2f2f2;
    border-radius: 0;
}

.pifulan2_r .scroll-pane-sp .jspVerticalBar {
    width: 17px;
}

.pifulan2_r .scroll-pane-sp .jspTrack {
    background: #d4d4d4;
    padding: 2px;
}

.unknow17 {
    padding-left: 20px;
    background: url(https://asset.newyx.net/images/sing18.png) no-repeat left 9px;
    font-size: 12px;
    color: #2491e0;
    width: 190px;
    height: 36px;
    line-height: 36px;
    position: relative;
    overflow: inherit!important;
    cursor: pointer;
}

.unknow17 .click {
    color: #ff9494;
    text-decoration: underline;
    background: url(https://asset.newyx.net/images/ma.png) no-repeat right bottom;
    padding-right: 20px;
}

.unknow17:hover .erweima {
    display: block;
}

.unknow17 .erweima {
    position: absolute;
    bottom: -113px;
    right: -100px;
    z-index: 10;
    font-size: 12px;
    border: 1px solid #e8e8e8;
    border-radius: 3px;
    width: 106px;
    padding: 5px 0;
    background-color: #fff;
    display: none;
}

.unknow17 .erweima em {
    font-size: 12px;
    line-height: 13px;
    height: 13px!important;
    padding-left: 0!important;
    display: block;
    text-align: center;
}

.unknow17 .erweima img {
    display: block;
    width: 100px;
    height: 100px;
    margin: 1px auto;
}

.unknow17 .erweima span {
    color: #50c600
}

.unknow17 .erweima .fanlibao_arr {
    position: absolute;
    width: 0;
    height: 0;
    left: -8px;
    top: 3px;
    border-right: 4px solid #e8e8e8;
    border-left: 4px solid transparent;
    border-top: 6px solid transparent;
    border-bottom: 6px solid transparent;
}

.taolunqq {
    height: 36px;
    line-height: 36px;
    color: #666;
}

.declareText {
    border: 1px solid #e1e1e1;
    background: #f2f2f2;
    padding: 10px 20px 18px 28px;
}

.declareText dt {
    color: #28a3ff;
    font-weight: bold;
    font-size: 14px;
    line-height: 30px;
}

.declareText dd {
    color: #666;
}

.news_contet p.tj-game-style {
    background-color: #f5f5f5;
    text-align: center;
    border-radius: 3px;
    padding: 5px 0 7px 0;
    font-weight: bold;
    color: #219900;
    font-size: 18px;
    line-height: 38px;
}

.news_contet p.tj-game-style img {
    display: block;
    border-radius: 50%;
    width: 100px;
    height: 100px;
}

.news_contet p.control_pic {
    overflow: hidden;
}

.news_contet p.control_pic img {
    display: block;
    max-height: 500px;
    max-width: 90%
}

.re-hdlist dl {
    padding: 20px 0;
    border-bottom: 1px solid #d7d7d7;
}

.re-hdlist dt {
    width: 224px;
    float: left;
    display: inline;
}

.re-hdlist dt img {
    width: 224px;
    height: 117px;
    display: block;
}

.re-hdlist dd {
    width: 511px;
    height: 117px;
    padding-left: 15px;
    float: left;
    line-height: 18px;
    position: relative;
}

.re-hdlist dd h2 {
    height: 25px;
    line-height: 25px;
    font-size: 18px;
}

.re-hdlist dd p.jiangli {
    color: #b6870a;
    margin: 10px 0 5px;
    padding-right: 100px;
}

.re-hdlist dd p.date {
    color: #d50000;
    padding-right: 100px;
}

.re-hdlist dd .alert-a {
    width: 37px;
    height: 23px;
    line-height: 23px;
    padding-left: 23px;
    display: inline-block;
    color: #fff;
    background: #0072ca url(https://asset.newyx.net/v2/pc/images/online/tx.png) no-repeat 4px center;
    margin-left: 10px;
    border-radius: 3px;
}

.re-hdlist dd .alert-a:hover {
    background-color: #008cf8;
}

.re-hdlist dd p.text {
    height: 36px;
    overflow: hidden;
    line-height: 18px;
    color: #999;
    margin-top: 6px;
}

.re-hdlist dd span {
    display: block;
    width: 90px;
    height: 34px;
    line-height: 34px;
    text-align: center;
    background: #ed4040;
    color: #fff;
    position: absolute;
    bottom: 0;
    right: 0;
}

.re-hdlist dd span.ing {
    background: #229bff;
}

.re-hdlist dd span.over {
    background: #eee;
    color: #999;
}

.re-hdlist dd span.nostart {
    background: #85aee4;
}

@charset "utf-8";body {
    color: #333;
}

a {
    color: #333;
}

a:hover {
    color: #00bfb1;
}

.w410 {
    width: 410px;
    float: left;
}

.w660 {
    width: 660px;
    float: right;
}

.w740 {
    width: 740px;
    float: left;
}

.w340 {
    width: 340px;
    float: right;
}

.hdlist {
    background: #fafafc
}

.jrxw-txt li span,.mbindex-tit span,.plat-r li i,.pbtit2 h3,.gl-txt li span,.mb-rt-kaifu li .time,.downph-tab .hd ul li a,.plat-tb,.phb-left .assort,.phb-left .assort i,.kf-tab .hd a i,.gamefl-tab a i,.dj-tjfl dd.dd2 a,.mb-hjlist li .con a.down,.mb-hjlist li em,.mb-hjlist .hj-saoma a span,.mb-hjlist .hj-saoma div i,.ztindex-slide a.prev,.ztindex-slide a.next,.mbzt-tab a i,.mbzt-ul a.ztmore i,.mbzt-game-box .prev,.mbzt-game-box .next,.scroll-hj .prev,.scroll-hj .next,.game-instr .li_r a.wrong,.game-instr .btns a,.game-instr .btns a.down div i,.game-instr .btns a.libao span,.game-instr .btns span.alert,.game-instr .btns span.notice,.rtph-tab .hd ul li a i {
    background: url(https://asset.newyx.net/v2/pc/images/mb-sprite.png) no-repeat;
}

.wy-rt-tw a:hover img,.xgwz li a:hover img,.xbtj li a:hover img,.wz-xggame li a:hover img,.hot-hj-bot li a:hover img,.mbzt-ul li a:hover img,.mbzt-hj .mbzt-game .pic a:hover img,.mb-xlhj-list .scroll-hj a:hover img,.rel-zt-con a:hover img {
    opacity: 0.7;
}

.pbtit {
    height: 18px;
}

.pbtit h3 {
    font-weight: normal;
    height: 18px;
    line-height: 18px;
    font-size: 16px;
    float: left;
}

.pbtit .tit {
    padding-left: 6px;
    border-left: 5px solid #00bfb1;
}

.pbtit2 {
    height: 22px;
}

.pbtit2 h3 {
    font-weight: normal;
    height: 22px;
    line-height: 22px;
    font-size: 16px;
    float: left;
    color: #09090c;
    padding-left: 27px;
    background-position: -283px -38px;
}

.pbtit2 .tit2 {
    background-position: -276px 0;
    padding-left: 35px;
}

a.mbmore {
    float: right;
    color: #00bfb1;
    font-size: 14px;
}

a.mbmore i {
    margin-left: 5px;
    transition: all 0.5s ease 0s;
}

a.mbmore:hover i {
    transform: rotate(360deg);
}

.mbindex-tit {
    height: 40px;
    border-bottom: 1px solid #ddd;
    position: relative;
    padding-left: 52px;
}

.mbindex-tit h3 {
    font-size: 20px;
    color: #000;
    float: left;
    line-height: 40px;
}

.mbindex-tit em {
    color: #666;
    padding: 12px 0 0 12px;
    float: left;
    display: inline-block;
}

.mbindex-tit span {
    width: 52px;
    height: 65px;
    display: block;
    background-color: #fff;
    position: absolute;
    left: 0;
    bottom: -20px;
}

.mbindex-tit span.android {
    background-position: -102px 0;
}

.mbindex-tit span.apple {
    background-position: -154px 0;
}

.mbindex-tit a.mbmore {
    line-height: 40px;
}

.pbtit .tabtit {
    float: right;
    width: 600px;
    overflow: hidden;
    color: #b5b5c1;
    height: 18px;
    line-height: 18px;
}

.pbtit .tabtit a {
    color: #09090c;
    font-size: 14px;
    padding: 0 7px;
}

.pbtit .tabtit a.cur {
    color: #0095e1;
}

.pbtit .rnav {
    float: right;
    height: 18px;
}

.pbtit .rnav a {
    color: #666;
    font-size: 14px;
    padding: 0 18px;
    float: left;
    display: inline-block;
}

.pbtit .rnav a:hover {
    color: #00bfb1;
}

.pbtit .rnav .xieline {
    width: 6px;
    height: 16px;
    background: url(https://asset.newyx.net/v2/pc/images/xieline.png) no-repeat center center;
    display: inline-block;
    float: left;
    margin-top: 5px;
}

.yytop-tab .hd ul {
    height: 120px;
    float: left;
    width: 110px;
}

.yytop-tab .hd ul li {
    height: 38px;
    margin-bottom: 2px;
    position: relative;
    background: #f5f5f5;
}

.yytop-tab .hd ul li a {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    padding-left: 20px;
    width: 90px;
    line-height: 38px;
    font-size: 16px;
    z-index: 50;
}

.yytop-tab .hd ul li.active a {
    color: #fff;
}

.yytop-tab .hd ul li s {
    width: 5px;
    height: 38px;
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 49;
    -moz-transition: all .2s;
    -webkit-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s;
}

.yytop-tab .hd ul li.s1 s {
    background-color: #37d5ca;
}

.yytop-tab .hd ul li.s2 s {
    background-color: #f93b6e;
}

.yytop-tab .hd ul li.s3 s {
    background-color: #ffc502;
}

.yytop-tab .hd ul li.active s {
    width: 100%;
}

.yytop-tab .bd {
    height: 120px;
    padding-left: 110px;
}

.yytop-tab .bd ul {
    overflow: hidden;
    zoom: 1;}

.yytop-tab .bd ul li {
    margin: 7px 0 0 21px;
    float: left;
    _display: inline;
    overflow: hidden;
    text-align: center;
}

.yytop-tab .bd ul li img {
    width: 80px;
    height: 80px;
    display: block;
    border-radius: 10px;
}

.yytop-tab .bd ul li a span {
    width: 80px;
    height: 30px;
    line-height: 30px;
    display: block;
    text-align: center;
    overflow: hidden;
    color: #333;
    font-size: 14px;
}

.yytop-tab .bd ul li a:hover span {
    color: #ea3155;
}

.mb-slide {
    width: 660px;
    height: 327px;
    overflow: hidden;
    position: relative;
}

.mb-slide .hd {
    position: absolute;
    right: 0;
    bottom: 17px;
    width: 90px;
    overflow: hidden;
    *zoom:1;height: 10px;
    z-index: 2;
}

.mb-slide .hd ul {
    zoom: 1;float: left;
}

.mb-slide .hd ul li {
    position: relative;
    float: left;
    width: 10px;
    height: 10px;
    overflow: hidden;
    *font-size: 0;
    margin-right: 10px;
    cursor: pointer;
    background: rgba(210,210,210,.5);
    border-radius: 50%;
}

.mb-slide .hd ul li.on {
    background: rgba(210,210,210,1);
}

.mb-slide .bd {
    position: relative;
    height: 100%;
    z-index: 0;
}

.mb-slide .bd li {
    zoom: 1;vertical-align: middle;
    position: relative;
}

.mb-slide .bd p {
    text-align: left;
    width: 560px;
    padding: 8px 90px 0 10px;
    height: 37px;
    overflow: hidden;
    position: absolute;
    bottom: 0;
    left: 0;
    background: rgba(0,0,0,.6);
}

.mb-slide .bd p a {
    color: #fff;
    font-size: 18px;
}

.mb-slide .bd img {
    width: 660px;
    height: 327px;
    display: block;
}

.mb-slide .prev,.mb-slide .next {
    position: absolute;
    top: 140px;
    display: block;
    width: 39px;
    height: 53px;
    background-position: 0 0;
    transition: all 0.3s ease 0s;
    opacity: 0.8;
}

.mb-slide .prev {
    left: -39px;
}

.mb-slide .next {
    right: -39px;
    background-position: -40px 0;
}

.mb-slide:hover .prev {
    left: 0;
}

.mb-slide:hover .next {
    right: 0;
}

.mb-slide a.prev:hover,.mb-slide a.next:hover {
    opacity: 1;
}

ul.jrxw-top {
    border-bottom: 1px dotted #dcdee0;
}

ul.jrxw-top li {
    text-align: center;
    overflow: hidden;
}

ul.jrxw-top li.h1 {
    height: 30px;
    line-height: 30px;
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 4px;
}

ul.jrxw-top li.h1 a {
    color: #ea3155;
}

ul.jrxw-top li.h2 {
    margin-bottom: 14px;
    height: 30px;
    line-height: 30px;
    color: #5c5d5f;
    font-size: 14px;
}

ul.jrxw-top li.h2 span {
    padding: 0 9px;
}

ul.jrxw-top li.h2 a {
    color: #5c5d5f;
}

ul.jrxw-txt {
    padding-top: 14px;
}

ul.jrxw-txt li {
    width: 410px;
    height: 27px;
    line-height: 27px;
    background: url(https://asset.newyx.net/v2/pc/images/li1.gif) no-repeat left center;
}

ul.jrxw-txt li div {
    float: left;
    height: 26px;
}

ul.jrxw-txt li div.txt {
    padding-left: 13px;
    width: 347px;
    font-size: 14px;
    overflow: hidden;
}

ul.jrxw-txt li div.time {
    width: 50px;
    color: #999;
    text-align: right;
}

ul.jrxw-txt .dotline {
    margin: 15px 0;
}

ul.jrxw-txt a.ckmore {
    height: 34px;
    line-height: 34px;
    display: block;
    text-align: center;
    background: #f9f9f9;
    border: 1px solid #ddd;
    margin-top: 10px;
}

ul.jrxw-txt a.ckmore:hover {
    background: #00bfb1;
    border-color: #00bfb1;
    color: #fff;
}

ul.jrxw-txt li.top {
    background: none;
}

ul.jrxw-txt li.top div.txt {
    padding-left: 0;
    width: 360px;
}

ul.jrxw-txt li span {
    display: inline-block;
    font-size: 12px;
    width: 49px;
    height: 20px;
    line-height: 20px;
    text-align: center;
    margin-right: 9px;
}

ul.jrxw-txt li span.col1 {
    color: #00bfb1;
    background-position: 0 0;
}

ul.jrxw-txt li span.col2 {
    color: #ff690b;
    background-position: 0 -21px;
}

ul.jrxw-txt li span.col3 {
    color: #eb3156;
    background-position: 0 -42px;
}

ul.jrxw-txt li.top div.txt a.col1 {
    color: #00bfb1;
}

ul.jrxw-txt li.top div.txt a.col2 {
    color: #ff690b;
}

ul.jrxw-txt li.top div.txt a.col3 {
    color: #eb3156;
}

ul.jrxw-txt li.top:hover span.col1 {
    background-position: -50px 0;
    color: #fff;
}

ul.jrxw-txt li.top:hover span.col2 {
    background-position: -50px -21px;
    color: #fff;
}

ul.jrxw-txt li.top:hover span.col3 {
    background-position: -50px -42px;
    color: #fff;
}

.fahao_cell {
    margin-left: -40px;
}

.fahao_cell li {
    width: 310px;
    float: left;
    margin: 11px 0 0 40px;
}

.fahao_cell dt {
    float: left;
    width: 58px;
    margin-right: 11px;
}

.fahao_cell dt img {
    width: 58px;
    height: 58px;
    display: block;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
}

.fahao_cell dd {
    position: relative;
    width: 170px;
    padding-right: 70px;
    height: 54px;
    float: left;
}

.fahao_cell dd .p1 {
    font-size: 15px;
    margin: 5px 0;
    overflow: hidden;
    height: 20px;
}

.fahao_cell dd .num {
    color: #999;
}

.fahao_cell dd .sm {
    color: #999;
    overflow: hidden;
    height: 20px;
}

.fahao_cell dd .lh_btn {
    position: absolute;
    right: 0;
    top: 19px;
    height: 22px;
    width: 58px;
    background: #fff;
    color: #00d2c3;
    line-height: 22px;
    text-align: center;
    border: 1px solid #00d2c3;
}

.fahao_cell li:hover .p1 a {
    color: #0095e1;
}

.fahao_cell li:hover dt {
    -moz-transform: rotateX(360deg);
    -webkit-transform: rotateX(360deg);
    -o-transform: rotateX(360deg);
    -ms-transform: rotateX(360deg);
    transform: rotateX(360deg);
    -moz-transition: all .5s ease;
    -webkit-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
}

.fahao_cell li:hover .p1 a {
    color: #00d2c3;
}

.fahao_cell li:hover .lh_btn {
    background: #00d2c3;
    color: #fff;
}

.rel-libao .fahao_cell li:nth-child(-n+2) {
    margin-top: 0;
}

.platbox {
    zoom: 1;position: relative;
}

.platbox .parHd {
    position: absolute;
    z-index: 1;
    top: 25px;
    left: 0;
    width: 368px;
    overflow: hidden;
}

.platbox .parHd li {
    height: 18px;
    line-height: 18px;
    position: relative;
    width: 60px;
    float: left;
    padding-bottom: 10px;
}

.platbox .parHd em {
    width: 15px;
    height: 18px;
    line-height: 18px;
    font-size: 16px;
    display: inline-block;
    float: left;
    text-align: center;
}

.platbox .parHd li a {
    display: block;
    font-size: 18px;
    text-align: center;
}

.platbox .parHd li.on a {
    color: #00bfb1;
}

.platbox .parHd li s {
    width: 0;
    height: 3px;
    display: block;
    position: absolute;
    background: #00bfb1;
    left: 0;
    bottom: 0;
    -moz-transition: all .2s;
    -webkit-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s;
}

.platbox .parHd li.on s {
    width: 100%;
}

.plat-l {
    width: 368px;
    float: left;
    padding-top: 55px;
}

.plat-l ul li {
    width: 76px;
    height: 33px;
    line-height: 33px;
    border: 1px solid #ddd;
    margin: 15px 13px 0 0;
    font-size: 14px;
    text-align: center;
    float: left;
    _display: inline;
    position: relative;
}

.plat-l ul li.on {
    background-color: #00bfb1;
    border-color: #00bfb1;
    -moz-transition: all .2s;
    -webkit-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s;
}

.plat-l ul li.on a {
    color: #fff;
}

.plat-l ul li i {
    width: 4px;
    height: 11px;
    display: none;
    position: absolute;
    right: -5px;
    top: 12px;
    background: url(https://asset.newyx.net/v2/pc/images/mbtab.jpg) no-repeat;
}

.plat-l ul li.on i {
    display: block;
}

.plat-r {
    width: 752px;
    float: right;
}

.plat-r ul li {
    margin: 17px 0 0 25px;
    width: 100px;
    height: 128px;
    float: left;
    _display: inline;
    text-align: center;
    position: relative;
}

.plat-r ul li img {
    width: 100px;
    height: 100px;
    display: block;
    border-radius: 10px;
}

.plat-r ul li a span {
    width: 100px;
    height: 30px;
    line-height: 34px;
    display: block;
    text-align: center;
    overflow: hidden;
}

.plat-r ul li i {
    width: 40px;
    height: 40px;
    display: none;
    background-position: -223px 0;
    position: absolute;
    right: 10px;
    bottom: 38px;
}

.plat-r ul li a:hover i {
    display: block;
}

.plat-r ul li a:hover img {
    box-shadow: 0 5px 10px rgba(6,0,1,.4);
}

.special {
    padding-top: 15px;
    height: 102px;
    margin-right: -15px;
}

.special a {
    float: left;
    margin-right: 15px;
    display: inline-block;
    width: 174px;
    height: 102px;
    overflow: hidden;
    position: relative;
}

.special a img {
    display: block;
    width: 174px;
    height: 102px;
    border-radius: 4px;
}

.special a .txt {
    cursor: pointer;
    display: block;
    position: absolute;
    left: 0;
    bottom: -102px;
    height: 102px;
    width: 100%;
    transition: all 0.5s ease 0s;
}

.special a s {
    width: 100%;
    height: 100%;
    background: #000;
    opacity: 0.6;
    filter: alpha(opacity=60);
    z-index: 1;
    position: absolute;
    left: 0;
    top: 0;
    border-radius: 4px;
}

.special a p {
    padding: 25px 5px 10px;
    width: 164px;
    text-align: center;
    color: #fff;
    font-size: 14px;
    z-index: 2;
    position: relative;
}

.special a em {
    display: block;
    border: 1px solid #8e9096;
    color: #fff;
    width: 45px;
    height: 20px;
    line-height: 20px;
    text-align: center;
    margin: 0 auto;
    z-index: 2;
    position: relative;
}

.special a:hover .txt {
    bottom: 0;
}

.game-heji {
    margin: 15px -26px 0 0;
}

.game-heji li {
    width: 260px;
    height: 130px;
    margin-right: 26px;
    float: left;
    display: inline;
}

.game-heji li a {
    display: inline-block;
    width: 260px;
    height: 130px;
    text-align: center;
    overflow: hidden;
    position: relative;
}

.game-heji li img {
    width: 260px;
    height: 130px;
    display: block;
    transition: all 0.5s ease 0s;
}

.game-heji li a div {
    cursor: pointer;
    position: absolute;
    left: 0;
    bottom: 0;
}

.game-heji li a div.mask {
    width: 100%;
    height: 30px;
    background: #000;
    opacity: 0.7;
    filter: alpha(opacity=70);
}

.game-heji li a div.txt {
    padding: 0 10px;
    width: 240px;
    height: 28px;
    line-height: 28px;
    color: #f1f1f7;
    font-size: 14px;
    text-align: center;
    overflow: hidden;
}

.game-heji li a:hover img {
    transform: scale(1.1,1.1);
}

.glpic {
    width: 340px;
    float: left;
    display: inline;
    margin-left: -20px;
}

.glpic li {
    float: left;
    display: inline;
    width: 150px;
    margin: 16px 0 0 20px;
}

.glpic li img {
    width: 150px;
    height: 88px;
    display: block;
}

.glpic li p {
    height: 40px;
    line-height: 20px;
    overflow: hidden;
    text-align: left;
    margin-top: 8px;
}

.glpic li:hover p a {
    color: #00bfb1;
}

.glpic .dotline {
    margin: 9px 0 0 20px;
}

.gl-txt {
    padding-top: 10px;
    width: 390px;
    float: right;
}

.gl-txt li {
    width: 390px;
    height: 27px;
    line-height: 27px;
    clear: both;
}

.gl-txt li div {
    float: left;
    height: 26px;
}

.gl-txt li div.txt {
    width: 340px;
    font-size: 14px;
    overflow: hidden;
}

.gl-txt li div.time {
    width: 50px;
    color: #999;
    text-align: right;
}

.gl-txt .dotline {
    margin: 16px 0;
}

.gl-txt a.ckmore {
    height: 34px;
    line-height: 34px;
    display: block;
    text-align: center;
    background: #f9f9f9;
    border: 1px solid #ddd;
    margin-top: 10px;
}

.gl-txt a.ckmore:hover {
    background: #00bfb1;
    border-color: #00bfb1;
    color: #fff;
}

.gl-txt li.top div.txt {
    padding-left: 0;
    width: 340px;
}

.gl-txt li span {
    display: inline-block;
    font-size: 12px;
    width: 42px;
    height: 18px;
    line-height: 18px;
    text-align: center;
    margin-right: 9px;
    background-position: 0 -63px;
    color: #fff;
}

.gl-txt li.top div.txt a {
    color: #ff9d10;
}

.kf-test li {
    border-bottom: 1px dotted #e8e8e8;
    padding: 9px 90px 9px 0;
    height: 46px;
    position: relative;
    font-size: 15px;
}

.kf-test li a.pic {
    width: 46px;
    float: left;
    margin-right: 13px;
}

.kf-test li a.pic img {
    width: 46px;
    height: 46px;
    display: block;
    border-radius: 10px;
}

.kf-test li div {
    height: 23px;
    line-height: 23px;
    overflow: hidden;
}

.kf-test li p {
    height: 23px;
    line-height: 23px;
    overflow: hidden;
    font-size: 12px;
    color: #999;
}

.kf-test li p span {
    padding-right: 20px;
    color: #00bfb1;
}

.kf-test li a.linhao {
    width: 80px;
    height: 30px;
    line-height: 30px;
    color: #fff;
    background: #00bfb1;
    position: absolute;
    right: 0;
    top: 17px;
    text-align: center;
    font-size: 14px;
    border-radius: 5px;
}

.kf-test li:hover a.linhao {
    background-color: #1ed6c9;
    color: #fff;
}

.kf-test li:last-child {
    border-bottom: none;
}

.rt-monthtj {
    padding-top: 10px;
}

.rt-monthtj li {
    border-bottom: 1px dotted #d5d7d9;
    padding: 10px 0;
    position: relative;
    color: #999;
    font-size: 12px;
}

.rt-monthtj li img {
    width: 80px;
    height: 80px;
    border-radius: 10px;
    display: inline-block;
    float: left;
}

.rt-monthtj li .con {
    padding-left: 20px;
    height: 80px;
    overflow: hidden;
}

.rt-monthtj li h3 {
    height: 25px;
    line-height: 25px;
    font-size: 16px;
    font-weight: normal;
    margin-bottom: 6px;
}

.rt-monthtj li p {
    height: 19px;
    line-height: 19px;
    overflow: hidden;
}

.rt-monthtj li p i {
    padding: 0 5px;
}

.rt-monthtj li p .score {
    font-size: 22px;
    color: #f93b6e;
    font-family: Arial,Helvetica,sans-serif;
}

.rt-monthtj li p .time {
    padding-right: 15px;
}

.rt-monthtj li:hover h3 a {
    color: #00bfb1;
}

.rt-monthtj li:last-child {
    border-bottom: none;
}

.mb-rt-kaifu {
    padding-top: 10px;
}

.mb-rt-kaifu li {
    border-bottom: 1px dotted #d5d7d9;
    padding: 10px 0;
    position: relative;
    color: #999;
    transition: all 0.3s ease 0s;
    font-size: 12px;
}

.mb-rt-kaifu li img {
    width: 60px;
    height: 60px;
    border-radius: 10px;
    display: inline-block;
    float: left;
}

.mb-rt-kaifu li .con {
    padding: 0 55px 0 15px;
    height: 60px;
    overflow: hidden;
}

.mb-rt-kaifu li h3 {
    height: 20px;
    line-height: 20px;
    font-weight: normal;
    margin-bottom: 3px;
}

.mb-rt-kaifu li p {
    height: 19px;
    line-height: 19px;
    overflow: hidden;
}

.mb-rt-kaifu li p i {
    padding: 0 5px;
}

.mb-rt-kaifu li .time {
    width: 48px;
    height: 40px;
    padding-top: 16px;
    background-position: -49px -82px;
    position: absolute;
    right: 0;
    top: 11px;
    text-align: center;
    line-height: 18px;
    color: #999;
}

.mb-rt-kaifu li .time span,.mb-rt-kaifu li:hover h3 a {
    color: #00bfb1;
}

.mb-rt-kaifu li:hover .time {
    background-position: 0 -82px;
    color: #00bfb1;
}

.mb-rt-kaifu li:last-child {
    border-bottom: none;
    padding-bottom: 0;
}

.downph-tab .hd ul li {
    height: 26px;
    float: left;
}

.downph-tab .hd ul li a {
    display: block;
    line-height: 26px;
    font-size: 14px;
    padding: 0 0 0 35px;
    color: #666;
}

.downph-tab .hd ul li a.android {
    background-position: -278px -79px;
}

.downph-tab .hd ul li a.iphone {
    background-position: -278px -113px;
}

.downph-tab .hd ul li.active a.android {
    background-position: -276px -153px;
    color: #333;
}

.downph-tab .hd ul li.active a.iphone {
    background-position: -278px -190px;
    color: #333;
}

.downph-tab .hd ul i {
    float: left;
    color: #d5d7d9;
    padding: 0 18px;
}

.downph-tab .bd {
    margin-top: 10px;
}

.downph-tab .bd li {
    padding: 8px 0;
    position: relative;
}

.downph-tab .bd li img {
    width: 60px;
    height: 60px;
    border-radius: 10px;
    display: inline-block;
    float: left;
}

.downph-tab .bd li .con {
    padding: 0 84px 0 14px;
    height: 60px;
    overflow: hidden;
}

.downph-tab .bd li h3 {
    height: 30px;
    line-height: 30px;
    font-size: 14px;
    font-weight: normal;
}

.downph-tab .bd li p {
    height: 18px;
    line-height: 18px;
    overflow: hidden;
    color: #999;
    font-size: 12px;
}

.downph-tab .bd li:hover h3 a {
    color: #00bfb1;
}

.downph-tab .bd li:hover img {
    -moz-transform: rotateX(360deg);
    -webkit-transform: rotateX(360deg);
    -o-transform: rotateX(360deg);
    -ms-transform: rotateX(360deg);
    transform: rotateX(360deg);
    -moz-transition: all .5s ease;
    -webkit-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
}

.downph-tab .bd li:last-child {
    border-bottom: none;
}

.downph-tab .bd li a.btn {
    width: 58px;
    height: 24px;
    line-height: 24px;
    display: block;
    border: 1px solid #00bfb1;
    font-size: 14px;
    color: #00bfb1;
    text-align: center;
    background: #fff;
    position: absolute;
    right: 0;
    top: 26px;
}

.downph-tab .bd li:hover a.btn {
    background-color: #00bfb1;
    color: #fff;
}

.xilie-game {
    padding-top: 5px;
}

.xilie-game li {
    margin-top: 16px;
}

.xilie-game li img {
    width: 56px;
    height: 56px;
    border-radius: 10px;
    display: inline-block;
    float: left;
}

.xilie-game li .con {
    padding-left: 17px;
    height: 56px;
    overflow: hidden;
}

.xilie-game li h3 {
    height: 30px;
    line-height: 30px;
    font-size: 14px;
    font-weight: normal;
}

.xilie-game li p {
    height: 22px;
    line-height: 22px;
    overflow: hidden;
    color: #999;
}

.xilie-game li:hover h3 a {
    color: #00bfb1;
}

.wz-xglb li {
    border-bottom: 1px dotted #d5d7d9;
    padding: 10px 0;
    position: relative;
    color: #999;
}

.wz-xglb li img {
    width: 80px;
    height: 80px;
    border-radius: 10px;
    display: inline-block;
    float: left;
}

.wz-xglb li .con {
    padding: 0 110px 0 20px;
    height: 80px;
    overflow: hidden;
}

.wz-xglb li h3 {
    height: 25px;
    line-height: 25px;
    font-size: 16px;
    font-weight: normal;
    margin-bottom: 7px;
}

.wz-xglb li p {
    height: 22px;
    line-height: 22px;
    overflow: hidden;
    font-size: 12px;
}

.wz-xglb li p .time {
    padding-right: 15px;
}

.wz-xglb li p font {
    color: #ff9d10;
}

.wz-xglb li:hover h3 a {
    color: #00bfb1;
}

.wz-xglb li:last-child {
    border-bottom: none;
}

.wz-xglb li a.btn {
    width: 98px;
    height: 36px;
    line-height: 36px;
    display: block;
    border: 1px solid #ff9d10;
    font-size: 16px;
    color: #ff9d10;
    text-align: center;
    background: #fff;
    position: absolute;
    right: 0;
    top: 37px;
    border-radius: 5px;
}

.wz-xglb li:hover a.btn {
    background-color: #ff9d10;
    color: #fff;
}

.wz-tjdown {
    border: 1px solid #f2f2f2;
    background: #f8f8f8;
    padding: 10px 12px;
    position: relative;
    margin: 20px 0 -10px 0;
}

.wz-tjdown img {
    width: 90px;
    height: 90px;
    display: inline-block;
    float: left;
    border-radius: 15px;
}

.wz-tjdown .cont {
    height: 90px;
    padding: 0 130px 0 16px;
    overflow: hidden;
    float: left;
}

.wz-tjdown .cont h3 {
    font-weight: normal;
    height: 35px;
    line-height: 35px;
    overflow: hidden;
}

.wz-tjdown .cont ul {
    width: 350px;
}

.wz-tjdown .cont li {
    height: 23px;
    line-height: 23px;
    overflow: hidden;
    color: #666;
    font-size: 12px;
    float: left;
    width: 170px;
}

.wz-tjdown .cont li font {
    color: #999;
}

.wz-tjdown .btns {
    position: absolute;
    right: 12px;
    top: -2px;
}

.wz-tjdown .btns a {
    width: 82px;
    padding-left: 48px;
    height: 36px;
    line-height: 36px;
    color: #fff;
    display: block;
    border-radius: 6px;
    font-size: 14px;
    background: url(https://asset.newyx.net/v2/pc/images/mb-tb.png) no-repeat;
    margin-top: 14px;
}

.wz-tjdown .btns a.android {
    background-color: #90c100;
    background-position: 19px 7px;
}

.wz-tjdown .btns a.iphone {
    background-color: #45abff;
    background-position: 19px -33px;
}

.wz-tjdown .btns a.android:hover {
    background-color: #9dd300;
}

.wz-tjdown .btns a.iphone:hover {
    background-color: #30a2ff;
}

.wz-tjdown .btns a.one {
    margin-top: 40px;
}

.wz-jhbox {
    width: 748px;
    height: 270px;
    background: #f7f7f7;
    border: 1px solid #ddd;
    box-shadow: 0 2px 5px rgba(2,5,1,0.2);
    position: relative;
}

.wz-jhbox .jhtop {
    position: absolute;
    left: -1px;
    top: -1px;
    background: #303030;
    padding: 20px;
    width: 710px;
}

.wz-jhbox .jhtop img {
    width: 120px;
    height: 120px;
    display: inline-block;
    float: left;
    border-radius: 15px;
}

.wz-jhbox .cont {
    padding: 0 110px 0 133px;
}

.wz-jhbox .cont h3 {
    height: 35px;
    line-height: 35px;
    overflow: hidden;
    font-size: 22px;
    color: #fff;
}

.wz-jhbox .cont h3 a {
    color: #fff;
}

.wz-jhbox .cont p {
    height: 30px;
    line-height: 30px;
    overflow: hidden;
    color: #888;
    margin: 10px 0;
    font-size: 12px;
}

.wz-jhbox .cont p span {
    padding: 0 30px;
}

.wz-jhbox .btns a {
    width: 70px;
    padding-left: 60px;
    height: 32px;
    line-height: 32px;
    color: #fff;
    display: inline-block;
    margin-right: 12px;
    border-radius: 6px;
    font-size: 14px;
    background: url(https://asset.newyx.net/v2/pc/images/mb-tb.png) no-repeat;
}

.wz-jhbox .btns a.android {
    background-color: #90c100;
    background-position: 35px 5px;
}

.wz-jhbox .btns a.iphone {
    background-color: #45abff;
    background-position: 35px -35px;
}

.wz-jhbox .btns a.pc {
    background-color: #19c4b7;
    background-position: 35px -70px;
}

.wz-jhbox .btns a.android:hover {
    background-color: #9dd300;
}

.wz-jhbox .btns a.iphone:hover {
    background-color: #30a2ff;
}

.wz-jhbox .btns a.pc:hover {
    background-color: #47cfc5;
}

.wz-jhbox .rtbtns {
    position: absolute;
    right: 20px;
    top: 8px;
}

.wz-jhbox .rtbtns a {
    width: 108px;
    height: 30px;
    line-height: 30px;
    color: #fff;
    display: block;
    text-align: center;
    border: 1px solid #229bff;
    background: #15171b;
    border-radius: 3px;
    font-size: 14px;
    margin-top: 12px;
}

.wz-jhbox .rtbtns a:hover {
    background: #229bff;
}

.box_tag {
    padding-left: 94px;
    width: 654px;
    height: auto;
    background: #fbfbfb url(https://asset.newyx.net/v2/pc/images/jhico.png) no-repeat 29px 26px;
    position: relative;
    margin-top: 159px;
}

.box_tag i {
    color: #333;
    font-weight: bold;
    font-size: 14px;
    position: absolute;
    left: 0;
    top: 0;
    text-align: center;
    width: 94px;
    display: block;
    height: 20px;
    padding-top: 70px;
    border-top: 1px solid #ddd;
}

.box_tag .boxtag {
    width: 653px;
}

.box_tag .boxtag .taglike {
    clear: both;
    height: 36px;
    border-top: 1px solid #ddd;
    overflow: hidden;
}

.box_tag .boxtag .taglike a {
    display: inline-block;
    height: 36px;
    line-height: 36px;
    font-size: 12px;
    border-left: 1px solid #ddd;
    padding: 0 17px;
    overflow: hidden;
    color: #333;
    background: #fbfbfb;
}

.box_tag .boxtag .taglike a:nth-child(2n) {
    padding: 0 20px;
}

.box_tag .boxtag .taglike a:nth-child(3n) {
    padding: 0 22px;
}

.box_tag .boxtag .taglike a:hover {
    color: #19c4b7;
}

.plat-tb {
    display: inline-block;
    width: 12px;
    height: 14px;
    margin-right: 6px;
    vertical-align: middle;
}

.plat-tb.android {
    background-position: -50px -65px;
}

.plat-tb.iphone {
    background-position: -68px -65px;
}

.hotfh-list {
    margin-left: -15px;
}

.hotfh-list li {
    float: left;
    display: inline;
    width: 218px;
    height: 106px;
    background: #fff;
    margin: 15px 0 0 15px;
    border: 1px solid #ddd;
    padding: 2px 10px 10px;
}

.hotfh-list li:hover {
    -moz-box-shadow: 0 2px 4px rgba(6,0,1,0.1);
    -webkit-box-shadow: 0 2px 4px rgba(6,0,1,0.1);
    box-shadow: 0 2px 4px rgba(6,0,1,0.1);
}

.hotfh-list h3 {
    line-height: 37px;
    height: 37px;
    overflow: hidden;
    font-size: 14px;
}

.hotfh-list .li_t img {
    float: left;
    display: block;
    width: 70px;
    height: 70px;
    margin-right: 10px;
    border-radius: 10px;
}

.hotfh-list .li_t_r {
    float: left;
    width: 138px;
}

.hotfh-list .li_t_r p {
    line-height: 20px;
    height: 20px;
    color: #999;
    overflow: hidden;
}

.hotfh-list .li_b {
    height: 24px;
    overflow: hidden;
    margin-top: 3px;
}

.hotfh-list a.btn {
    float: right;
    width: 54px;
    height: 22px;
    line-height: 22px;
    border: 1px solid #ff9d10;
    color: #ff9d10;
    text-align: center;
}

.hotfh-list li:hover a.btn {
    color: #fff;
    background: #ff9d10;
}

.libao-fh-box .search-box {
    margin-top: -5px;
}

.libao-fh-box .search-box form.onfocus {
    border-color: #00b1a4;
}

.libao-fh-box .search-box form.onfocus .search-box-btn {
    background-color: #00b1a4;
}

.libao-fh-table {
    width: 748px;
    height: auto;
    border: 1px solid #ddd;
    border-top: 3px solid #4aadff;
    border-bottom: none;
}

.libao-fh-table li {
    border-bottom: 1px solid #ddd;
    height: 38px;
    line-height: 38px;
    overflow: hidden;
}

.libao-fh-table li.tit {
    width: 748px;
    height: 38px;
    background: #d9e5ff;
    font-size: 14px;
}

.libao-fh-table li.tit div {
    float: left;
    text-align: left;
}

.libao-fh-table li.txt {
    width: 748px;
    background: #fff;
}

.libao-fh-table li.txt div {
    float: left;
    text-align: left;
}

.libao-fh-table li div.name {
    width: 230px;
    padding: 0 10px;
    font-size: 14px;
}

.libao-fh-table li.txt div.name,.libao-fh-table li div.name a {
    color: #09090c;
}

.libao-fh-table li.txt div.name a:hover {
    text-decoration: underline;
}

.libao-fh-table li div.time {
    width: 90px;
    text-align: center;
}

.libao-fh-table li div.yu {
    width: 97px;
    padding-right: 10px;
}

.libao-fh-table li.txt div.yu {
    color: #ff9d10;
}

.libao-fh-table li div.operate {
    width: 92px;
    padding-right: 10px;
}

.libao-fh-table li div.fanwei {
    width: 95px;
    text-align: center;
}

.libao-fh-table li div.entrance {
    width: 104px;
    text-align: center;
    font-size: 14px;
}

.libao-fh-table li.txt div.entrance a {
    color: #0085ff;
    width: 56px;
    height: 23px;
    line-height: 23px;
    display: block;
    text-align: center;
    margin: 7px auto 0;
}

.libao-fh-table li.txt div.operate,.libao-fh-table li.txt div.time {
    color: #999;
}

.libao-fh-table li.txt.hover .entrance a {
    background: #45abff;
    color: #fff;
}

.libao-fh-table li.txt.over {
    background: #f5f5f5;
}

.libao-fh-table li.txt.over div.yu {
    color: #8d8f95;
}

.libao-fh-table li.txt.over div.entrance {
    color: #999;
}

.gamegift {
    position: relative;
}

.gamegift img {
    float: left;
    display: block;
    width: 104px;
    height: 104px;
    border-radius: 10px;
    margin-right: 18px;
}

.gamegift .li_r {
    height: 104px;
    width: 628px;
    float: left;
}

.gamegift .li_r h3 {
    line-height: 27px;
    height: 27px;
    overflow: hidden;
    font-size: 22px;
    color: #222;
    margin-bottom: 5px;
}

.gamegift .li_r h3 a {
    color: #222;
}

.gamegift .li_r li {
    height: 25px;
    line-height: 25px;
    overflow: hidden;
    width: 215px;
    float: left;
    color: #666;
}

.gamegift .li_r li font {
    color: #999;
}

.gamegift .btns {
    margin-top: 18px;
}

.gamegift .btns a {
    width: 70px;
    height: 37px;
    line-height: 37px;
    padding-left: 60px;
    color: #fff;
    display: inline-block;
    margin-right: 20px;
    border-radius: 6px;
    font-size: 14px;
    background: url(https://asset.newyx.net/v2/pc/images/mb-tb.png) no-repeat;
}

.gamegift .btns a.android {
    background-color: #90c100;
    background-position: 35px 8px;
}

.gamegift .btns a.iphone {
    background-color: #45abff;
    background-position: 35px -33px;
}

.gamegift .btns a.pc {
    background-color: #19c4b7;
    background-position: 35px -68px;
}

.gamegift .btns a.gift {
    background-color: #ff9c00;
    background-position: 35px -104px;
    width: 90px;
}

.gamegift .btns a.guoqi {
    background-color: #a6a6a6;
    background-position: 35px -104px;
}

.gamegift .btns a.taohao {
    background-color: #ea3155;
    background-position: 35px -104px;
}

.gamegift .btns a.android:hover {
    background-color: #9dd300;
}

.gamegift .btns a.iphone:hover {
    background-color: #30a2ff;
}

.gamegift .btns a.pc:hover {
    background-color: #47cfc5;
}

.gamegift .btns a.gift:hover {
    background-color: #fcac2e;
}

.gamegift .btns a.taohao:hover {
    background-color: #f85f7d;
}

.progress-dl {
    position: relative;
}

.progress-dl dd {
    position: absolute;
    right: 0;
    top: -3px;
    color: #ff9d10;
    text-align: left;
    line-height: 13px;
    width: 50px;
}

.progressbar {
    border: 1px solid #e3e3e3;
    margin-top: 10px;
    font-family: Arial,Helvetica,sans-serif;
    background: url("https://asset.newyx.net/v2/pc/images/hui-icon.png") repeat-x;
    border-radius: 3px;
    display: block;
    height: 5px;
    overflow: hidden;
    position: relative;
    width: 100%;
}

.progressbar p {
    background: url("https://asset.newyx.net/v2/pc/images/blue-icon.png") repeat-x;
    border-radius: 3px;
    height: 5px;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 4;
}

.gamegift .li_r li.yu {
    width: 120px;
}

.gamegift .li_r li.bar {
    width: 230px;
}

.gamegift .li_r li.bar dt {
    width: 170px;
}

.jhmbox {
    border: 1px solid #ddd;
    background: #fff;
    -webkit-box-shadow: 0 0 14px rgba(199,199,199,0.8);
    -moz-box-shadow: 0 0 14px rgba(199,199,199,0.8);
    box-shadow: 0 0 14px rgba(199,199,199,0.8);
    padding: 50px 25px 25px;
    position: absolute;
    top: 190px;
    right: 180px;
    width: 290px;
    font-size: 12px;
}

.jhmbox .close {
    position: absolute;
    width: 12px;
    height: 12px;
    background-position: -25px -56px;
    display: block;
    top: 14px;
    right: 11px;
}

.jhmbox .close:hover {
    background-position: -45px -56px;
}

.jhmbox h5 {
    position: absolute;
    color: #666;
    top: 6px;
    left: 12px;
}

.jhm-con {
    padding-bottom: 15px;
}

.jhm-con .kaohao-input {
    background: #f3f3f3;
    border: 1px solid #ddd;
    color: #09090c;
    height: 26px;
    line-height: 26px;
    width: 200px;
    padding: 0 5px;
    margin-right: 10px;
}

.jhm-con .copy-btn {
    background: #ff9d10;
    color: #fff;
    height: 28px;
    line-height: 28px;
    width: 54px;
    text-align: center;
    cursor: pointer;
}

.jhm-con .copy-btn:hover {
    background: #feae3a;
}

.jhm-con .copy-btn.hao {
    background: #ea3155;
}

.jhmbox .tishi {
    color: #ff9d10;
}

.jhmbox .tishi2 {
    color: #999;
}

.jhmbox .repeat-tao {
    width: 98px;
    height: 28px;
    line-height: 28px;
    color: #fff;
    background-color: #ea3155;
    text-align: center;
    font-size: 14px;
    display: block;
}

.gift-kf li {
    border: 1px dotted #e7e7e7;
    width: 155px;
    height: 60px;
    padding: 5px 15px;
    float: left;
    display: inline;
    margin-left: -1px;
}

.gift-kf li p.time {
    color: #00bfb1;
    font-size: 14px;
    line-height: 30px;
}

.gift-kf li p.fu {
    height: 20px;
    line-height: 20px;
    overflow: hidden;
}

.gift-kf li p.fu span {
    color: #8e9096;
    padding-left: 15px;
}

.gift-xglb {
    margin-right: -20px
}

.gift-xglb li {
    padding: 10px;
    position: relative;
    border: 1px solid #d5d7d9;
    float: left;
    display: inline;
    width: 343px;
    margin: 20px 20px 0 0;
    position: relative;
}

.gift-xglb li img {
    width: 75px;
    height: 75px;
    border-radius: 10px;
    display: inline-block;
    float: left;
}

.gift-xglb li .con {
    padding-left: 16px;
    height: 75px;
    overflow: hidden;
}

.gift-xglb li h3 {
    height: 30px;
    line-height: 30px;
    font-size: 14px;
    font-weight: normal;
}

.gift-xglb li p {
    height: 23px;
    line-height: 23px;
    overflow: hidden;
    color: #999;
}

.gift-xglb li p.time {
    color: #808080;
}

.gift-xglb li p span {
    padding-left: 15px;
}

.gift-xglb li a.btn {
    width: 58px;
    height: 26px;
    line-height: 26px;
    border: 1px solid #ff9d10;
    display: block;
    font-size: 14px;
    color: #ff9d10;
    text-align: center;
    background: #fff;
    position: absolute;
    right: 14px;
    bottom: 12px;
}

.gift-xglb li:hover {
    border-color: #ff9d10;
}

.gift-xglb li:hover a.btn {
    background-color: #ff9d10;
    color: #fff;
}

.phb-banner {
    width: 100%;
    height: 108px;
    background: #46a4fe url(https://asset.newyx.net/v2/pc/images/mobile/phbanner.jpg) no-repeat center center;
}

.phb-banner .logo {
    margin: 25px 20px 0 0;
}

.phb-banner .phb-logo {
    margin-bottom: 5px;
}

.phb-left {
    width: 200px;
    float: left;
    padding-top: 3px;
}

.phb-right {
    width: 890px;
    padding-left: 20px;
    float: right;
}

.phb-left .fenlei li {
    height: 45px;
    position: relative;
    margin-top: -3px;
}

.phb-left .assort {
    width: 185px;
    padding-left: 15px;
    height: 45px;
    line-height: 45px;
    display: block;
    background-position: 0 -660px;
    font-size: 16px;
    font-weight: bold;
    color: #35a0f9;
    z-index: 9;
}

.phb-left .assort:hover,.phb-left .assort.on {
    background-position: 0 -706px;
    position: absolute;
    z-index: 99;
}

.phb-left .assort i {
    width: 16px;
    height: 18px;
    display: inline-block;
    vertical-align: -2px;
    margin-right: 6px;
}

.phb-left .assort i.all {
    background-position: -102px -72px;
}

.phb-left .assort i.ios {
    background-position: -127px -72px;
}

.phb-left .assort i.android {
    background-position: -155px -71px;
}

.phb-left .subfenlei li {
    height: 42px;
    margin-top: -3px;
    position: relative;
    width: 200px
}

.phb-left .subfenlei a {
    background: #fff;
    border: 3px solid #d5ecff;
    display: block;
    font-size: 14px;
    height: 39px;
    line-height: 39px;
    text-indent: 11px;
    width: 194px;
    z-index: 9
}

.phb-left .subfenlei a.on,.phb-left .subfenlei a:hover {
    background-color: #35a0f9;
    border-color: #35a0f9;
    bottom: -3px;
    color: #fff;
    position: absolute;
    z-index: 99
}

.phb-left .xiaofenlei {
    border: 1px solid #e1e1e1;
    padding: 8px 4px;
    background: #fff;
}

.phb-left .xiaofenlei h3 {
    color: #999;
    text-indent: 10px;
    line-height: 20px;
    margin-bottom: 5px;
}

.phb-left .xiaofenlei li {
    float: left;
    width: 74px;
    padding: 4px 10px;
}

.phb-left .xiaofenlei li a {
    display: block;
    border: 1px solid #efefef;
    height: 24px;
    line-height: 24px;
    color: #666;
    text-align: center;
}

.phb-left .xiaofenlei li a:hover,.phb-left .xiaofenlei li a.on {
    background-color: #35a0f9;
    border-color: #35a0f9;
    color: #fff;
}

.phb-right .g-ph li {
    border: 1px solid #e1e1e1;
    padding: 0 15px 20px 65px;
    position: relative;
    color: #999;
    background: #fff;
    font-size: 14px;
    margin-bottom: 20px;
}

.phb-right .g-ph li img {
    width: 100px;
    height: 100px;
    border-radius: 10px;
    display: inline-block;
    float: left;
}

.phb-right .g-ph li .con {
    padding: 0 40px 0 20px;
    height: 100px;
    overflow: hidden;
}

.phb-right .g-ph li h3 {
    height: 54px;
    line-height: 54px;
    font-size: 20px;
}

.phb-right .g-ph li p.text {
    height: 29px;
    line-height: 29px;
    overflow: hidden;
}

.phb-right .g-ph li p.text span {
    padding: 0 15px;
}

.phb-right .g-ph li em {
    width: 50px;
    height: 50px;
    line-height: 50px;
    display: block;
    font-size: 30px;
    font-weight: bold;
    text-align: center;
    position: absolute;
    left: -1px;
    top: -1px;
    background: #eff8ff;
    color: #28a3ff;
}

.phb-right .g-ph li em.top1 {
    background: #fd5253;
    color: #fff;
}

.phb-right .g-ph li em.top2 {
    background: #ff7b41;
    color: #fff;
}

.phb-right .g-ph li em.top3 {
    background: #ffad2b;
    color: #fff;
}

.phb-right .g-ph li p.tags {
    height: 25px;
    overflow: hidden;
}

.phb-right .g-ph li p.tags a {
    display: inline-block;
    padding: 0 12px;
    height: 23px;
    line-height: 23px;
    color: #35a0f9;
    border: 1px solid #35a0f9;
    margin-right: 10px;
}

.phb-right .g-ph li p.tags a:nth-child(2) {
    color: #72c322;
    border-color: #72c322;
}

.phb-right .g-ph li p.tags a:nth-child(3) {
    color: #00bfb1;
    border-color: #00bfb1;
}

.phb-right .g-ph li p.tags a:nth-child(4) {
    color: #fe7c7c;
    border-color: #fe7c7c;
}

.phb-right .g-ph li p.tags a:nth-child(5) {
    color: #ffb910;
    border-color: #ffb910;
}

.phb-right .g-ph li p.tags a:hover {
    color: #fff;
    background-color: #35a0f9;
}

.phb-right .g-ph li p.tags a:nth-child(2):hover {
    background-color: #72c322;
}

.phb-right .g-ph li p.tags a:nth-child(3):hover {
    background-color: #00bfb1;
}

.phb-right .g-ph li p.tags a:nth-child(4):hover {
    background-color: #fe7c7c;
}

.phb-right .g-ph li p.tags a:nth-child(5):hover {
    background-color: #ffb910;
}

.phb-right .g-ph .btns {
    position: absolute;
    right: 0;
    bottom: -5px;
}

.phb-right .g-ph .btns a {
    width: 85px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    color: #fff;
    display: inline-block;
    border-radius: 5px;
    background: #ffb910;
    margin-left: 12px;
}

.phb-right .g-ph .btns a.zt {
    background: #48bbff;
}

.phb-right .g-ph .btns a.down {
    background: #72c322;
}

.phb-right .g-ph .btns a:hover {
    background: #ff9d10;
}

.phb-right .g-ph .btns a.zt:hover {
    background: #1596e2;
}

.phb-right .g-ph .btns a.down:hover {
    background: #57a707;
}

.phb-right .g-ph li:hover {
    -moz-box-shadow: 2px 2px 2px rgba(6,0,1,0.1);
    -webkit-box-shadow: 2px 2px 2px rgba(6,0,1,0.1);
    box-shadow: 2px 2px 2px rgba(6,0,1,0.1);
}

.phb-right .g-ph .score {
    position: absolute;
    top: -45px;
    right: 0;
}

.phb-right .g-ph .score span {
    display: block;
    height: 30px;
    border-bottom: 1px solid #ddd;
    padding: 0 5px;
}

.phb-right .g-ph .score i {
    display: block;
    font-size: 26px;
    color: #f12727;
    font-weight: bold;
    font-family: Arial,Helvetica,sans-serif;
    text-align: center;
}

#phb-xgwz {
    margin: 25px auto;
}

#phb-xgwz .show-tit .tit {
    border-left-color: #35a0f9
}

#phb-xgwz .xgwz li {
    width: 270px;
    background: #fff;
}

#phb-xgwz .xgwz li:hover h4 a {
    color: #35a0f9
}

.kf-tj {
    border: 1px solid #ddd;
    background: #fff;
}

.kf-tj li {
    padding: 20px 16px 10px 10px;
    width: 113px;
    float: left;
    overflow: hidden;
    text-align: center;
}

.kf-tj li img {
    width: 100px;
    height: 100px;
    display: block;
    border-radius: 10px;
    margin: 0 auto 8px;
}

.kf-tj li p {
    height: 25px;
    line-height: 25px;
    overflow: hidden;
}

.kf-tj li:hover img {
    -moz-box-shadow: 0 2px 3px 3px rgba(6,0,1,0.2);
    -webkit-box-shadow: 0 2px 3px 3px rgba(6,0,1,0.2);
    box-shadow: 0 2px 3px 3px rgba(6,0,1,0.2);
}

.kf-tab {
    height: 51px;
    clear: both;
    zoom:1;border-bottom: 1px solid #ddd;
    font-size: 18px;
    position: relative;
}

.kf-tab .hd {
    position: absolute;
    left: 0;
    bottom: -1px;
    height: 52px;
}

.kf-tab .hd a {
    float: left;
    display: inline-block;
    height: 50px;
    line-height: 50px;
    padding: 0 25px 0 20px;
    margin-left: -1px;
    font-size: 18px;
    font-weight: bold;
    border: 1px solid #ddd;
}

.kf-tab .hd .active {
    border-bottom-color: #fff;
    background: #fff;
}

.kf-tab .hd a i {
    width: 20px;
    height: 20px;
    display: inline-block;
    background-position: -101px -100px;
    vertical-align: -4px;
    margin-right: 8px;
}

.kf-tab .hd a i.will {
    background-position: -123px -100px;
}

.kf-tab .hd a i.over {
    background-position: -145px -100px;
}

.kf-title {
    padding: 20px 0 13px;
    height: 30px;
}

.kf-title a {
    display: inline-block;
    float: left;
    padding: 0 15px;
    font-size: 16px;
    height: 28px;
    border: 1px solid #ddd;
    background: #fff;
    margin-right: 15px;
}

.kf-title a.on {
    background: #00bfb1;
    border-color: #00bfb1;
    color: #fff;
}

.kf-title span.info {
    font-size: 14px;
    color: #666;
    float: right;
    line-height: 30px;
}

.kf-title span.info font {
    color: #f83d39;
}

.kf-title span.info font em {
    padding-right: 5px;
}

.mod_kf_list {
    border: 1px solid #ddd;
    border-bottom: none;
}

.mod_kf_list table tr {
    border-bottom: 1px solid #ddd;
    height: 40px;
    background: #fff;
    font-size: 14px;
}

.mod_kf_list table td {
    text-align: center;
}

.mod_kf_list .li_tit {
    background: #fff;
    color: #666;
    height: 34px;
    font-size: 12px;
}

.mod_kf_list .li_tit .textl {
    text-align: left;
}

.mod_kf_list .li_on {
    background: #fffec7;
}

.mod_kf_list .li_hover {
    background: #fffef0;
}

.mod_kf_list table .imgbox3 {
    width: 226px;
    text-align: left;
    padding: 15px 0;
}

.mod_kf_list table .imgbox3 img {
    display: block;
    width: 60px;
    height: 60px;
    border-radius: 10px;
    float: left;
}

.mod_kf_list table .imgbox3 p {
    color: #999;
}

.mod_kf_list table .imgbox3 .inf {
    float: left;
    margin-left: 10px;
}

.mod_kf_list table .imgbox3 h3 {
    display: block;
    width: 156px;
    height: 30px;
    font-size: 16px;
    font-weight: 700;
    line-height: 30px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.mod_kf_list table .btn {
    display: block;
    width: 72px;
    height: 34px;
    line-height: 34px;
    background: url(https://asset.newyx.net/v2/pc/images/mobile/iconkaifu.png) no-repeat;
    margin: 0 auto;
    padding-left: 40px;
    text-align: left;
    font-size: 14px;
}

.mod_kf_list table .btn_down {
    background-position: 0 0;
    color: #00bfb1;
}

.mod_kf_list table .btn_libao {
    background-position: -112px 0;
    color: #ff9d10;
}

.mod_kf_list table .btn_down:hover {
    background-position: 0 -34px;
    color: #fff;
}

.mod_kf_list table .btn_libao:hover {
    background-position: -112px -34px;
    color: #fff;
}

.mod_kf_list table .no a {
    color: #999;
}

.mod_kf_list table .no a:hover {
    cursor: default;
    color: #999;
}

.mod_kf_list table .no .btn_libao {
    background-position: -112px -68px;
}

.mod_kf_list table .no .btn_libao:hover {
    background-position: -112px -68px;
}

.mod_kf_list table .lie1 p {
    text-align: right;
    padding-right: 35px;
    line-height: 22px;
    font-size: 12px;
}

.mod_kf_list table .lie1 p font {
    font-size: 18px;
    font-weight: bold;
    font-family: Arial,Helvetica,sans-serif;
    color: #f83d39;
}

.mod_kf_list table .lie1.over font {
    color: #666;
}

.mod_kf_list table .lie1 a.alert {
    width: 60px;
    height: 23px;
    line-height: 23px;
    background: url(https://asset.newyx.net/v2/pc/images/mobile/alert.png) no-repeat;
    color: #fff;
    display: block;
    text-indent: 15px;
    margin: 0 auto;
}

.gamefl-tab {
    height: 49px;
    clear: both;
    zoom:1;border-bottom: 2px solid #00bfb1;
    font-size: 16px;
    position: relative;
}

.gamefl-tab a {
    float: left;
    display: inline-block;
    height: 48px;
    line-height: 48px;
    padding: 0 25px 0 20px;
    font-weight: bold;
    margin-right: -1px;
    border: 1px solid #ddd;
    border-bottom: none;
    background: #fff;
    cursor: pointer;
}

.gamefl-tab a i {
    width: 20px;
    height: 21px;
    display: inline-block;
    vertical-align: -4px;
    margin-right: 8px;
}

.gamefl-tab a.active {
    height: 58px;
    line-height: 58px;
    font-size: 20px;
    margin: -10px 0 0 0;
    color: #00bfb1;
    margin-right: -1px;
}

.gamefl-tab a.active i {
    width: 27px;
    height: 31px;
    vertical-align: middle;
}

.gamefl-tab a i.android {
    background-position: 0 -512px;
}

.gamefl-tab a i.ios {
    background-position: -32px -512px;
}

.gamefl-tab a i.wangyou {
    background-position: -185px -66px;
}

.gamefl-tab a i.danji {
    background-position: -208px -66px;
}

.gamefl-tab a i.ruanjian {
    background-position: -231px -66px;
}

.gamefl-tab a:hover {
    color: #00bfb1;
}

.gamefl-tab a.active i.android {
    background-position: -190px -112px;
}

.gamefl-tab a.active i.wangyou {
    background-position: -60px -508px;
}

.gamefl-tab a.active i.danji {
    background-position: -92px -508px;
}

.gamefl-tab a.active i.ruanjian {
    background-position: -125px -508px;
}

.gamefl-tab a.active i.ios {
    background-position: -188px -148px;
}

.dj-tjfl dt {
    width: 60px;
    float: left;
    line-height: 35px;
}

.dj-tjfl dd {
    width: 1060px;
    float: left;
}

.dj-tjfl dd.dd1 a {
    display: inline-block;
    width: 89px;
    height: 34px;
    line-height: 34px;
    font-size: 14px;
    color: #666;
    text-align: center;
    margin: 0 0 15px 15px;
    border: 1px solid #eaeaea;
    background: #fff;
}

.dj-tjfl dd.dd1 a:hover {
    color: #00bfb1;
}

.dj-tjfl dd.dd1 a.active {
    background: #00bfb1;
    color: #fff;
    border-color: #00bfb1;
}

.dj-tjfl dd.dd2 a {
    display: inline-block;
    font-size: 14px;
    width: 82px;
    height: 24px;
    line-height: 24px;
    padding-left: 10px;
    border: 1px solid #00bfb1;
    text-align: left;
    color: #00bfb1;
    background-color: #fff;
    background-position: 75px -257px;
    margin: 5px 0 15px 15px;
}

.dj-tjfl dd.dd2 a.active {
    background-color: #00bfb1;
    background-position: 75px -234px;
    color: #fff;
}

.mb-gamelist {
    margin: 10px -20px 0 0;
}

.mb-gamelist li {
    border: 1px solid #eaeaea;
    padding: 4px 20px 12px;
    width: 318px;
    position: relative;
    color: #999;
    background: #fff;
    margin: 0 20px 20px 0;
    float: left;
    display: inline;
}

.mb-gamelist li a.pic {
    width: 90px;
    height: 90px;
    display: inline-block;
    float: left;
    position: relative;
}

.mb-gamelist li a.pic img {
    width: 90px;
    height: 90px;
    border-radius: 10px;
    display: block;
}

.mb-gamelist li .con {
    padding-left: 13px;
    height: 90px;
    overflow: hidden;
}

.mb-gamelist li .mb-ewm {
    width: 90px;
    height: 90px;
    display: none;
    position: absolute;
    left: 0;
    top: 0;
}

.mb-gamelist li h3 {
    height: 40px;
    line-height: 40px;
    font-size: 16px;
}

.mb-gamelist li p.text {
    line-height: 16px;
    margin-top: 8px;
}

.mb-gamelist .btns a {
    width: 98px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    color: #fff;
    display: inline-block;
    border-radius: 5px;
    margin-right: 6px;
}

.mb-gamelist .btns a.zt {
    background: #fe7c7c;
}

.mb-gamelist .btns a.down {
    background: #35a0f9;
}

.mb-gamelist .btns a.zt:hover {
    background: #ff6060;
}

.mb-gamelist .btns a.down:hover {
    background: #1a8ff1;
}

.mb-gamelist li.hover {
    box-shadow: 0 0 8px rgba(0,0,0,0.2);
    transition: all 0.3s ease 0s;
}

.mb-gamelist li.hover .mb-ewm {
    display: block;
}

.mb-gamelist .score {
    position: absolute;
    top: -32px;
    right: 0;
    line-height: 22px;
}

.mb-gamelist .score span {
    display: block;
    height: 22px;
    border-bottom: 1px solid #ddd;
    padding: 0 8px;
}

.mb-gamelist .score i {
    display: block;
    font-size: 20px;
    color: #f93b6e;
    font-weight: bold;
    font-family: Arial,Helvetica,sans-serif;
    text-align: center;
    padding-top: 2px;
}

.mb-gamelist li p.instr {
    line-height: 21px;
    height: 42px;
    overflow: hidden;
    color: #666;
}

/*********************************合集详情页/标签页*******************************/
.heji-instr {
    background: #fff;
}

.heji-instr img {
    width: 450px;
    height: 225px;
    display: block;
    float: left;
}

.heji-instr dd {
    width: 630px;
    height: 195px;
    padding: 15px 20px;
    float: left;
}

.heji-instr h3 {
    height: 40px;
    line-height: 40px;
    overflow: hidden;
    font-size: 30px;
}

.heji-instr p.text {
    height: 72px;
    line-height: 24px;
    overflow: hidden;
}

.heji-instr span.num {
    height: 22px;
    line-height: 22px;
    padding: 0 10px;
    overflow: hidden;
    border: 1px solid #16bfb3;
    border-radius: 10px;
    color: #16bfb3;
    display: inline-block;
    text-align: center;
    font-size: 12px;
    margin-left: 30px;
    vertical-align: -2px;
}

.tag-instr {
    padding: 15px 20px;
}

.tag-instr>div {
    line-height: 40px;
}

.mb-hjlist {
    margin-left: -20px;
}

.mb-hjlist li {
    border: 1px solid #eaeaea;
    padding: 4px 17px 12px;
    width: 324px;
    position: relative;
    color: #999;
    background: #fff;
    margin: 20px 0 0 20px;
    float: left;
    display: inline;
}

.mb-hjlist li a.pic {
    width: 90px;
    height: 90px;
    display: inline-block;
    float: left;
    position: relative;
}

.mb-hjlist li a.pic img {
    width: 90px;
    height: 90px;
    border-radius: 10px;
    display: block;
}

.mb-hjlist li .con {
    padding-left: 13px;
    height: 90px;
    overflow: hidden;
    position: relative;
}

.mb-hjlist li .mb-ewm {
    width: 90px;
    height: 90px;
    display: block;
    position: absolute;
    left: 0;
    top: -90px;
    transition: all 0.3s ease 0s;
}

.mb-hjlist li h3 {
    height: 40px;
    line-height: 40px;
    font-size: 20px;
}

.mb-hjlist li p.text {
    line-height: 16px;
    margin-top: 8px;
}

.mb-hjlist li p.instr {
    line-height: 20px;
    height: 40px;
    overflow: hidden;
}

.mb-hjlist li.hover,.mb-hjlist li:hover {
    box-shadow: 0 0 8px rgba(0,0,0,0.2);
    transition: all 0.3s ease 0s;
}

.mb-hjlist li.hover .mb-ewm,.mb-hjlist li:hover .mb-ewm {
    top: 0;
}

.mb-hjlist .score {
    line-height: 26px;
    height: 26px;
}

.mb-hjlist .score i {
    font-size: 22px;
    color: #f93b6e;
    font-family: Arial,Helvetica,sans-serif;
    vertical-align: middle;
}

.mb-hjlist li .con a.down {
    width: 60px;
    padding-left: 52px;
    height: 28px;
    line-height: 28px;
    background-color: #16bfb3;
    background-position: -263px -230px;
    color: #fff;
    font-size: 14px;
    position: absolute;
    right: 0;
    bottom: 5px;
    text-align: left;
}

.mb-hjlist li .con a.down:hover {
    background-color: #29cfc6;
}

.mb-hjlist li em {
    width: 81px;
    height: 82px;
    display: block;
    position: absolute;
    right: -7px;
    top: -7px;
    background-position: 0 -567px;
}

.mb-hjlist li em.morexz {
    background-position: -83px -567px;
}

.mb-hjlist li em.welcome {
    background-position: -164px -567px;
}

.mb-hjlist li em.bluetj {
    width: 26px;
    height: 62px;
    display: block;
    position: absolute;
    right: -2px;
    top: -1px;
    background-position: -176px -403px;
}

.mb-hjlist .hj-saoma a {
    display: inline-block;
    height: 35px;
    position: relative;
}

.mb-hjlist .hj-saoma a span {
    display: block;
    width: 47px;
    padding-left: 28px;
    height: 35px;
    line-height: 35px;
    background-position: -277px -262px;
    font-size: 14px;
}

.mb-hjlist .hj-saoma a.ios span {
    background-position: -277px -298px;
}

.mb-hjlist .hj-saoma div {
    position: absolute;
    left: -15px;
    top: 40px;
    padding: 15px 18px 10px;
    background: #fff;
    display: none;
    z-index: 4;
    transition: all 0.3s ease-in 0s;
    border: 1px solid #ddd;
}

.mb-hjlist .hj-saoma div font {
    font-size: 14px;
    font-weight: bold;
    color: #333;
    display: block;
    text-align: center;
}

.mb-hjlist .hj-saoma div img {
    width: 90px;
    height: 90px;
    display: block;
    margin-bottom: 3px;
}

.mb-hjlist .hj-saoma div i {
    width: 19px;
    height: 10px;
    display: block;
    background-position: -99px -127px;
    position: absolute;
    left: 50%;
    margin-left: -10px;
    top: -10px;
}

.mb-hjlist .hj-saoma a:hover div {
    display: block;
}

.mb-hjlist .hj-saoma a:hover span {
    color: #72c322;
}

.mb-hjlist .hj-saoma a.ios:hover span {
    color: #48bbff;
}

.hot-hj-bot {
    border: 1px solid #ddd;
    background: #fff;
    padding: 26px 0 15px 0;
}

.hot-hj-bot li {
    width: 200px;
    float: left;
    display: inline;
    margin-left: 19px;
}

.hot-hj-bot li img {
    width: 200px;
    height: 100px;
    display: block;
    border-radius: 6px;
}

.hot-hj-bot li p {
    text-align: center;
    font-size: 14px;
    height: 37px;
    line-height: 37px;
    overflow: hidden;
}

.ztindex-slide {
    background: #e5e5e5;
    width: 100%;
    height: 343px;
    overflow: hidden;
    zoom:1;}

.ztindex-slide .hd {
    width: 150px;
    height: 343px;
    position: absolute;
    right: 20px;
    top: 45px;
    overflow: hidden;
    z-index: 120;
}

.ztindex-slide .hd ul li {
    width: 150px;
    text-align: center;
    margin-top: 16px;
    position: relative;
}

.ztindex-slide .hd ul li img {
    width: 150px;
    height: 46px;
    cursor: pointer;
    z-index: 120
}

.ztindex-slide .hd ul li i {
    width: 150px;
    height: 46px;
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    background: rgba(0,0,0,.4);
    z-index: 122;
}

.ztindex-slide .hd ul li.on img {
    border: 2px solid #60ede2;
    width: 146px;
    height: 42px;
}

.ztindex-slide .hd ul li.on i {
    display: none;
}

.ztindex-slide a.prev,.ztindex-slide a.next {
    width: 150px;
    height: 21px;
    display: block;
    background-position: 0 -359px;
    cursor: pointer;
}

.ztindex-slide a.next {
    background-position: 0 -381px;
    margin-top: 14px;
}

.ztindex-slide a.prev:hover {
    background-position: 0 -315px;
}

.ztindex-slide a.next:hover {
    background-position: 0 -337px;
}

.ztindex-slide .bd {
    width: 100%;
    height: 343px;
    position: relative;
    z-index: 99;
}

.ztindex-slide .bd li {
    position: relative;
    zoom:1;vertical-align: middle;
}

.ztindex-slide .bd li .pic {
    position: relative;
    z-index: 0;
}

.ztindex-slide .bd li .pic img {
    width: 1120px;
    height: 343px;
    vertical-align: bottom;
}

.ztindex-slide .bd li .bg {
    width: 402px;
    height: 100px;
    position: absolute;
    left: 0;
    top: 150px;
    z-index: 1;
    background: url(https://asset.newyx.net/v2/pc/images/mobile/hdbj.png) repeat-y left;
}

.ztindex-slide .bd li .title {
    width: 385px;
    padding: 10px 0 0 17px;
    height: 90px;
    left: 0;
    top: 150px;
    position: absolute;
    z-index: 2;
}

.ztindex-slide .bd li .title a {
    color: #fff;
    font-size: 30px;
    font-weight: bold;
}

.ztindex-slide .bd li .title p {
    font-size: 14px;
    color: #fff;
}

.mbzt-tab {
    height: 61px;
    clear: both;
    zoom:1;border-bottom: 2px solid #00bfb1;
    font-size: 16px;
    position: relative;
    padding-left: 117px;
}

.mbzt-tab a {
    float: left;
    display: inline-block;
    height: 60px;
    line-height: 60px;
    width: 250px;
    margin-left: -1px;
    border: 1px solid #ddd;
    border-bottom: none;
    background: #fff;
    text-align: center;
    cursor: pointer;
    color: #666;
    transition: all .2s ease;
}

.mbzt-tab span.new {
    height: 69px;
    line-height: 69px;
    width: 117px;
    background: #16bfb3;
    font-size: 17px;
    top: -8px;
    border-color: #16bfb3;
    color: #fff;
    z-index: 99;
    position: absolute;
    left: 0;
    text-align: center;
}

.mbzt-tab a i {
    width: 29px;
    height: 30px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 8px;
}

.mbzt-tab a.tb-1 i {
    background-position: -109px -272px;
}

.mbzt-tab a.tb-2 i {
    background-position: -142px -272px;
}

.mbzt-tab a.tb-3 i {
    background-position: -179px -271px;
}

.mbzt-tab a.tb-4 i {
    background-position: -213px -271px;
}

.mbzt-tab a.tb-1:hover i,.mbzt-tab a.tb-1.active i {
    background-position: -109px -235px;
}

.mbzt-tab a.tb-2:hover i,.mbzt-tab a.tb-2.active i {
    background-position: -142px -235px;
}

.mbzt-tab a.tb-3:hover i,.mbzt-tab a.tb-3.active i {
    background-position: -179px -235px;
}

.mbzt-tab a.tb-4:hover i,.mbzt-tab a.tb-4.active i {
    background-position: -213px -235px;
}

.mbzt-tab a.active {
    height: 68px;
    line-height: 68px;
    margin-top: -8px;
}

.mbzt-tab a.tb-1 {
    border-left: none;
}

.mbzt-ul {
    margin: 24px 0 0 -40px;
}

.mbzt-ul li {
    width: 250px;
    float: left;
    display: inline;
    margin: 0 0 12px 40px;
    vertical-align: top;
}

.mbzt-ul li img {
    width: 250px;
    height: 125px;
    display: block;
    border-radius: 3px;
}

.mbzt-ul li p {
    text-align: center;
    font-size: 14px;
    height: 37px;
    line-height: 37px;
    overflow: hidden;
}

.mbzt-ul a.ztmore {
    width: 250px;
    height: 95px;
    padding-top: 30px;
    color: #fff;
    display: block;
    border-radius: 3px;
    background-color: #c5c5c5;
    text-align: center;
    transition: all .2s ease;
}

.mbzt-ul a.ztmore i {
    width: 31px;
    height: 31px;
    background-position: -187px -190px;
    display: block;
    margin: 0 auto 8px;
}

.mbzt-ul a.ztmore:hover {
    background-color: #89ddd7;
}

.mbzt-ul li:hover p a {
    color: #00bfb1;
}

.mbzt-box-cont1 .mbzt-ul {
    margin-left: -36px;
}

.mbzt-box-cont1 .mbzt-ul li {
    width: 195px;
    margin-left: 36px;
}

.mbzt-box-cont1 .mbzt-ul li img {
    width: 195px;
    height: 115px;
}

.mbzt-box-cont1 .mbzt-ul a.ztmore {
    width: 195px;
    height: 85px;
}

.mbzt-tit .hd span,.mbzt-list-tit .fr a {
    display: inline-block;
    width: 62px;
    height: 28px;
    line-height: 28px;
    border: 1px solid #ddd;
    text-align: center;
    background: #fff;
    font-size: 16px;
    margin-right: 15px;
    cursor: pointer;
}

.mbzt-tit .hd span.active,.mbzt-list-tit .fr a.on {
    background-color: #16bfb3;
    border-color: #16bfb3;
    color: #fff;
}

.mbzt-tit2 {
    height: 10px;
    border-bottom: 1px solid #ddd;
    position: relative;
}

.mbzt-tit2 h3 {
    background: #f7f7f7;
    color: #999;
    width: 120px;
    line-height: 22px;
    text-align: center;
    position: absolute;
    left: 50%;
    margin-left: -60px;
    bottom: -10px;
}

.mbzt-tit {
    height: 27px;
    line-height: 27px;
    margin-top: 30px;
}

.mbzt-tit h3 {
    float: left;
    font-size: 24px;
    font-weight: normal;
}

.mbzt-tit a.rtmore {
    height: 27px;
    line-height: 27px;
    display: block;
    float: right;
    background: #c3c3c3;
    font-size: 14px;
    padding: 0 15px;
    border-radius: 15px;
    color: #fff;
}

.mbzt-tit a.rtmore:hover {
    background: #16bfb3;
}

.mbzt-tit .hd {
    height: 27px;
    float: right;
}

.kuan {
    padding: 0 10px;
    height: 22px;
    line-height: 22px;
    overflow: hidden;
    border: 1px solid #16bfb3;
    border-radius: 12px;
    color: #16bfb3;
    display: inline-block;
    text-align: center;
}

.mbzt-game {
    margin-right: -40px;
    overflow: hidden;
    zoom:1;}

.mbzt-game li {
    width: 250px;
    float: left;
    display: inline;
    margin: 20px 40px 0 0;
}

.mbzt-game dl {
    width: 250px;
    text-align: left;
    background: #fff;
    position: relative;
}

.mbzt-game dl span.num {
    width: 57px;
    height: 65px;
    line-height: 65px;
    display: block;
    text-align: center;
    color: #fff;
    font-family: "Impact";
    font-size: 30px;
    background: rgba(249,59,110,.8);
    position: absolute;
    right: -6px;
    top: -6px;
}

.mbzt-game dt img {
    width: 250px;
    height: 148px;
    display: block;
    border-radius: 3px;
}

.mbzt-game dl dd {
    border: 1px solid #d5d7d9;
    border-top: none;
    width: 218px;
    padding: 0 15px 50px;
    position: relative;
}

.mbzt-game dl h3 {
    height: 40px;
    line-height: 40px;
    overflow: hidden;
    font-size: 16px;
    text-align: center;
    font-weight: normal;
}

.mbzt-game dl p.text {
    height: 63px;
    line-height: 21px;
    overflow: hidden;
}

.mbzt-game dl p.date {
    font-size: 10px;
    text-align: right;
    color: #16bfb3;
}

.mbzt-game dl div p {
    width: 120px;
    overflow: hidden;
    height: 24px;
    line-height: 24px;
    color: #999;
}

.mbzt-game dl a.enterzt {
    background: #6edcd4;
    width: 250px;
    height: 44px;
    line-height: 44px;
    text-align: center;
    color: #fff;
    font-size: 16px;
    position: absolute;
    bottom: -1px;
    left: -1px;
}

.mbzt-game dl.hover dd {
    border-color: #16bfb3;
}

.mbzt-game dl.hover a.enterzt {
    background: #16bfb3;
}

.mbzt-game-box .prev,.mbzt-game-box .next {
    display: block;
    width: 37px;
    height: 75px;
    cursor: pointer;
    background-position: -41px -402px;
    position: absolute;
    top: 106px;
    left: -114px;
}

.mbzt-game-box .next {
    background-position: -80px -402px;
    right: -114px;
    left: auto;
}

.mbzt-game-box .prev:hover {
    background-position: 0 -402px;
}

.mbzt-game-box .next:hover {
    background-position: -121px -402px;
}

.mbzt-game-box .prevStop,.mbzt-game-box .nextStop {
    display: none;
}

.mbzt-hj .mbzt-game dt {
    width: 250px;
    height: 125px;
    overflow: hidden;
}

.mbzt-hj .mbzt-game dt img {
    border-radius: 0;
    height: 125px;
    transition: all 0.5s ease 0s;
}

.mbzt-hj .mbzt-game dt a:hover img {
    transform: scale(1.1,1.1);
}

.mbzt-hj .mbzt-game dl a.enterzt {
    background: #81a7ff;
}

.mbzt-hj .mbzt-game dl.hover a.enterzt {
    background: #6191ff;
}

.mbzt-hj .mbzt-game dl.hover dd {
    border-color: #6191ff;
}

.mbzt-hj .mbzt-game dl p.text {
    height: 42px;
}

.mbzt-hj .mbzt-game .pic {
    margin-left: -15px;
}

.mbzt-hj .mbzt-game .pic img {
    width: 62px;
    height: 62px;
    display: inline-block;
    margin: 12px 0 0 15px;
    border-radius: 10px;
}

.zt-list-box .mbzt-game li {
    margin: 35px 40px 0 0;
}

.mbzt-list-tit {
    height: 53px;
    line-height: 51px;
    margin-top: 20px;
    font-size: 20px;
}

.mbzt-list-tit .fl a {
    display: inline-block;
    width: 127px;
    height: 51px;
    border: 1px solid #16bfb3;
    color: #16bfb3;
    background: #fff;
    margin-right: 20px;
    text-align: center;
}

.mbzt-list-tit .fl a.on,.mbzt-list-tit .fl a:hover {
    background-color: #16bfb3;
    color: #fff;
}

.mbzt-list-tit .fr a {
    margin-right: 0;
    margin-left: 15px;
}

.mbzt-list-tit .other {
    float: left;
}

.mbzt-list-tit .other a {
    color: #666;
    padding: 5px 10px;
}

.mbzt-list-tit .other a:hover,.mbzt-list-tit .other a.on {
    color: #00bfb1;
    border-bottom: 2px solid #00bfb1;
}

.mb-xlhj-list {
    margin-left: -30px;
}

.mb-xlhj-list .li-1 {
    border: 1px solid #ddd;
    padding: 0 18px 14px;
    width: 507px;
    position: relative;
    background: #fff;
    margin: 30px 0 0 30px;
    float: left;
    display: inline;
}

.mb-xlhj-list img.pic {
    width: 250px;
    height: 125px;
    display: inline-block;
    float: left;
}

.mb-xlhj-list .con {
    padding-left: 10px;
    height: 125px;
    float: left;
    width: 247px;
    overflow: hidden;
}

.mb-xlhj-list h3 {
    height: 48px;
    line-height: 48px;
    font-size: 20px;
}

.mb-xlhj-list p.text {
    line-height: 21px;
    height: 84px;
    overflow: hidden;
    color: #666;
}

.mb-xlhj-list .li-1.hover {
    border-color: #89ddd7;
}

.mb-xlhj-list .li-1.hover .kuan {
    background-color: #16bfb3;
    color: #fff;
}

.mb-xlhj-list .scroll-hj {
    width: 447px;
    position: relative;
    margin: 15px auto 0;
}

.mb-xlhj-list .scroll-hj .prev,.mb-xlhj-list .scroll-hj .next {
    display: block;
    width: 20px;
    height: 60px;
    position: absolute;
    left: -30px;
    top: 1px;
    background-position: -193px -315px;
    cursor: pointer;
}

.mb-xlhj-list .scroll-hj .next {
    background-position: -214px -315px;
    right: -30px;
    left: auto;
}

.mb-xlhj-list .scroll-hj .prevStop {
    background-position: -151px -315px;
}

.mb-xlhj-list .scroll-hj .nextStop {
    background-position: -172px -315px;
}

.mb-xlhj-list .scroll-hj .bd ul {
    overflow: hidden;
    zoom:1;}

.mb-xlhj-list .scroll-hj .bd ul li {
    padding: 0 7px 0 6px;
    float: left;
    _display: inline;
    overflow: hidden;
}

.mb-xlhj-list .scroll-hj .bd ul li img {
    width: 62px;
    height: 62px;
    display: block;
    border-radius: 10px;
}

.game-instr {
    position: relative;
}

.game-instr h1 {
    line-height: 66px;
    height: 66px;
    overflow: hidden;
    font-size: 26px;
}

.game-instr span.miaoshu {
    font-size: 12px;
    color: #999;
    padding: 29px 0 0 10px;
    display: inline-block;
}

.game-instr a.hd-a {
    color: #ff5a57;
    background: #ffecec;
    border: 1px solid #ff5a57;
    padding: 0 12px;
    height: 22px;
    line-height: 22px;
    border-radius: 2px;
    display: block;
    text-align: center;
    font-size: 12px;
    float: left;
    margin: 22px 0 0 10px;
}

.game-instr a.hd-a:hover {
    background: #ff5a57;
    color: #fff;
}

.game-instr img.pic {
    float: left;
    display: block;
    width: 110px;
    height: 110px;
    border-radius: 15px;
    margin-right: 25px;
}

.game-instr .li_r {
    height: 110px;
    width: 666px;
    float: left;
}

.game-instr .li_r li {
    height: 29px;
    line-height: 29px;
    overflow: hidden;
    width: 170px;
    float: left;
    color: #666;
}

.game-instr .li_r li font {
    color: #8e9096;
}

.game-instr .li_r a.wrong {
    color: #ff9494;
    background-position: -284px -342px;
    display: inline-block;
    padding: 0 15px 0 20px;
}

.game-instr .btns {
    margin-top: 18px;
}

.game-instr .btns a {
    width: 105px;
    padding-left: 65px;
    height: 42px;
    line-height: 42px;
    color: #fff;
    display: inline-block;
    margin-right: 28px;
    border-radius: 5px;
    font-size: 18px;
}

.game-instr .btns a.down {
    background-color: #ff5a57;
    background-position: -249px -382px;
    width: 166px;
    padding-left: 78px;
    position: relative;
}

.game-instr .btns a.zt {
    background-color: #48bbff;
    background-position: -249px -431px;
}

.game-instr .btns a.libao {
    background-color: #ffca10;
    background-position: -249px -475px;
}

.game-instr .btns a.zt:hover {
    background-color: #30a2ff;
}

.game-instr .btns a.libao:hover {
    background-color: #ecd037;
}

.game-instr .btns a.down span {
    position: absolute;
    right: 0;
    top: 0;
    border-left: 1px solid #ff423f;
    background: url(https://asset.newyx.net/v2/pc/images/mobile/mbsao.jpg) no-repeat 17px 8px;
    width: 59px;
    height: 42px;
    display: block;
}

.game-instr .btns a.down div {
    position: absolute;
    right: 50px;
    top: 0;
    padding: 15px 17px 8px;
    background: #fff;
    display: none;
    z-index: 4;
    border: 1px solid #ff5a57;
    -moz-box-shadow: 0 0 10px rgba(153,153,153,0.3);
    -webkit-box-shadow: 0 0 10px rgba(153,153,153,0.3);
    box-shadow: 0 0 10px rgba(153,153,153,0.3);
}

.game-instr .btns a.down div font {
    font-size: 12px;
    line-height: 25px;
    color: #666;
    display: block;
    text-align: center;
}

.game-instr .btns a.down div img {
    width: 100px;
    height: 100px;
    display: block;
    margin-bottom: 3px;
}

.game-instr .btns a.down div i {
    width: 10px;
    height: 13px;
    display: block;
    background-position: -187px -379px;
    position: absolute;
    margin-left: -10px;
    top: 14px;
    right: -10px;
}

.game-instr .btns a.down span:hover div {
    display: block;
}

.game-instr .btns a.down:hover {
    background-color: #ef3538;
}

.game-instr .btns a.libao span {
    width: 33px;
    height: 19px;
    background-position: -151px -379px;
    display: block;
    position: absolute;
    right: -21px;
    top: -19px;
}

.game-instr .btns span.alert,.game-instr .btns span.notice {
    width: 211px;
    padding-left: 69px;
    height: 42px;
    line-height: 42px;
    display: inline-block;
    margin-right: 28px;
    border-radius: 5px;
    font-size: 15px;
}

.game-instr .btns span.alert {
    background-position: -244px -523px;
    background-color: #eefffc;
}

.game-instr .btns span.notice {
    background-position: -244px -564px;
    background-color: #ffedf1;
}

.game-instr .btns span.notice font {
    color: #ff4b6e;
}

.game-instr .btns .hui-btn {
    background-color: #eee;
    background-image: none;
    color: #999;
    width: 170px;
    padding-left: 0;
    font-size: 15px;
    text-align: center
}

.game-instr .area-score {
    position: absolute;
    right: 20px;
    top: 80px;
}

.game-instr .tags {
    position: absolute;
    right: 0;
    bottom: 35px;
    width: 330px;
    height: 25px;
    overflow: hidden;
}

.game-instr .tags span {
    color: #8e9096;
    float: left;
    display: block
}

.game-instr .tags a {
    margin-left: 10px;
    float: left;
    display: block;
    width: 87px;
    height: 25px;
    line-height: 25px;
    background: #ecf5fa;
    overflow: hidden;
    text-align: center;
    color: #008cff;
}

.game-instr .tags a:hover {
    background: #008cff;
    color: #fff;
}

.gamejj-cont,.ztlb-cont {
    padding: 15px 0;
}

.gamejj-cont h3,.ztlb-cont h3 {
    height: 25px;
    line-height: 25px;
    font-weight: bold;
    font-size: 15px;
    margin: 10px 0 10px;
}

.gamejj-cont p,.ztlb-cont p {
    font-size: 14px;
    line-height: 25px;
}

.gamejj-cont p a,.ztlb-cont p a {
    color: #00bfb1;
}

.gamejj-cont p a:hover,.ztlb-cont p a:hover {
    text-decoration: underline;
}

.gamejj-cont img,.ztlb-cont p img {
    max-width: 98%;
    margin: 10px auto;
}

.rel-zt-tit {
    height: 43px;
    border-bottom: 1px solid #ddd;
    position: relative;
    padding-left: 110px;
    overflow: hidden;
}

.rel-zt-tit h3 {
    position: absolute;
    left: 0;
    bottom: -1px;
    width: 110px;
    height: 44px;
    line-height: 44px;
    background: #00bfb1;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    text-align: center;
    color: #fff;
    font-size: 16px;
    font-weight: normal;
}

.rel-zt-tit .hd a {
    height: 30px;
    line-height: 30px;
    display: inline-block;
    text-align: center;
    padding: 0 12px;
    font-size: 14px;
    color: #666;
    background: #f3f3f3;
    border-radius: 5px;
    margin: 7px 0 0 10px;
}

.rel-zt-tit .hd a.active {
    background: #ff9d10;
    color: #fff;
}

.rel-zt-top img {
    width: 220px;
    height: 110px;
    border-radius: 10px;
    float: left;
}

.rel-zt-top .cont {
    padding-left: 240px;
    height: 110px;
}

.rel-zt-top h3 {
    height: 50px;
    line-height: 50px;
    overflow: hidden;
    font-size: 20px;
}

.rel-zt-top p {
    line-height: 24px;
    height: 48px;
    overflow: hidden;
    color: #999;
}

.rel-zt-ul li {
    width: 240px;
    float: left;
    padding: 12px 10px 12px 0;
}

.rel-zt-ul li a.pic {
    width: 70px;
    height: 70px;
    display: inline-block;
    float: left;
    margin-right: 10px;
}

.rel-zt-ul li img {
    width: 70px;
    height: 70px;
    display: block;
    border-radius: 10px;
}

.rel-zt-ul li h3 {
    max-height: 46px;
    line-height: 23px;
    font-size: 14px;
    overflow: hidden;
}

.rel-zt-ul li p {
    color: #999;
    font-size: 12px;
    overflow: hidden;
    height: 20px;
    line-height: 20px;
    margin-top: 3px;
}

.rel-zt-ul li p i {
    padding: 0 5px;
}

.rt-tags {
    margin-left: -9px;
}

.rt-tags a {
    width: 89px;
    height: 34px;
    line-height: 34px;
    padding: 0 5px;
    margin: 12px 0 0 10px;
    display: inline-block;
    text-align: center;
    background: #e7faf8;
    float: left;
    color: #00bfb1;
}

.rt-tags a:hover {
    background: #00bfb1;
    color: #fff;
}

.rt-gamezt li {
    margin-bottom: 15px;
    height: 148px;
    background: #e4f9f7;
    overflow: hidden;
}

.rt-gamezt .new-img {
    width: 250px;
    height: 148px;
    float: left;
    display: block;
}

.rt-gamezt .new-img img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
}

.rt-gamezt .new-cont {
    height: 124px;
    padding: 12px 0;
    margin-left: 275px;
    display: table;
    table-layout: fixed
}

.rt-gamezt .new-cont p {
    display: table-cell;
    width: 14px;
    font-size: 14px;
    line-height: 1.4;
    color: #00bfb1;
    vertical-align: middle;
    word-wrap: break-word;
    word-break: break-all;
    overflow: hidden;
}

.rt-gamezt li:hover {
    box-shadow: 0 0 8px rgba(0,0,0,0.2);
    transition: all 0.3s ease 0s;
    font-weight: bold;
}

.xz-fl {
}

.xz-fl li {
    margin: 0 0 10px 0;
}

.xz-fl li .Imgbox {
    display: block;
    width: 200px;
    height: 100px;
    overflow: hidden;
}

.xz-fl li .Imgbox img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: all .5s ease 0s
}

.xz-fl li .Imgbox img:hover {
    transform: scale(1.1,1.1);
    opacity: 0.9;
    filter(alpha=90)}

.xz-fl li .Txt {
    display: block;
    width: 200px;
    text-align: center;
    line-height: 35px;
    height: 35px;
    color: #333333;
    font-size: 14px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.xz-fl li .Txt:hover {
    color: #35a0f9;
    text-decoration: underline;
}

.xz-xfl {
    border: 1px solid #e1e1e1;
    padding: 8px 10px;
    background: #fff;
}

.xz-xfl .tit {
    display: block;
    width: 160px;
    padding: 0 10px;
    line-height: 26px;
    height: 26px;
    color: #ffffff;
    font-size: 14px;
    background-color: #35a0f9;
    text-align: center;
    font-weight: normal;
    overflow: hidden;
}

.xz-xfl ul {
    margin: 0 0 0 -8px;
    overflow: hidden;
}

.xz-xfl li {
    float: left;
    margin: 10px 0 0 8px;
}

.xz-xfl li a {
    display: block;
    padding: 0 9px;
    line-height: 26px;
    height: 26px;
    color: #333333;
    font-size: 14px;
    background: #eff8ff;
}

.heji-instr {
    background: #fff;
    margin-bottom: 20px;
}

.heji-instr .hi-Img {
    width: 400px;
    height: 200px;
    display: block;
    float: left;
}

.heji-instr .hi-Img img {
    width: 400px;
    height: 200px;
    display: block;
}

.heji-instr .hi-nr {
    width: 409px;
    height: 168px;
    padding: 15px 40px;
    float: left;
    border: 1px solid #e1e1e1;
    border-left: none;
}

.heji-instr h1 {
    height: 40px;
    line-height: 40px;
    overflow: hidden;
    font-size: 30px;
    margin: 0 0 10px 0;
}

.heji-instr p.text {
    height: 87px;
    line-height: 29px;
    overflow: hidden;
    margin: 0 0 10px 0;
}

.heji-instr .num {
    height: 22px;
    line-height: 22px;
    overflow: hidden;
    color: #999;
    display: block;
    text-align: right;
    font-size: 12px;
}

@charset "utf-8";.reportlayer {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1100;
    display: none;
    margin: 0 auto;
    width: 100%;
    height: 100%
}

.reportlayer .opcitybj {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1100;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.5)
}

.reportbox {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 1102;
    overflow: hidden;
    padding: 25px 25px 35px;
    width: 464px;
    border-radius: 10px;
    background: #fff;
    font-size: 14px;
    font-family: 'Microsoft YaHei';
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)
}

.reportbox .tit {
    margin-bottom: 15px;
    height: 40px;
    color: #333;
    text-align: center;
    font-weight: 700;
    font-size: 24px;
    line-height: 40px
}

.reportCont .c_l {
    float: left;
    display: block;
    padding-left: 11px;
    width: 86px;
    height: 40px;
    background: url(https://asset.newyx.net/v2/pc/images/report/Mf_bg.png) no-repeat left center;
    color: #3b3b3b;
    text-align: left;
    line-height: 40px
}

.reportCont .c_r {
    position: relative;
    float: left;
    padding-bottom: 20px;
    width: 355px
}

.leixing .c_r {
    padding-bottom: 8px
}

.cr_item:after {
    clear: both;
    display: block;
    height: 0;
    content: "\200B"
}

.reportCont .input-txt {
    display: block;
    padding: 8px 12px;
    width: 329px;
    height: 22px;
    outline: 0;
    border: 1px solid #d0d0d0;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    color: #333;
    line-height: 22px;
    resize: none
}

.reportCont .tishi {
    position: absolute;
    bottom: 0;
    left: 0;
    display: block;
    height: 22px;
    color: #ff7263;
    line-height: 22px;
    font-size: 12px;
}

.dc {
    position: absolute;
    top: 9px;
    right: -27px;
    z-index: 2;
    display: block;
    width: 21px;
    height: 21px;
    background: url(https://asset.newyx.net/v2/pc/images/report/dc_bg.png) no-repeat 0 -21px
}

.dc.d {
    background: url(https://asset.newyx.net/v2/pc/images/report/dc_bg.png) no-repeat 0 0
}

.Fl_form {
    margin-left: -11px;
    width: 100%
}

.Fl_form .t-item {
    float: left;
    margin: 0 0 14px 11px;
    height: 16px;
    line-height: 16px
}

.Fl_form label {
    float: left;
    display: block;
    height: 16px;
    color: #3b3b3b;
    line-height: 16px
}

.Fl_form .regular-radio {
    float: left;
    display: block;
    margin: 1px 5px 0 0;
    width: 16px;
    height: 16px;
    background: url(https://asset.newyx.net/v2/pc/images/report/p-of.png);
    background-size: 100% 100%;
    -webkit-appearance: none;
    -moz-appearance: none
}

.Fl_form .regular-radio:checked {
    background: url(https://asset.newyx.net/v2/pc/images/report/p-on.png);
    background-size: 100% 100%
}

.reportCont .Intro {
    display: block;
    padding: 5px 12px;
    width: 329px;
    outline: 0;
    border: 1px solid #ccc;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    background-color: #fff;
    color: #333;
    font-family: 'Microsoft YaHei';
    line-height: 22px;
    resize: none
}

.cfile_item .cfile {
    float: left;
    display: block;
    width: 98px;
    height: 38px;
    border: 1px solid #d0d0d0;
    border-radius: 4px;
    background: #fff url(https://asset.newyx.net/v2/pc/images/report/add.png) no-repeat center 25px;
    cursor: pointer;
    color: #ccc;
    padding-top: 60px;
    text-align: center
}

.cfile_item .upimg,.cfile_item .uploadpic {
    margin: 5px 10px 5px 0;
}

.cfile_item .upimg {
    float: left;
    display: block;
    width: 96px;
    height: 96px;
    border-radius: 5px;
    border: 2px dashed #ccc;
    background: url(https://asset.newyx.net/v2/pc/images/report/addimg.svg) no-repeat;
    background-position: 31px;
}

.cfile_item .upimg input {
    position: absolute;
    width: 96px;
    height: 96px;
    opacity: 0;
}

.cfile_item .uploadpic {
    width: 100px;
    height: 100px;
    float: left;
    display: block;
    position: relative;
    z-index: 5;
}

.cfile_item .uploadpic img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 5px;
}

.cfile_item .del {
    position: absolute;
    top: -3px;
    right: -3px;
    z-index: 2;
    display: block;
    width: 16px;
    height: 16px;
    background: url(https://asset.newyx.net/v2/pc/images/report/close2.png) no-repeat;
    background-size: 100% auto;
    z-index: 6;
}

.report-btns a {
    float: left;
    display: block;
    margin: 0 11px;
    width: 210px;
    height: 38px;
    border-radius: 5px;
    color: #fff;
    text-align: center;
    font-size: 16px;
    line-height: 38px;
    cursor: pointer
}

.report-btns a.cancel {
    background: #555
}

.report-btns a.cancel:hover {
    background: #383838
}

.report-btns a.confirm {
    background: #009ded
}

.report-btns a.confirm:hover {
    background: #0086ca
}

input::-webkit-input-placeholder,textarea::-webkit-input-placeholder {
    color: #ccc
}

input:-moz-placeholder,textarea:-moz-input-placeholder {
    color: #ccc
}

input::-moz-placeholder,textarea::-moz-input-placeholder {
    color: #ccc
}

input:-ms-input-placeholder,textarea::-ms-input-placeholder {
    color: #ccc
}

.report-btns-box {
    position: absolute;
    top: 14px;
    right: 0;
    z-index: 1
}

.report-btns-box a {
    float: left;
    display: block;
    margin-left: 14px;
    width: 148px;
    height: 28px;
    border-radius: 4px;
    text-align: center;
    font-size: 16px;
    font-size: 14px;
    line-height: 28px;
    cursor: pointer
}

.report-btns-box a.upload {
    border: 1px solid #ff5a57;
    background: #ffecec;
    color: #ff5a57
}

.report-btns-box a.upload:hover {
    background: #ff5a57;
    color: #fff
}

.report-btns-box a.report {
    border: 1px solid #eef6fb;
    background: #eef6fb;
    color: #48bbff
}

.report-btns-box a.report:hover {
    border-color: #4aadff;
    background: #4aadff;
    color: #fff
}

.appointlayer {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1100;
    margin: 0 auto;
    width: 100%;
    height: 100%
}

.appointlayer .opcitybj {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1100;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.5)
}

.appointbox {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 1102;
    overflow: hidden;
    padding: 34px 50px 40px 50px;
    width: 460px;
    border-radius: 2px;
    background: #fff;
    font-size: 14px;
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)
}

.appointCont {
    overflow: hidden
}

.appointCont-l {
    float: left;
    width: 280px
}

.appointCont-l .reC-input {
    position: relative
}

.appointCont-l .reC-input .reC-txt {
    display: block;
    width: 278px;
    border: 1px solid #e8e8e8;
    border-radius: 4px;
    text-indent: 12px;
    font-size: 16px;
    line-height: 40px
}

.appointCont-l .reC-input .reC-txt::-webkit-input-placeholder {
    color: #bbb;
    font-size: 14px
}

.appointCont-l .reC-input .reC-txt::-moz-placeholder {
    color: #bbb;
    font-size: 14px
}

.appointCont-l .reC-input .reC-txt:-moz-placeholder {
    color: #bbb;
    font-size: 14px
}

.appointCont-l .reC-input .reC-txt:-ms-input-placeholder {
    color: #bbb;
    font-size: 14px
}

.appointCont-l .reC-input .reC-del {
    position: absolute;
    top: 11px;
    right: 5px;
    display: none;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background: url(https://asset.newyx.net/v2/pc/https://asset.newyx.net/v2/pc/images/game/icon-from.png) #fff no-repeat center top;
    cursor: pointer
}

.appointCont-l .reC-input .reC-del:hover {
    background-position: center bottom
}

.appointCont-l .reC-error {
    visibility: hidden;
    margin-top: 8px;
    height: 22px;
    color: #ff7263;
    font-size: 12px;
    line-height: 22px
}

.appointCont-l .reC-tips {
    color: #666;
    text-align: center;
    font-size: 12px;
    line-height: 46px
}

.appointCont-l .reC-tips i {
    color: #333;
    font-weight: 700;
    font-size: 15px;
    font-style: italic;
    padding-right: 5px;
}

.appointCont-l .reC-btn {
    display: block;
    display: block;
    margin-top: 18px;
    width: 100%;
    border-radius: 3px;
    background: #f1f1f1;
    color: #999;
    text-align: center;
    font-size: 16px;
    line-height: 45px
}

.appointCont-l .reC-btn.Optional {
    background: #4aadff;
    color: #fff;
    font-weight: 700
}

.appointCont-l .reC-btn.Optional:hover {
    background: #279cfd;
    cursor: pointer
}

.appointCont-l .reC-cancel {
    display: block;
    margin: 6px auto 0 auto;
    width: 40px;
    color: #999;
    text-align: center;
    line-height: 30px;
    cursor: pointer
}

.appointCont-l .reC-cancel:hover {
    color: #333
}

.appointCont-r {
    float: right;
    overflow: hidden;
    width: 152px;
    text-align: center
}

.appointCont-r i {
    display: block;
    color: #999;
    font-size: 12px;
    line-height: 30px
}

.appointCont-r span {
    display: block;
    margin-top: 6px;
    color: #666;
    line-height: 30px
}

.appointCont-r .reC-r-img {
    overflow: hidden;
    width: 150px;
    height: 150px;
    border: 1px solid #f1f1f1;
    background: #f1f1f1
}

.appointCont-r .reC-r-img img {
    display: block;
    width: 100%;
    height: 100%
}

/* 评价弹框 */
textarea:focus, input:focus {
    outline: none;
}

.pingjia-tit {
    height: auto;
    display: flex;
    align-items: center;
}

.dgPinjia {
    margin-top: 15px;
}

.dgPinjia .dgTit {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.show-tit .btn {
    width: 100px;
    height: 28px;
    line-height: 28px;
    color: #fff;
    float: right;
    display: inline-block;
    text-align: center;
    background: #00bfb1;
    border-radius: 20px;
    cursor: pointer;
    margin-left: auto;
}

.pingjiaList {
    margin-top: 15px;
}

.pingjiaList li {
    margin-bottom: 20px;
    display: flex;
    align-items: flex-start;
}

.pingjiaList li img {
    width: 40px;
    height: 40px;
    margin-right: 8px;
    border-radius: 50%;
}

.pingjiaList li div {
    display: flex;
    /* align-items: center; */
    flex-direction: column;
}

.pingjiaList li div span {
    color: #333;
    font-size: 13px;
    font-weight: 700;
    line-height: 13px;
}

.pingjiaList p {
    margin-top: 14px;
    font-size: 14px;
    font-size: 14px;
    line-height: 20px;
    /* color: #333333;
    padding: 8px;
    border-radius: 10px;
    background-color: #eeeeee; */
}

.pingjiaList time {
    margin-top: 10px;
    color: #9195a3;
    font-size: 13px;
    line-height: 13px;
}

.popupBox {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.5);
    z-index: 1002;
    display: none;
    align-items: center;
    justify-content: center;
}

.feedbackBox {
    position: relative;
    overflow: hidden;
    width: 470px;
    border-radius: 24px;
    height: fit-content;
    max-height: 770px;
    background: linear-gradient(180deg, #f5f5ff 0%, #fff 21%, #fff 100%);
    padding: 22px 0px 32px;
}

.feedbackBox .boxHead {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.feedbackBox .boxHead p {
    font-size: 36px;
    line-height: 64px;
    color: #333;
    font-weight: 700;
}

.feedbackBox {
    max-height: calc(100vh - 280px);
    font-size: 18px;
    line-height: 22px;
    color: #333;
    /*margin-right: 10px;*/
    padding: 15px 20px;
    overflow-y: auto;
    height: auto;
}

.feedbackBox .bodyItem {
    position: relative;
}

.feedbackBox .bodyItem>p {
    margin-top: 22px;
}

.feedbackBox .bodyItem .feBack {
    display: grid;
    grid-template-columns: repeat(3, 110px);
    justify-content: space-between;
    font-size: 14px;
    color: #999999;
}

.feedbackBox .bodyItem .feBack li {
    cursor: pointer;
    margin-top: 12px;
    height: 36px;
    line-height: 36px;
    text-align: center;
    padding: 0 5px;
    background: #f7f5f5;
    border-radius: 5px;
    overflow: hidden;
    white-space: nowrap;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
}

.feedbackBox .bodyItem .feBack li.active {
    color: #fff;
    background: #00aaff;
}

.feedbackBox .bodyItem textarea {
    font-size: 14px;
    color: #999999;
    padding: 10px 12px;
    margin-top: 16px;
    width: 95%;
    height: 130px;
    background: #f7f7f7;
    border-radius: 5px;
    border: unset;
    resize: none;
}

.feedbackBox .bodyItem input {
    color: #999999;
    padding: 10px 12px;
    width: 95%;
    background: #f7f7f7;
    border-radius: 5px;
    border: unset;
    resize: none;
    height: 54px;
    margin-top: 24px;
    font-size: 16px;
}

.feedbackBox .boxBottom {
    display: flex;
    justify-content: center;
    margin-top: 15px;
}

.feedbackBox .boxBottom button {
    width: 80%;
    height: 54px;
    background: #00aaff;
    border-radius: 5px;
    font-size: 16px;
    color: #fff;
    text-align: center;
    line-height: 54px;
    border: 0;
}

.popupBox .feedbackBox>.close {
    width: 20px;
    height: 20px;
    background-position: -3px -287px;
    position: absolute;
    top: 24px;
    right: 24px;
    display: inline-block;
    background-image: url(https://asset.newyx.net/v2/pc/images/icona.png);
    background-repeat: no-repeat;
    background-size: 1000px 1000px;
}

.tip_fixed {
    width: auto;
    color: #fff;
    font-size: 16px;
    padding: 0 16px;
    line-height: 30px;
    border-radius: 8px;
    background-color: rgba(0, 0, 0, 0.5);
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: none;
    z-index: 9999;
}