body{font-size: 12px; color: #565656;}
input{background: none; -webkit-box-shadow: 0 0 10px 100px #fff inset; box-shadow: 0 0 10px 100px #fff inset;}
a{color: #565656;}
.w1280{width: 1280px; margin: 0 auto;}
.hide{display: none;}
.ico{background: url("../images/icon.svg")/*tpa=https://static.xyyx82.com/cn/static/pcv3/images/icon.svg*/ no-repeat; background-size: 240px 192px;}

/* banner */
.m-wrap{width: 100%; min-width: 1340px; height: 825px; background: #e2eefa; position: relative;}
.ico-down{width: 32px; height: 54px; background: url("../images/ico-down.svg")/*tpa=https://static.xyyx82.com/cn/static/pcv3/images/ico-down.svg*/ no-repeat; position: absolute; bottom: -24px; left: 50%; margin-left: -16px; z-index: 9;}
.ico-down img{width: 18px; position: absolute; top: 0px; left: 50%; margin-left: -9px;
    animation:up 1.2s ease-in infinite;
    -moz-animation:up 1.2s ease-in infinite;
    -webkit-animation:up 1.2s ease-in infinite;
}
.m-focus{position: relative; overflow: hidden; }
.hiSlider{overflow-y: hidden; width: 100%; height: 825px;}
.hiSlider-item{float: left; width: 100%; height: 100%; background-repeat: no-repeat; background-position: center 0; background-size: cover; position: relative;}
.hiSlider-item-href{width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 2;}
.dayanbox{width: 860px; padding-top: 215px; color: #fff; position: absolute; top: 0; left: 50%; margin-left: -640px;}
.f-black{color: #000;}
.dat-til{font-weight: bold; font-size: 60px; line-height: 60px; margin-top: 35px; padding-bottom: 20px; border-bottom: 1px solid rgba(255, 255, 255, .6); display: inline-block; position: relative;}
.day-txt{width: 426px; margin-top: 23px; line-height: 30px; font-size: 20px;}
/* .dat-til:before{width: 44px; height: 4px; background: #ff9e00; position: absolute; bottom: -3px; left: 0; content: '';} */
.day-tu{height: 140px; position: relative;}
.dy-ico, .dy-ma{position: absolute; top: 0;}
.dy-ico{width: 140px; height: 140px; left: 0; border-radius: 20px;  box-shadow: 5px 5px 10px rgba(0, 0, 0, .2);}
.dy-ma{padding: 14px 13px 12px 30px; width: 114px; height: 114px; left: 150px; background: url("../images/dy-ma-bg.png")/*tpa=https://static.xyyx82.com/cn/static/pcv3/images/dy-ma-bg.png*/ no-repeat;}

.hiSlider-pages{width: 46px; position: absolute; top: 295px; right: 7%; z-index: 7;}
.hiSlider-pages li{width: 46px; height: 21px; display: block; background: url("../images/hiSlid-ico.png")/*tpa=https://static.xyyx82.com/cn/static/pcv3/images/hiSlid-ico.png*/ no-repeat; background-position:0 -21px; margin-bottom: 20px; font-size: 0;}
.hiSlider-pages li.on {background-position:0 0;}

.login-btn{width: 44px; height: 60px; background-position:0 -16px; position: absolute; top: 320px; right: 0; z-index: 21;}
.m-group{width: 322px; height: 550px; background: #fff; position: absolute; top: 55px; left: 50%; margin-left: 318px; z-index: 3;}
.loginStart, .loginAfter{width: 100%; height: 100%; position: absolute;}
.login-wrap{padding: 0 30px;}
.close-login{color: #ffab5d; position: absolute; top: 10px; right: 8px; z-index: 5; font-size: 20px;}
.header-photo-href, .header-photo-pic{width: 75px; height: 75px; display: block; border-radius: 50%; margin: 30px auto 0;}
.form-login{color: #c2c2c2;}
.form-li{margin-top: 20px; height: 57px; position: relative;}
.form-li h5{font-weight: normal; font-size: 14px; line-height: 21px; position: absolute; bottom: 7px; left: 0;}
.form-li p{width: 262px; height: 34px; line-height: 34px; border-bottom: 2px solid #efefef; position: relative; position: absolute; bottom: 0; left: 0; z-index: 2;}
.form-li p input{width: 100%; height: 100%; font-size: 18px; color: #565656;}
#passwd{display: inline;}
#passwd2, #passwd2-label{display: none;}
/* .form-li label{width: 100%; height: 34px; position: absolute; bottom: 2px; left: 0; z-index: 4; cursor: text;}
.form-pas label{width: 232px;} */
.form-pas p{padding-right: 30px; width: 232px;}
.form-pas p .iconfont{position: absolute;  top: 0; right: 0; cursor: pointer;}
.fn-login{height: 26px; padding: 15px 0; line-height: 26px;}
.fn-login span{float: left; padding-left: 25px; position: relative;}
.fn-login span .ico{width: 14px; height: 14px; background-position:-20px 0; position: absolute; top: 50%; left: 6px; margin-top: -7px;}
.fn-login span .ico.current{background-position:-37px 0;}
.fn-login a{float: right;}
.btn-login{width: 240px; height: 46px; line-height: 46px; border-radius: 23px; text-align: center; background: #ffae46; 
    background-image: -webkit-linear-gradient(-45deg, #ff9f05, #ffbe3e); background-image: linear-gradient(135deg, #ff9f05, #ffbe3e); display: block; margin: 0 auto; font-size: 18px; color: #fff;}
.btn-login:hover{background-image: -webkit-linear-gradient(-45deg, #ffbe3e, #ff9f05); background-image: linear-gradient(135deg, #ffbe3e, #ff9f05);}
.login-other{margin: 22px auto; text-align: center;}
.login-other .ico{width: 32px; height: 32px; display: inline-block; margin: 0 11px;}
.ico-qq{background-position:-56px -24px;}
.ico-weiChat{background-position:-88px -24px;}
.ico-weibo{background-position:-120px -24px;}
.ico-qq:hover{background-position:-56px -59px;}
.ico-weiChat:hover{background-position:-88px -59px;}
.ico-weibo:hover{background-position:-120px -59px;}
.btn-reg{text-align: center; font-size: 14px;}
.btn-reg a{color: #ffa008;}
.fn-login a:hover, .btn-reg a:hover{text-decoration: underline;}
.nameUser{height: 32px; line-height: 32px; margin: 12px 0 2px; text-align: center; font-size: 14px;}
.rank-vip{width: 50px; height: 14px; display: inline-block; vertical-align: middle; background: url("../images/top-icon-vip.png")/*tpa=https://static.xyyx82.com/cn/static/pcv3/images/top-icon-vip.png*/ no-repeat; background-position:0 -47px;}
.rank-vip2{background-position:0 -32px;}
.rank-vip3{background-position:0 -16px;}
.rank-vip4{background-position:0 0;}
.uname{font-size: 18px; margin: 0 5px;}
.btn-logout{color: #c2c2c2;}
.score{text-align: center; font-size: 14px; color: #ffae46; line-height: 30px;}
.score span{padding-left: 25px; position: relative;}
.score .ico{width: 14px; height: 14px; background-position:0 0; position: absolute; top: 50%; left: 0; margin-top: -7px;}
.progressBar{line-height: 20px; overflow: hidden;}
.line-progress{width: 168px; height: 10px; float: left; background: #efefef; margin-top: 5px;}
#uVipRate{width: 20%; height: 10px; background: #ffae46; display: block;}
.progressBar span{float: right; color: #c2c2c2;}
.progressBar span i{color: #565656;}
.playgmLt{margin-top: 25px; font-size: 14px; color: #c2c2c2;}
.playgm-li{overflow: hidden; margin-top: 10px; position: relative;}
.playgm-li img{width: 40px; height: 40px; border-radius: 8px; float: left; display: block; background: #ffae46;}
.playgm-txt{width: 216px; float: left; margin-left: 6px; line-height: 20px;}
.playgm-txt p{color: #565656;}
.playgm-href{width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 2;}

/* 官方推荐 */
.popular, .mobile, .mNews{min-width: 1340px; padding: 86px 0 70px;background: #f8f8f9;}
/* .mNews{background:#f8f8f9 url(../images/bjj.jpg) no-repeat center bottom;} */
.m-til{height: 77px; position: relative;}
.til-popular{background: url("../images/til-popular.svg")/*tpa=https://static.xyyx82.com/cn/static/pcv3/images/til-popular.svg*/ center top no-repeat;}
.m-more{width: 152px; height: 70px; background: #ffae46; position: absolute; bottom: 0; right: 0; font-size: 18px; color: #fff; text-align: center; line-height: 70px;}
.m-more span{position: relative; z-index: 2}
.m-more:after{content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #ffbe3e;
    -webkit-transform-origin: 50% 100% 0;
    transform-origin: 50% 100% 0;
    -webkit-transform: scale(1, 0);
    transform: scale(1, 0);
    -webkit-transition: all 0.35s cubic-bezier(0.23, 1, 0.32, 1) 0s;
    transition: all 0.35s cubic-bezier(0.23, 1, 0.32, 1) 0s;
}
.m-more:after{background: #ffbe3e; }
.m-more:hover:after{
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
}
.popular-game{padding-top: 15px; margin-right: -30px;}
.popular-item{width: 600px; height: 436px; padding: 10px 12px; float: left; margin: 32px 30px 0 0; position: relative;
    -webkit-transition: all .4s;
    transition: all .4s;
}
.item-href{width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 2;}
.popular-pic{width: 600px; height: 285px; overflow: hidden;}
.popular-pic img{width: 100%; height: 100%;
    -webkit-transition: all .4s;
    transition: all .4s;
    /* -webkit-transform: scale(1.1);
    transform: scale(1.1); */
}
.popular-txt{padding: 20px 45px 0 0; position: relative; color: #c2c2c2; font-size: 16px; line-height: 36px;}
.popular-til{font-size: 30px; color: #3c484f; margin-bottom: 10px;}
.popular-kind{color: #3c484f;}
.popular-kind .iconfont{font-size: 18px; margin-right: 6px;}
.arrow{width: 21px; height: 14px; position: absolute; top: 40px; left: 555px;}
.arrow-line{width: 0; height: 2px; margin-top: 5px; background: #3c484f;  float: left; display: block; 
    -webkit-transition: width 0.45s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s;
    transition: width 0.45s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s;
}
.arrow-pig{color: #3c484f; float: left; margin-left: -10px; line-height: 14px;}
.popular-item:hover{background: #fff; -webkit-box-shadow: 0 3px 7px rgba(0,0,0,.15); box-shadow: 0 3px 7px rgba(0,0,0,.15);}
.popular-item:hover .arrow-line, .news-left:hover .arrow-line, .news-center:hover .arrow-line{width: 14px;}
.news-left:hover .arrow, .news-center:hover .arrow{left: 22px;}
.popular-item:hover .popular-pic img{
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}

/* 手机游戏 */
.mobile{background: #f8f8f9 url("../images/mobile-bg.jpg")/*tpa=https://static.xyyx82.com/cn/static/pcv3/images/mobile-bg.jpg*/ center top no-repeat;}
.til-mobile{background: url("../images/til-mobile.svg")/*tpa=https://static.xyyx82.com/cn/static/pcv3/images/til-mobile.svg*/ center top no-repeat;}
.til-mobile .m-more{background: none;}
.til-mobile .m-more:before{width: 148px; height: 66px; border: 2px solid #fff; content: ""; background: none; position: absolute; top: 0; left: 0; z-index: 2;}
.til-mobile .m-more:after{background: #ffbb40}
.mgame-list{margin-top: 60px; margin-right: -27px;}
.mgame-item{width: 284px; height: 500px; background: #fdfdfd; float: left; position: relative; margin: 0 27px 0 12px;
    -webkit-transition: all .4s;
    transition: all .4s;
}
.mgame-pic{width: 100%; height: 342px;}
.mitem-detail{width: 244px; height: 192px; padding: 0 20px; position: absolute; bottom: 0; left: 0; z-index: 1;}
.mitem-ico{width: 82px; height: 82px; border-radius: 16px; -webkit-box-shadow: 5px 5px 7px rgba(0,0,0,.15); box-shadow: 5px 5px 7px rgba(0,0,0,.15);}
.mitem-ma{width: 114px; height: 114px; position: absolute; top: -24px; left: 120px; display: none;}
.mitem-txt{line-height: 40px; color: #8e8e8e; font-size: 14px;}
.mitem-til{height: 58px; line-height: 58px; border-bottom: 1px solid #e9e9e9; font-size: 28px; color: #3c484f;}
.mgame-item:hover{
    -webkit-box-shadow: 0 3px 7px rgba(0,0,0,.08);
    box-shadow: 0 3px 7px rgba(0,0,0,.08);
    -webkit-transform: translate3d(0, -20px, 0);
    -ms-transform: translate3d(0, -20px, 0);
    -o-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
}
.mtype-list{margin-top: 40px; margin-right: -27px;}
.mtype-item{width: 244px; height: 82px; padding: 29px 20px; background: #fff; margin: 0 27px 0 12px; position: relative; float: left;
    -webkit-transition: all .4s;
    transition: all .4s;
}
.mtype-tu{width: 82px; height: 82px; border-radius: 16px; overflow: hidden; position: relative; float: left;}
.mtype-tu img{width: 100%; height: 100%; position: absolute; top: 0; left: 0;}
.mtype-txt{float: left; margin-left: 13px; line-height: 30px; font-size: 14px; color: #8e8e8e;}
.mtype-til{font-size: 18px; color: #3c484f;}
.mtype-txt .iconfont{color: #d3d3d3; margin-right: 10px;}
.mtype-item:hover{
    -webkit-box-shadow: 0 3px 7px rgba(0,0,0,.15);
    box-shadow: 0 3px 7px rgba(0,0,0,.15);
}

/* 新闻公告 */
.til-mNews{background: url("../images/til-news.svg")/*tpa=https://static.xyyx82.com/cn/static/pcv3/images/til-news.svg*/ center top no-repeat;}
.news-wrap{margin-top: 60px;}
.news-left{width: 375px; height: 553px; float: left; margin-left: 12px; margin-top: 42px; position: relative;}
.news-right{margin-right: 12px; margin-left: 0;}
.mNew-pic{width: 100%; height: 280px; overflow: hidden;}
.mNew-pic img{width: 100%; 
  /* height: 100%; */
    -webkit-transition: all .4s;
    transition: all .4s;
    /* -webkit-transform: scale(1.1);
    transform: scale(1.1); */
}
.mNews-detail{width: 356px; height: 264px; padding: 22px; line-height: 30px; color: #cacaca; font-size: 14px; position: absolute; bottom: 0; left: 0; background: url("../images/mNews-bg.png")/*tpa=https://static.xyyx82.com/cn/static/pcv3/images/mNews-bg.png*/;}
.mNews-detail p{margin-bottom: 10px;}
.news-left .mNews-detail{width: 286px; height: 236px; position: absolute; top: 250px; left: 0; background: #fff;}
.mN-time{font-size: 16px;}
.mN-til{font-size: 18px; color: #3c484f}
.news-left:hover .mNew-pic img, .news-center:hover .mNew-pic img{
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}

.arrow-box{width: 60px; height: 60px; background: #ffae46; border-radius: 50%;}
.news-left .arrow-box{position: absolute; top: -30px; right: 20px;}
.news-center .arrow-box{position: relative;}
.arrow-box .arrow{left: 32px; top: 23px;
    -webkit-transition: all 0.45s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s;
    transition: all 0.45s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s;
}
.arrow-box .arrow-pig{color: #fff;}
.arrow-box .arrow-line{background: #fff;}

.news-center{width: 400px; height: 600px; float: left; margin: 0 53px; position: relative;}
.news-center .mNew-pic{height: 100%;}
.news-center .mN-til{color: #fff;}

/* 首页底部 */
.hFooter{min-width: 1340px; padding: 45px 0 40px; background: #e9e9e9;}
.hFooter-box{width: 980px; padding: 0 150px; margin: 0 auto; font-size: 14px; color: #848484;}
.hF-item{width: 33.3%; float: left; line-height: 34px; text-align: center;}
.hF-item dt{font-size: 18px; color: #3c484f; margin-bottom: 10px;}
.hF-item a{color: #848484;}
.hF-item a:hover{color: #9a9a9a;}
.ico-wChat, .ico-wb{padding-top: 7px; height: 27px;}
.ico-wChat span, .ico-wb a{width: 21px; height: 21px; display: block; background: url("../images/icon.svg")/*tpa=https://static.xyyx82.com/cn/static/pcv3/images/icon.svg*/ no-repeat; background-size: 240px 192px; margin: 0 auto;}
.ico-wChat span{background-position:-98px 0;}
.ico-wb a{background-position:-123px 0;}
.ico-wChat span:hover{background-position:-148px 0;}
.ico-wb a:hover{background-position:-173px 0;}
.hF-ma-bg{width: 85px; height: 85px; padding: 10px 10px 10px 21px; background: url("../images/hF-ma-bg.png")/*tpa=https://static.xyyx82.com/cn/static/pcv3/images/hF-ma-bg.png*/ no-repeat; position: absolute; top: 0; left: 0; z-index: 3;}
.hF-ma-bg img{width: 100%; height: 100%;}
.hF-ma{cursor: pointer;}

/* 清除浮动 */
.popular-game:after, .mgame-list:after, .mtype-list:after, .news-wrap:after, .hFooter-box:after{display: block; clear: both; content: ""; visibility: hidden; height:0}

@keyframes up{
    0%{transform:translateY(0); opacity:0}
    50%{transform:translateY(20px); opacity:1}
    100%{transform:translateY(40px); opacity:0}
}
@-webkit-keyframes up{
    0%{-webkit-transform:translateY(0); opacity:0}
    50%{-webkit-transform:translateY(20px); opacity:1}
    100%{-webkit-transform:translateY(40px); opacity:0}
}