/********首页内容主体**********/
.content{position:relative;padding-top: 350px;}
.g-wrap{position:relative;min-width: 1200px;overflow: hidden;}
/********banner**********/
.slideBox{width:100%;height:584px;position:absolute;left:0;top:0;z-index:9;overflow:hidden;}
.slideBox .hd{height:0px;position:absolute;left:0;z-index:999;width:100%;top: 180px;}
.slideBox .hd ul{width:100%;text-align:center;position:absolute;left:0;top:-5px;height:0px;}
.slideBox .hd ul li,.slideBox .hd ul span{display:inline-block;zoom:1;*display:inline;vertical-align:middle;margin:0 5px;    padding: 10px 0px;    z-index: 9999;position:relative;}
.slideBox .hd ul li em,.slideBox .hd ul span em{width:300px;height:50px;-webkit-border-radius:4px;border-radius:4px;    display: block;font-size:30px;color:#fff;}
.slideBox .hd ul li.on em,.slideBox .hd ul span.on em{background:#FAEB34;}
.slideBox .bd{z-index:99;width:1920px;height:584px;position:absolute;top:0;left:50%;margin-left:-960px;}
.slideBox .bd li{width:1920px;height:584px;}
.slideBox .bd img{height:584px;display:block;margin: auto;}
.slideBox .next,.slideBox .prev{position:absolute;left:0;top:50%;margin-top:-35px;display:block;width:67px;height:67px;background:#FDE701 url(../image/slider-arrow.png) -2px -1px no-repeat;}
.slideBox .next{left:auto;right:0;background-position:-70px -1px;}
.slideBox .prev:hover{background:#f4cf00 url(../image/slider-arrow.png) -2px -1px no-repeat;}
.slideBox .next:hover{background:#f4cf00 url(../image/slider-arrow.png) -70px -1px no-repeat;}
.slideBox .prevStop,.slideBox .prevStop:hover{background:#ABABAB url(../image/slider-arrow.png) -2px -54px no-repeat;}
.slideBox .nextStop,.slideBox .nextStop:hover{background:#ABABAB url(../image/slider-arrow.png) -70px -54px no-repeat;}
/********登录and推荐**********/
.mt35{margin-bottom:30px;}
.mod{width:100%;z-index: 9;position: relative;}
.userlogin-box{width:285px;height:272px;}
.c-wt{background:#fff;border-radius: 5px;overflow: hidden;}


/********推荐游戏**********/
.fix{margin-left:0px;}
.fix li{width: 275px;
    height: 310px;
    float: left;
    -webkit-transition: all .2s linear;
    transition: all .2s linear;
    border-radius: 5px;
    overflow: hidden;
    margin-top: 20px;
    margin-right: 20px;
    background: #fff;}
.fix li:hover,.picScroll-left .bd ul li:hover{-webkit-box-shadow:0px 5px 5px rgba(0,0,0,.1);box-shadow: 0px 5px 5px rgba(0,0,0,.1);-webkit-transform: translate3d(0, -4px, 0);transform: translate3d(0, -4px, 0);}
.fix li+li{}
.c-wt-img{width:285px;height:177px;position:relative;}
.c-wt-img:hover .zhez{top:0px;-webkit-transition: all .3s;-mz-transition: all .3s;-moz-transition: all .3s;transition: all .3s;*display:block;}
.c-wt-img i{width:285px;height:180px;position:absolute;left:0px;top:0px;z-index:1;border-radius: 5px;overflow:hidden;}
.c-wt-img em{z-index: 9;position:absolute;top:0px;right:0px;width:50px;height:50px;}
.c-wt-img em.c-wt-hot{background:url(../image/hot.png) no-repeat;}
.c-wt-img em.c-wt-new{background:url(../image/new.png) no-repeat;}
.c-wt-img em.c-wt-dudai{background:url(../image/dudai.png) no-repeat;}
.c-wt-img em.c-wt-xbb{background:url(../image/xbb.png) no-repeat;}
.c-wt-img em.c-wt-sd{background:url(../image/hot.png) no-repeat;}
.c-wt-img .zhez{width:285px;height:177px;background:url(../image/ks-bg.png);position:absolute;left:0px;top:-180px;z-index:10;-webkit-transition: all .3s;-mz-transition: all .3s;-moz-transition: all .3s;transition: all .3s;*display:none;}
.c-wt-img .zhez span{width:100%;float:left;text-align:center;padding-top: 20px;font-family: PMingLiU;font-size:12px;color:#fff;}
.c-wt-img .zhez span a{color: #fff;font-size: 14px;line-height: 14px;font-family: Microsoft YaHei;padding: 0 10px;}
.c-wt-img .zhez .zhez-ksyx{width:140px;height:32px;text-align:center;line-height:32px;font-size:14px;color:#333;display:block;background:#fde701;margin:0 auto;margin-top:64px;border-radius:18px}
.c-wt-img .zhez-ksyx:hover,.user-face-ul li a.user-face-ljjr:hover,.pic span .pic-a:hover,.login-dl-vt a:hover{color:#5e504a;background:#f4cf00;}
.c-wt-txt{padding:18px 20px;width:246px;height:59px;background:#fff;}
.c-wt-top{height:30px;width:100%;}
.c-wt-top .c-wt-a{height:30px;float:left;position:relative;color:#383838;font-weight:bold;}
.c-wt-top .c-wt-a em{font-size:18px;}
.c-wt-top .c-wt-a i{width:40px;height:2px;background:#FDE708;position:absolute;left:0px;bottom:0px;}
.c-wt-top span{height:30px;float:right;color:#EEEEEE;font-size:12px;}
.c-wt-top span a{font-size:14px;color:#808080;}
.c-wt-top span b{padding:0 5px;font-weight: normal;}
.c-wt-xfq{width:100%;color:#a8a8a8;font-size:14px;margin-top:0px;}
.c-wt-xfq a{color:#a8a8a8;}
.c-wt-xfq a:hover,.c-wt-top .c-wt-a:hover,.c-wt-top span a:hover{color:#333;}
/********登录and推荐 end**********/

/********开服and新闻**********/
.kf-news{width:100%;}
.kf-list{width:285px;}
.kf-news-tit{height:26px;width:100%;position:relative;margin-bottom:17px;}
.kf-news-tit .kf-news-h3{height: 16px;border-left: 3px solid #FDE701;font-size: 18px; color: #333;line-height: 16px;display: block;margin-top: 5px;text-indent:10px;}
.kf-news-tit .kf-nav,.kf-news-tit .news-nav{border-right:1px solid #b8b8b8;border-top:1px solid #b8b8b8;border-bottom:1px solid #b8b8b8;border-left:1px solid #b8b8b8;height:24px;margin-left:20px;border-radius: 24px;overflow: hidden;}
.kf-news-tit .kf-nav li,.kf-news-tit .news-nav li{float:left;height:24px;width:74px;cursor:pointer;font-size:12px;text-align:center;line-height:24px;color:#474747;}
.kf-news-tit .kf-nav li+li,.kf-news-tit .news-nav li+li{border-left:1px solid #b8b8b8;}
.kf-news-tit .kf-nav li.cur,.kf-news-tit .news-nav li.cur{background:#363636;color:#fff;}
.rt-list{width: 895px;margin-left:20px;}
.h5-list{width:100%;}
.h5-list-box{width:915px;height:132px;}
.h5-block{border-radius: 5px;background:#fff;float:left;padding:16px 15px;height:100px;    width: 255px;margin-right:20px;}
.h5-ico{width:100px;height:100px;margin-right:12px;border-radius: 18px;-webkit-transition: all .3s linear;transition: all .3s linear;}
.h5-ico:hover{-webkit-box-shadow:0px 5px 5px #E3E3E3;box-shadow: 0px 5px 5px #E3E3E3;-webkit-transform: translate3d(0, -2px, 0);transform: translate3d(0, -2px, 0);}
.h5-txt-box{width:143px;height:100px;}
.h5-txt-name{color:#363636;font-size:14px;width:100%;height: 14px;line-height: 14px;margin-top:12px;margin-bottom:5px;}
.h5-txt-name a{color:#363636;float:left;margin-right: 5px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;max-width:124px;}
.h5-txt-name i{width:14px;height:14px;float:left;background:url(../image/mark.png) no-repeat;}
.h5-txt-name i.hot{    background-position: -15px 0px;}
.h5-txt-tyle{color:#aaa;font-size:12px;width:100%;margin-bottom:16px;}
.h5-txt-tyle i{color:#E7E7E7;font-family:宋体;    padding: 0 8px;font-size:12px;}
.h5-txt-btn{height:27px;width:100%;}
.h5-txt-btn a,.h5-txt-btn a.a2 span{height:25px;width:58px;float:left;margin-right:7px;text-align:center;line-height:25px;font-size:14px;    border-radius: 20px;
    star: expression(this.onFocus=this.blur());
    -webkit-transition: color 200ms ease-out,background-color 200ms ease-out,border-color 200ms ease-out,opacity 200ms ease-out;
    -ms-transition: color 200ms ease-out,background-color 200ms ease-out,border-color 200ms ease-out,opacity 200ms ease-out;
    -o-transition: color 200ms ease-out,background-color 200ms ease-out,border-color 200ms ease-out,opacity 200ms ease-out;
    transition: color 200ms ease-out,background-color 200ms ease-out,border-color 200ms ease-out,opacity 200ms ease-out;}
.h5-txt-btn a.a1{border:1px solid #9B9B9B;color:#474747;}
.h5-txt-btn a.a2{position:relative;}
.h5-txt-btn a.a2 span{border:1px solid #E1E1E1;color:#888;display:block;}
.h5-txt-btn a:hover.a1,.h5-txt-btn a:hover.a2 span{border:1px solid #FDE701;background:#FDE701;color:#474747;    }
.h5-txt-btn a.a2 .h5-txt-ewm{display:none;background:url(../image/ewm-box.png) no-repeat;width:155px;height:175px;position: absolute;left: 50px;top: -98px;z-index: 999;}
.h5-txt-btn a.a2 .h5-txt-ewm img{width: 108px;height: 108px; margin: 12px 29px;float: left;}
.h5-txt-btn a:hover.a2 .h5-txt-ewm{display:block;}
.news-wrap-box{width:1160px;overflow:hidden;height:214px;padding:0px;background: url(http://static.web.sdo.com/mir2/pic/mir2/web7/newsbgN.png) 0 0 repeat-x #f1e4c1;}
.news-pic{width:570px;height:214px;}
.slideBox-pic{ width:570px;height:214px;overflow:hidden; position:relative;}
.slideBox-pic .hd{height: 42px;overflow: hidden;position: absolute;right:7px;z-index: 9;bottom: 0;}
.sp-bg{position:absolute;left:0;bottom:0;height:42px;width:100%;background: #000;filter: alpha(opacity=60);opacity: 0.6;z-index:1;}
.slideBox-pic .hd ul{ overflow:hidden; zoom:1; float:left;width:100%;margin-top: 18px;}
.slideBox-pic .hd ul li{ float:left;background:#88858A;width:9px; height:9px;cursor:pointer;margin-right:8px; border-radius: 5px;}
.slideBox-pic .hd ul li.on{background:#FDE701;}
.slideBox-pic .bd{ position:relative; height:100%; z-index:0;   }
.slideBox-pic .bd li{ zoom:1; vertical-align:middle; position:relative;}
.slideBox-pic .bd li .sp-tit{color:#fff;font-size:14px;line-height:42px;position:absolute;left:0;bottom:0;z-index:99;text-indent:10px;}
.slideBox-pic .bd img{width:570px;height:214px;display:block;  }
.news-list-txt{width:566px;margin-left: 24px;
    background: #f1e4c1;
	}
.news-list{width:100%;margin-bottom:0px;margin-top:10px}
.news-box{margin: 20px 25px 20px 20px;width:374px;height:245px;}
.news-tit{border-bottom:1px solid #eee;width:100%;font-size:18px;text-align:center;height:50px;line-height:50px;overflow:hidden;}
.news-tit a{color:#333;}
.news-tit a:hover{color:#fe5600;}
.news-ul{width:100%;padding: 20px 0 20px 5px;}
.news-ul li{height:36px;width:100%;float:left;line-height:36px;color:#a8a8a8;}
.news-ul li p{float:left;margin-left:6px;height:36px;width:500px;overflow:hidden;text-overflow: ellipsis;white-space: nowrap;}
.news-ul li p a{color:#555;font-size: 14px;}
.news-ul li p a:hover{color:#333}
.news-ul li p em{color:#fe5600;border:1px solid #fe5600;margin-left:7px;padding:1px 3px;border-radius:2px;height:15px;line-height:15px;font-size:12px;font-family:NSimSun;}
.news-img{margin-top: 20px;width:150px;height:245px;}
.news-img a:hover img{-webkit-animation:flash ease-in-out .5s both .3s 0 ease;-moz-animation:flash ease-in-out .5s both .3s 0 ease;-ms-animation:flash ease-in-out .5s both .3s 0 ease;-o-animation:flash ease-in-out .5s both .3s 0 ease;animation:flash ease-in-out .5s both .3s 0 ease;-moz-animation:flash ease-in-out .5s both;-webkit-animation:flash ease-in-out .5s both;-o-animation:flash ease-in-out .5s both;-ms-animation:flash ease-in-out .5s both;animation:flash ease-in-out .5s both}
.news-img span img{width:150px;height:118px;float:left;overflow: hidden;border-radius: 5px;}
.news-img span{width:150px;height:118px;float:left;}
.news-img .mtx{margin-top:9px;}
@-webkit-keyframes flash{
    0%,100%{opacity:1;filter:alpha(opacity=100)}
    50%{opacity:.8;filter:alpha(opacity=80)}
}
@-moz-keyframes flash{0%,100%{opacity:1;filter:alpha(opacity=100)}
    50%{opacity:.8;filter:alpha(opacity=80)}
}
@-o-keyframes flash{0%,100%{opacity:1;filter:alpha(opacity=100)}
    50%{opacity:.8;filter:alpha(opacity=80)}
}
@-ms-keyframes flash{0%,100%{opacity:1;filter:alpha(opacity=100)}
    50%{opacity:.8;filter:alpha(opacity=80)}
}
@keyframes flash{0%,100%{opacity:1;filter:alpha(opacity=100)}
    50%{opacity:.8;filter:alpha(opacity=80)}
}

.ubike {
  position: fixed; /* 定位为固定位置，覆盖整个视窗 */
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.5); /* 黑色背景，50% 透明度 */
  z-index: 1000; /* 确保蒙层在其他内容之上 */
}

.footer {
  background: #000 url(../image/bg_b.jpg) repeat-x left top;
  height: 100px;
  width:100%;
  color:#fff;
  font-size: 12px;
  font-family: 宋体;
  margin-top: 30px;
}

.footerv {
max-width:1200px;
margin:auto;
}

.footer1{
width:20%;
float:left;
}
.footer2{
background: url(../image/slice_b.jpg) no-repeat left top;
width:70%;
float:left;
padding-left:30px;
line-height:25px;
font-family: 宋体;
color: #888;
}

/* 定义关键帧 */
@keyframes slideDown {
  0% {
    transform: translateY(-100%);
    opacity: 0;
  }
  100% {
    transform: translateY(0);
    opacity: 1;
  }
}
 
/* 应用动画到元素 */
.slide-down-enter-active {
  animation: slideDown 1s ease-out forwards;
  font-size:80px;
  color: rgba(255, 255, 255, 0.8);  
  font-weight:800;
  letter-spacing:10px;
}
.btn {
	    height: 20px;
    line-height: 20px;
    border-radius: 2px;
    color: #fff;
    margin-right: 10px;
    padding: 3px 10px;
    vertical-align: middle;
}

.btn a{
    color: #fff;
}

.btn a:hover {
	color: #f1f1f1;
}

.btn1 {
    background: #f74735;
}

.btn2 {
    background: linear-gradient(135deg, #f59f54 10%, #ff6922 100%);
}

.btn3 {
	background: linear-gradient(135deg, #59c3fb 10%, #268df7 100%);
}

.btn4 {
	background: linear-gradient(135deg, #59c3fb 10%, #268df7 100%);
	border-radius: 100px;
}


.btn:hover {
	background: #333;
	color: #f1f1f1;
}
.top {
  display: flex;
}
 
.top1 {
  flex: 1; 
}

#loader {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-color: #161A1D;
            z-index: 99;
            display: flex;
            justify-content: center;
            align-items: center;
        }
        #loader-content {
            width: 30%;
			margin:audio;
			color:#fff;
        }
		#loader-content img {            
			margin:audio;
			margin-bottom:30px;
        }
        #main-content {
            display: none;
        }
		#scrolling-progress {
        width: 100%;
        background: linear-gradient(to right, yellow, green);
        border-radius: 100px;
        overflow: hidden;
        white-space: nowrap;
        }
 
        .progress-bar {
        width: 100%;
        height: 10px;
        background-color: #eee;
        animation: scroll-progress 1s linear infinite;
        }
 
        @keyframes scroll-progress {
        0% {
        transform: translateX(0);
        }
        100% {
        transform: translateX(100%);
        }
        }
		a:hover{
color:red;
}