/*reset.css*/
/* html {  -webkit-filter: grayscale(100%); } */
.wrapper { min-width: 1200px; overflow: hidden; background: #f1f2f3;}
.c-blue { color: #03b4f5;}
.c-red { color: #f00;}
.icon, .slide-next:before, .slide-prev:before { display: inline-block; vertical-align: top; *vertical-align: middle; background: url(/public/webnew/images/csp-index.png?201702221112) no-repeat;}
.c_web_icon, .c_home_icon, .c_add_icon, .c_login_icon, .c_reg_icon, .down_ico, .game_list_icon, .search_btn, .user_level_vip, .tips_user_nomsg, .tips_user_msg{background:url(../image/top_csp.png) 0 0 no-repeat;}
.laybox { border-radius: 5px; box-shadow: 0 3px 0 #e9e9e9; overflow: hidden; background: #fff; zoom: 1;}
.g-top { height: 48px; padding-top: 2px; color: #a9a9a9; background: #fff url(/public/webnew/images/gtop.jpg) top center no-repeat; position: relative; z-index: 9;}
.g-top a { color: #a9a9a9;}
.g-top a:hover { color: #03b4f5;}
.g-main { width: 1200px; margin: 0 auto; position: relative;}
.g-top .g-main { height: 47px; line-height: 47px; border-bottom: 1px solid #e8e8e8;}
.g-top-left { margin-left: -5px;}
.g-top-right { margin-right: -5px;}
.g-top a, .g-top span { display: inline-block; margin: 0 10px;}
.g-top span a { margin: 0;}
.g-top .logined { display: none;}
.i-phone, .i-mail, .i-user, .i-pc, .i-list { zoom: 1; width: 18px; height: 14px; vertical-align: middle; background-position: 0 0; position: relative; top: -1px; *top:1px;}
.i-mail { background-position: 0 -30px;}
.i-user { background-position: 0 -60px;}
.i-pc { background-position: 0 -89px;}
.i-garr { background-position: 0 -780px;}
.i-list { background-position: 4px -118px;}
.g-allgame-trigger.active { color: #03b4f5;}
.g-allgame-trigger:hover .i-list, .g-allgame-trigger.active .i-list { background-position: 4px -148px; }
.i-add { width: 30px; height: 30px; background-position: 7px -172px;}
.g-allgame-list .fd:hover .i-add { background-position: 7px -202px;}
.g-allgame-list .i-garr { width: 11px; height: 6px; position: absolute; top: -6px; right: 36px;}
.g-btn, .g-btn-s { display: inline-block; vertical-align: top; width: 88px; min-width: 88px; height: 28px; line-height: 28px; text-align: center; color: #9f9f9f; border: 1px solid #c7c7c7; border-radius: 15px; cursor: pointer; background: #fff; font-family: 'microsoft yahei'; font-size: 12px; box-sizing: content-box;}
.g-btn-s { width: 72px; min-width: 72px; height: 24px; line-height: 24px;}
.g-btn:hover, .g-btn-s:hover { color: #fff; border-color: #03b4f5; background: #03b4f5;}
/*.g-header*/
.top_sub_main{width:100%; height:35px; background:#fff; color:#999; border-bottom:1px solid #ececec; box-shadow: 0 1px 2px rgba(0,0,0,.05); position: relative; z-index:11;}
.top_sub_nav{width:1200px; margin:0 auto; position:relative; z-index:100;}
.sub_nav_left, .sub_nav_right{line-height:35px;}
.sub_nav_left a{display:inline-block; height:35px; padding-left:22px; font-size:12px; color:#999; margin-right:14px; position:relative;}
.sub_nav_left a:hover, .top_login_tips a:hover{color:#03b4f5; transition:all 0.4s ease-in-out; text-decoration:none;}
.c_web_icon, .c_home_icon, .c_add_icon, .c_login_icon, .c_reg_icon, .down_ico, .game_list_icon, .user_level_vip, .tips_user_nomsg, .tips_user_msg{width:18px; height:16px; position:absolute; top:10px; left:0px;}
.c_web_icon{background-position:-33px -11px;}
.c_home_icon{background-position:-31px -46px;}
.c_add_icon{background-position:-32px -82px;}
.c_login_icon{background-position:-31px -154px; top:9px;}
.c_reg_icon{background-position:-31px -226px; top:9px;}
.down_ico{background-position:-2px -263px; width:22px;}
.game_list_icon{background-position:-29px -298px; left:auto; right:0px;}
.user_level_vip{background-position:-4px -334px; top:8px;}
.tips_user_nomsg{background-position:-32px -190px; top:9px;}
.tips_user_msg{background-position:-32px -369px; top:9px;}
/*.top_sub_nav a:hover i{transition:all 0.4s ease-in-out;}*/
.top_sub_nav a:hover .c_web_icon{background-position:-6px -11px;}
.top_sub_nav a:hover .c_home_icon{background-position:-4px -46px;}
.top_sub_nav a:hover .c_add_icon{background-position:-5px -82px;}
.top_sub_nav a:hover .c_login_icon{background-position:-4px -154px;}
.top_sub_nav a:hover .c_reg_icon{background-position:-4px -226px;}
.top_sub_nav a:hover .tips_user_nomsg{background-position:-5px -190px;}
.top_sub_nav a:hover .tips_user_msg{background-position:-5px -369px;}
.all_games_ico:hover .game_list_icon{background-position:-2px -298px;}

.top_login_tips a{float:left; display:inline; height:35px; padding-left:22px; font-size:12px; color: #999; position:relative;}
.top_login_tips a.t_btn1{padding-right:10px;}
.top_login_tips a.t_user_name, .top_login_tips a.t_user_out{padding-left:0; margin-right:10px;}
.top_login_tips a.t_btn2{margin:0 5px;}
.top_login_tips a.user_vip{margin-right:5px;}
.user_vip .top_user_level{position:absolute; font:8px/12px \9ED1\4F53; color:#03b4f5; left:10px; top:15px;}
.all_games_ico{display:inline-block; vertical-align:top; width:62px; height:35px; line-height:35px; margin-left:12px; padding-right: 12px; text-indent:3px; cursor:default; position:relative;}

.sub_nav_search{width:158px; height:22px; margin:6px 0 0 10px; border:1px solid #7cdcff; border-radius:3px; overflow:hidden; background:#fff;}
.sub_nav_search:hover { border-color: #03b4f5;}
.top_sub_main .search_txt {width:128px; height:16px; padding:3px 0; font:12px/16px \5FAE\8F6F\96C5\9ED1; outline:none; color:#999; text-indent:5px; border:none; background:none; float:left;}
.top_sub_main .search_btn {width:30px; height:22px; cursor:pointer; border:none; background-position:3px -116px; float:left;}

.g-header { height: 100px; background: #fff; box-shadow: 0 4px 4px rgba(0,0,0,.1); position: relative; z-index: 2;}
.g-logo { width: 160px; height: 100px; text-indent: -999px; overflow: hidden; background: url(/images/2016/logo.jpg?201702221112) no-repeat;}
.g-menu { height: 100px; overflow: hidden; /*width: 696px;*/}
.g-menu a { display: block; height: 100px; color: #1e1e1e; font-size: 18px; overflow: hidden; margin-left: 30px; position: relative; transition: color 0.2s ease-in; float: left; _display: inline; zoom: 1;}
.g-menu a span { display: inline-block; vertical-align: top; height: 95px; line-height: 100px; overflow: hidden;}
.g-menu a:hover, .g-menu .active { color: #03b4f5;}
.g-menu a:hover i, .g-menu .active i { width: 100%;}
.g-menu a i { display: block; width: 0%; height: 5px; margin: 0 auto; overflow: hidden; background: #03b4f5; *position: absolute; bottom: 0px; left: 0px; -webkit-transition: all .2s ease-out; -moz-transition: all .2s ease-out; -o-transition: all .2s ease-out; transition: all .2s ease-out;}
.g-allgame-list { width: 460px; height: 150px; border: 1px solid #e8e8e8; border-radius: 0 0 5px 5px; box-shadow: 0 0 3px #e9e9e9; background: #fff; position: absolute; top: 35px; right: 0px; z-index: 50; display: none;}
.g-allgame-list .col-bd { margin-right: -2px;}
.g-allgame-list .col { width: 230px; height: 120px; border-right: 1px solid #e8e8e8; overflow: hidden;}
.g-allgame-list .hd { height: 30px; line-height: 30px; color: #999; padding-left: 10px; background: #f9f9f9;}
.g-allgame-list .bd { margin-right: -2px;}
.g-allgame-list .bd li { width: 115px; height: 29px; line-height: 30px; border-bottom: 1px solid #e8e8e8; border-right: 1px solid #e8e8e8; float: left;}
.g-allgame-list .bd a { display: block; color: #a9a9a9; padding: 0 10px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.g-allgame-list .bd a:hover { color: #03b4f5;}
.g-allgame-list .fd { display: block; height: 30px; line-height: 30px; text-align: center; color: #999; margin: 0; background: #f9f9f9;}
.g-allgame-list .fd:hover { color: #03b4f5;}
/*.g-footer*/
.g-flinks { width: 100%; height: 84px; line-height: 80px; margin-top: 45px; overflow: hidden; position: relative; background: #fff url(/images/2016/bg-flinks.jpg?201702221112) top center no-repeat;}
.g-flinks .links { padding-left: 220px;}
.g-flinks .links a { font-size: 14px; color: #8c8b8b; margin: 0 5px;}
.g-flinks .links a:hover { color: #03b4f5;}
.g-footer { text-align: center; line-height: 30px; color: #999898; padding: 30px 0 20px 0; background: #fff;}
.g-footer a { color: #999898;}
.g-footer a:hover { color: #03b4f5;}
.legal-1, .legal-2, .legal-3, .legal-4, .legal-5, .legal-6 { display: inline-block; width: 50px; height: 50px; background: url(/images/2016/footer-ico.png?201702221112) no-repeat;}
.legal-2 { background-position: 0 -50px;}
.legal-3 { background-position: 0 -100px;}
.legal-4 { background-position: -50px 0;}
.legal-5 { background-position: -50px -50px;}
.legal-6 { background-position: -50px -100px;}
/*.g-sidefun*/
.g-sidefun { border: 1px solid #e5e5e5; border-radius: 5px; background: #fff; position: fixed; _position: absolute; bottom: 200px; right: 20px;}
.g-sidefun a { display: block; width: 50px; height: 30px; padding: 11px 0 10px 0; text-align: center; border-bottom: 1px solid #e5e5e5; position: relative;}
.g-sidefun a:first-child { border-radius: 5px 5px 0 0;}
.g-sidefun a:last-child { border-radius: 0 0 5px 5px;}
.g-sidefun a:hover { background: #03b4f5;}
.i-qr, .i-olkf, .i-totop { width: 30px; height: 30px;}
.i-qr { background-position: 2px -808px;}
.i-olkf { background-position: 0px -837px;}
.i-totop { background-position: 2px -868px;}
.g-sidefun .qrcode:hover .i-qr { background-position: 2px -898px;}
.g-sidefun .olkf:hover .i-olkf { background-position: 0 -927px;}
.g-sidefun .totop:hover .i-totop { background-position: 2px -958px;}
.g-sidefun .wechat-content { width: 168px; border: 1px solid #d9d9d9; border-radius: 5px; background: #fff; position: absolute; right: 60px; top: -134px; display: none;}
.g-sidefun .wechat-content p { margin: -8px 0 6px 0;}
.g-sidefun .wechat-content span { color: #03b4f5;}
.g-sidefun .arrow { width: 8px; height: 13px; background: url(/images/2016/wechat-arrow.png?201702221112) no-repeat; position: absolute; bottom: 20px; right: -8px;}
.g-sidefun .qrcode:hover .wechat-content { display: block;}
/*.pagination*/
/*.pagination { width: 100%; height: 32px; line-height: 32px; text-align: center; margin: 20px 0 40px 0; overflow: hidden;}*/
/*.pagination a { color: #999; padding: 6px 12px; border: 1px solid #cfcfcf; margin: 0 6px; border-radius: 5px; background: #fff;}*/
/*.pagination .page:hover, .pagination .nextPage:hover, .pagination .more:hover, .pagination .current, .pagination .on { color: #fff; border: 1px solid #03b4f5; background: #03b4f5;}*/
/*.pagination .disabled { color: #d5d5d5; background: rgba(208,206,206,.45); cursor: default;}*/

/*icon*/
.pf-android, .pf-ios { display: inline-block; vertical-align: middle; width: 18px; height: 20px; background: url(/images/2016/pf-type.png?201702221112) no-repeat;}
.pf-ios { background-position: 0 -30px;}
/*pf-btn*/
.w-btn-android, .w-btn-ios { display: block; width: 188px; height: 50px; line-height: 50px; text-indent: 55px; border-radius: 5px; color: #fff; font-size: 20px; overflow: hidden;}
.w-btn-android { background: #57a335 url(/images/2016/i-android.png) 12px center no-repeat; }
.w-btn-ios { font-size: 18px; background: #070506 url(/images/2016/i-ios.png) 12px center no-repeat; }
.w-btn-android:hover, .w-btn-ios:hover { color: #fff; opacity: .9;}
/*kill ie*/
.killie { width: 100%; height: 30px; line-height: 30px; color: #c7a17b; text-align: center; background: #ffffe1;}
.killie a { color: #3399ff;}
.killie a:hover { text-decoration: underline;}
/*loading*/
.slide-box, .rmd-game-list .game-pic, .mod-hd-box .hd, .remgift-list .img, .imgnews-box .item { background: url(/images/2016/loading.gif?201702221112) center center no-repeat;}
/* 搜索 */
.search-which-game{width:155px; height:24px; margin-top:11px; border:1px solid #03b4f5; border-radius:4px; position:relative; background:url(/images/2016/search_btn.jpg?201702221112) center right no-repeat;}
.search-txt{padding-left:10px; height:24px; display:block; font:14px/24px \5FAE\8F6F\96C5\9ED1; color:#999; border:none; background:none; width:118px;}
.search-btn{position:absolute; width:28px; height:24px; border:none; background:none; cursor:pointer; top:0; right:0;}

@media screen and (max-width: 1600px) {
    .spring_flower_right,.spring_flower_left{display:none;}
}
.w1200{width: 1200px;  margin: -1px auto 0;  border-top: 1px solid transparent;}
.w980{width:980px;overflow: hidden}
.w970{width:970px;overflow: hidden}
.w200{width:200px;overflow: hidden}
.w660{width:660px;overflow:hidden}
.w640{width:640px;overflow:hidden}
.mt25{margin-top:25px;}
.mt10{margin-top:10px;}