html,body{height:100%;}

*{margin:0px; padding: 0px;}
ul,li{list-style: none;}
.overbody{ overflow:hidden}
a,a:hover,a:focus{text-decoration:none}


.btn-warning{background: #f70;}
.btn-info{background: #2693ff;}

body{font-family:'Microsoft YaHei','Hiragino Sans GB','STHeiti',Tahoma,'SimHei',sans-serif;}
.container{ width:1240px;}
.grayBody{background: #f4f4f4}
#fixed-top{width: 100%; left: 0; right: 0px;z-index: 999}


.grayBody{background: #f2f2f2}

#fixed-top{width: 100%; left: 0; right: 0px;z-index: 999}

.navbar>.container .navbar-brand, .navbar>.container-fluid .navbar-brand{ margin-left: 0px; }
.site-header{min-height: 70px; height: 70px; margin-bottom: 0px; background: #fff}
.site-header .navbar-brand{padding-top: 5px; padding-bottom: 0px; margin-right: 55px;  height: 69px; padding-left: 0px; overflow: hidden; margin-left: 0px;}
.site-header .navbar-nav{margin-top: 20px;}
.site-header .navbar-nav>li>a{ font-size: 16px; padding:5px 10px; margin-right:10px;}
.site-header .dropdown-header{color: #f70}
.site-header .dropdown-menu>li>a .badge,.site-header .navbar-nav>li>a .badge{background: #f70; margin-top: -3px;}
.site-header .navbar-nav>.active>a, 
.site-header .navbar-nav>.active>a:focus, 
.site-header .navbar-nav>.active>a:hover{
	background-color: #f70;
    color: #fff;
    border-radius: 5px;
}
.site-header .navbar-nav>.active>a, 
.site-header .navbar-nav>.active>a:focus, 
.site-header .navbar-nav>.active>a:hover {
	background-color: #f70;
    color: #fff;
    border-radius: 5px;
}
.site-header .navbar-nav>li>a:focus, 
.site-header .navbar-nav>li>a:hover {
	color: #f70;
}
.site-header .navbar-nav>.open>a, 
.site-header .navbar-nav>.open>a:focus, 
.site-header .navbar-nav>.open>a:hover{
	background-color: #f70;
    color: #fff;
    border-radius: 5px;	
}

.index-slider{position: relative;}
.index-slider .login-module{position: absolute;width: 280px; height: 320px; z-index: 3;left: 50%;top: 31px;margin-left: -600px;}
.index-slider .login-module .panel-default .panel-heading{background:none;color: #262626;border-bottom: 1px solid #9c9c9c;}
.index-slider .login-module .panel-default{ width:280px;background: url(/skin/v2017/images/opacity-repeat.png) repeat;overflow: hidden;box-shadow: 0 0 10px rgba(0,0,0,.2);_background-color: #fff;}
.index-slider .login-module .login-module-btn .btn{width: 100%;}


/* flexslider */
.flexslider{position:relative;height:400px;overflow:hidden;background:url(/skin/v2017/images/loading.gif) 50% no-repeat;}
.slides{position:relative;z-index:1;}
.slides li{height:400px;}
.flex-control-nav{position:absolute;bottom:10px;z-index:2;width:100%;text-align:center;}
.flex-control-nav li{display:inline-block;width:14px;height:14px;margin:0 5px;*display:inline;zoom:1;}
.flex-control-nav a{display:inline-block;width:14px;height:14px;line-height:40px;overflow:hidden;background:url(/skin/v2017/images/dot.png) right 0 no-repeat;cursor:pointer;}
.flex-control-nav .flex-active{background-position:0 0;}
.flex-direction-nav{position:absolute;z-index:3;width:100%;top:45%;}
.flex-direction-nav li a{display:block;width:50px;height:50px;overflow:hidden;cursor:pointer;position:absolute;}
.flex-direction-nav li a.flex-prev{left:40px;background:url(/skin/v2017/images/prev.png) center center no-repeat;}
.flex-direction-nav li a.flex-next{right:40px;background:url(/skin/v2017/images/next.png) center center no-repeat;}


/*banner login*/
.loged {height: 240px;width: 240px;margin: 0 auto;color: #262626;overflow: hidden;}
.loged .l-message {height: 20px;overflow: hidden;margin: 11px 0;font-weight: 700;line-height: 18px;}
.loged .l-name {width: 175px;float: left;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;_width: 130px;}
.loged .l-passport {color: #f70;}
.loged .l-btn {height: 24px;font-size: 12px;margin-bottom: 10px;}
.loged .l-btn a {background-color: #899097;width: 115px;height: 24px;color: #fff;display: inline-block;float: left;text-align: center;border-radius: 2px;line-height: 24px;}
.loged .l-btn a.l-pay {background-color: #f70;margin-right: 10px}
.loged .l-usergame {height: 154px;overflow: hidden;}
.loged .recent-game {margin-bottom: 12px;font-weight: 900;}
.loged .history-game {overflow: hidden;font-weight: 700;}
.loged .history-game li {height: 16px;line-height: 16px;overflow: hidden;float: left;margin-bottom: 8px;}
.loged .history-game a {height: 100%;display: block;}
.loged .img-name {width: 16px;height: 16px;margin-right: 7px;float: left;}
.loged .game-name {width:150px;color: #f70;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.loged .history-game span {display: inline-block;float: left;}
.loged .history-game .sid-name {display: inline-block;float: left;text-align: right;width: 63px;color: #262626}
.loged .history-game .server-name {width: 60px;text-align: right;color: #262626}




.icon {position: absolute;left: 0;top: 50%;overflow: hidden;}
.icon-prev, .icon-next, .icon-prev:hover, .icon-next:hover, .icon-rec, .icon-new, .icon-hot, .icon-other, .icon-server, .icon-news, .icon-service, .icon-control, .icon-server-hot {}
.icon-rec {background-position: -80px -72px;width: 28px;height: 28px;margin-top: -14px;}
.icon-other {background-position: -116px 0;width: 26px;height: 26px;margin-top: -13px;}
.box-title{height: 48px;color: #3c3c3c;font: 24px/48px "Microsoft Yahei";position: relative;margin: 0px; padding: 0px;padding-left: 38px;border-bottom: 1px solid #d6d6d6;}
.box-title .more {position: absolute;right: 0;top: 18px;font: 12px/14px "Microsoft Yahei";color: #3c3c3c;}
.rec-game{background: #fff; padding: 15px 20px; border-radius: 5px; margin-top:10px;}
.rec-game ul{ margin-top: 15px; }
.rec-box {background-color: #fff;padding: 4px 4px 20px;}
.rec-game li {position: relative;width: 277px;height: 180px;float: left;margin: 0 20px 20px 0;_display: inline;overflow: hidden;}
.rec-game li.no-r {margin-right: 0;}
.rec-box-img {width: 272px;height: 136px;}
.rec-box-tit {width: 2727px;height: 20px;line-height: 20px;padding: 10px 0;}
.rec-box-tit a.rec-index-btn {width: 140px;display: inline-block;float: left;color: #262626;font: 18px/20px "Microsoft Yahei";margin-left: 6px;}
.rec-box-tit a.rec-btn {border: 1px solid #d5d5d5;color: #9c9c9c;height: 20px;text-align: center;margin-left: 10px;display: inline-block;float: left;border-radius: 2px;font: 12px/18px "Microsoft Yahei";}
.rec-box-tit a.rec-web-btn {width: 38px;}
.rec-box-tit a.rec-play-btn {width: 65px;}
.rec-box-tit a.rec-index-btn:hover {color: #f70;}
.rec-box-tit a.rec-btn:hover {background-color: #f70;border-color: #f70;color: #fff;}
.other-game{background: #fff;padding:15px 20px;border-radius: 5px;margin-top: 10px;}
.other-game li {width: 80px;height: 110px;float: left;margin: 20px 56px 0 0;}
.other-game li.no-r {margin-right: 0;}
.other-game a {height: 100%;display: inline-block;}
.other-game span {display: block;font: 14px/30px "Microsoft Yahei";color: #3c3c3c;text-align: center;}
.other-game li span {display: block;font: 14px/20px "Microsoft Yahei";color: #3c3c3c;text-align: center; margin-top: 5px;}
.other-game a:hover span {color: #f70;}


/*footer*/
.footer { padding: 10px 0 10px; }
.footer p { line-height: 22px; text-align: center; color: #999; }
.footer p span { margin: 0 8px; }
.footer p a { color: #999; }
.footer p a:hover { color: #f00; text-decoration: underline; }



.bs-callout {padding: 20px;margin: 20px 0;border: 1px solid #eee;border-left-width: 5px;border-radius: 3px;border-left-color: #1b809e;}
.bs-callout h4 {margin-top: 0;margin-bottom: 5px;color: #1b809e;}
.bs-callout ul{list-style: disc; padding-left: 20px;}
.bs-callout ul li{list-style: disc }
/*login*/
.login-page{background: #fff; border-radius: 5px; margin-top: 50px; padding-top: 15px; padding-bottom: 30px;}
.login-box{ padding-top: 50px; margin-top: 30px}
.login-box .forgetpassword{ margin-left: 50px; }
.login-box-right{ padding-top: 50px; margin-top: 30px; padding-left: 50px;border-left: 1px #ccc solid;  }
.fuli-list{ margin-top: 35px; }