/*!
 * @version : 1.0.0
 * @author  : GUI
 * @update  : 2016-03-09
*/
@charset "utf-8";
/*Page CSS Document */
#Index .page{ position:relative; width:100%; min-width:1000px; margin:auto; }
.wrap{ width:990px; margin:0 auto;}

/*top-bar*/
.top-bar{ position:relative; z-index:10; width:100%; height:65px; line-height:65px; font-size:14px; background:url(../images/top-bar-bg.png) repeat-x; font-family:"Microsoft Yahei";}
.logo{ width:184px; height:65px; display:block; background:url(../images/logo.png) center no-repeat; text-indent:-9999em; }
.nav li{ float:left; }
.nav li a{ color:#999999;font-weight:600; margin-left:15px; transition:color .3s; -webkit-transition:color .3s; -moz-transition:color .3s; -ms-transition:color .3s; -o-transition:color .3s; }
.nav li a:hover{ color:#f44336; }
.nav a span{ font-family:Myriad Pro; font-size:16px; color:#212121; }
.nav a span em{ color:#49AF31; }
.g-hot{ width:130px; margin-left:18px; display:inline; background:url(../images/top-btn.png) no-repeat; }
.g-btn{ background:url(../images/top-btn.jpg) center top no-repeat; width:128px; height:63px; margin:auto; display:block; font-size:16px; text-indent:25px; position:relative; }
.g-btn i{ position:absolute; right:19px; top:32px; width:7px; height:4px; background:url(../images/san.png) no-repeat;}
.g-btn:hover{ text-decoration:none; background:#515151; color:#fff }
.top-banner{ display:none; position:absolute; left:0; top:63px; z-index:100; width:100%; height:0; background:#515151; border-top:1px solid #646464; border-bottom:1px solid #646464; opacity:0; filter:alpha(opacity=0); }
.top-banner-list{ width:904px; height:150px; background:url(../images/game-icon-bg.png) center bottom no-repeat; position:relative; margin:auto; }
.top-slider{ position:relative; width:816px; height:96px; padding-top:26px; margin:auto; overflow:hidden; }
.top-slider ul{ position:absolute; left:0; top:26px; }
.top-slider li{ float:left; width:102px; }
.top-slider li a{ width:70px; display:block; line-height:26px; margin:0 16px; color:#eeeeee; background:url(../images/game-icon.png) center top no-repeat; }
.top-banner-list span{ position:absolute; top:55px; width:38px; height:38px; display:block; background:url(../images/icon.png) no-repeat; cursor:pointer; }
.top-banner-list span.top-prev{ left:-41px; background-position:0 -45px; }
.top-banner-list span.top-next{ right:-41px; background-position:-39px -45px; }

/*index*/ 
.index-main{ position:relative; top:-1px; max-width:1920px; min-width:986px; margin:auto; background:url(../images/bg-banner.jpg) repeat-x; }
.index-main-bg{ background:url(../images/bg.jpg) 0 416px repeat-x; }
.l-bg{ position:absolute; left:0; top:0; width:555px; height:416px; background:url(../images/ads-left.jpg) no-repeat; }
.r-bg{ position:absolute; right:0; top:0; width:579px; height:416px; background:url(../images/ads-right.jpg) no-repeat; }
.index-main .wrap{ position:relative; }
.main-box{ padding-top:30px; }
.main-left{ width:728px; }
.main-right{ width:242px; overflow:hidden; }
.game-hot{ height:278px; }
.game-recom{ height:198px; }
.temp-box{ padding:12px 9px; border:1px solid #F6DCC2; border-top:0 none; }
.index-main .temp-box{ background:#faf2e3; }

/*game-title*/  
.game-title{ font-size:22px; padding:15px 0; font-family:"Microsoft Yahei"; }
.game-title p{ line-height:22px; border-left:4px #cf1132 solid; padding:0 6px 0 10px; }
.game-title .reload{ font-size:14px; display:block; font-family:Simsun; }
.game-title .reload i{ width:23px; height:16px; margin-left:8px; background:url(../images/icon.png) -1px -126px no-repeat; display:inline-block; vertical-align:middle; transition:all 0.3s; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; -ms-transition:all 0.3s; -o-transition:all 0.3s; }
.rtle .r-more{ float:right; font-weight:normal; background:url(../images/icon.png) 28px -158px no-repeat; padding-right:8px; }
.game-title .reload:hover i{ transform:rotate(180deg); -webkit-transform:rotate(180deg); -moz-transform:rotate(180deg); -ms-transform:rotate(180deg); -o-transform:rotate(180deg); }
.rtle .r-more:hover{ text-decoration:underline; }

/*game-slide*/ 
.game-slide{ height:370px; overflow:hidden; }
.slide-img{ width:100%; height:330px; background:#333; position:relative; }
.slide-img li{ position:absolute; left:0; top:0; z-index:2; opacity:0; filter:alpha(opacity=0); }
.slide-img li a{ width:728px; height:330px; display:block; overflow:hidden; }
.slide-img li a img{ transition:all .5s; -webkit-transition:all .5s; -moz-transition:all .5s; -ms-transition:all .5s; -o-transition:all .5s; }
.slide-img li a:hover img{ transform:scale(1.04); -webkit-transform:scale(1.04); -moz-transform:scale(1.04); -ms-transform:scale(1.04); -o-transform:scale(1.04); }
.slide-btn{ height:40px; line-height:40px; background:#222A45; font-family:Microsoft Yahei; }
.slide-btn li{ float:left; }
.slide-btn li span{ display:block; width:145.6px; cursor:pointer; font-size:12px; transition:all .3s; -webkit-transition:all .3s; -moz-transition:all .3s; -ms-transition:all .3s; -o-transition:all .3s; }
.slide-btn li.current span{ background:#af201f; }
.slide-btn li span:hover{ background:#af201f; }

/*game-active*/
.game-active{ height:172px; background:url(../images/game-active-bg.gif) repeat-x; }
.game-active .game-title{ font-size:14px; font-family:Simsun; padding:16px 0 0 0; }
.game-active .game-title p{ border-left:none; padding:0 6px 0 0; }

/*game-list*/  
.cur-hot-box{ display:none; }
.game-list li{ float:left; width:234px; margin-right:13px; display:inline; }
.game-list img{ display:block; }
.game-list li a{ display:block; }
.game-list .game-img{ display:block; border:1px solid #484848; border-bottom:0; }
.game-hot .game-list li{ margin-right:16px; width:170px; }
.game-hot .game-list li a.pr{ height:184px; overflow:hidden; }
.game-list-btn{ height:26px; line-height:26px; background:#999999; overflow:hidden; } 
.game-list-btn a{ float:left; width:85px; display:block; color:#fff; transition:all .3s; -webkit-transition:all .3s; -moz-transition:all .3s; -ms-transition:all .3s; -o-transition:all .3s; }
.game-recom .game-list-btn a{ width:76px; }
.game-list-btn a.game-in{ width:82px; height:24px; line-height:24px; border:1px solid #F05E10; float:right; }
.game-list-btn a.bol{ width:75px; border-left-color:#ACACAC; }
.game-recom .game-list-btn a.game-in{ width:78px; }
.game-list-btn a:hover{ background:#8a8a8a; }
.game-list-btn a.game-in:hover{ background:#ef5a1d; background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#F06228), color-stop(100%,#ee5210)); background:-webkit-linear-gradient(top, #F06228 0%, #ee5210 100%); background:-moz-linear-gradient(top, #F06228 0%, #ee5210 100%);background:-ms-linear-gradient(top, #F06228 0%, #ee5210 100%); background:-o-linear-gradient(top, #F06228 0%, #ee5210 100%); background:linear-gradient(to bottom, #F06228 0%, #ee5210 100%); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#F06228', endColorstr='#ee5210', GradientType=0); border-color:#ee500e; }
.game-intro{ position:absolute; left:0; bottom:0; width:100%; }
.game-hot .game-intro{ background:url(../images/shadow-01.png) no-repeat; height:43px; padding-top:14px; }
.game-recom .game-intro{ background:url(../images/shadow-02.png) no-repeat; line-height:34px; }
.game-intro p{ padding:0 8px; }
.game-intro strong{ font-size:14px; }

/*game-sort*/  
.game-sort{ border:1px solid #bfbfbf; }
.game-sort-title{ font-weight:bold; padding:0 16px; height:42px; line-height:42px; font-size:14px; border-bottom:1px solid #bfbfbf; }
.game-sort-title p{ width:71px; height:28px; font-size:0; }
.game-sort-title p a{ width:35px; height:28px; display:inline-block; background:url(../images/icon.png) -86px 0 no-repeat; }
.game-sort-title .f-change{ background-position:-86px -31px; }
.game-sort-title .s-change{ background-position:-123px 0; }
.tab-title{ height:38px; line-height:38px; background:url(../images/dot.jpg) left bottom repeat-x; }
.tab-title li{ float:left; }
.tab-title li span{ width:122px; height:37px; display:block; border-bottom:1px solid #bfbfbf; border-right:1px solid #bfbfbf; cursor:pointer; }
.tab-title li.active span{ font-weight:bold; border-bottom-color:#ffffff; }
.tab-title li span.bno{border-right-color:#fff; }
.tab-title li span:hover{ font-weight:bold; }
.tab-cont{ padding:20px 0 0 27px; }
.tab-cont li{ float:left; position:relative; }
.tab-cont li a{ width:170px; height:126px; margin:0 20px 20px 0; display:block; }
.tab-cont li i{ position:absolute; left:0; top:0; z-index:10; width:41px; height:41px; display:block; background:url(../images/icon.png) no-repeat; }
.tab-cont li i.ico-u{ background-position:0 0; }
.tab-cont li i.ico-e{ background-position:-41px 0; }
.game-txt{ background:#fafafa; height:42px; line-height:42px; border-top:1px solid #bfbfbf; }
.game-txt a{ margin-right:13px; }
.game-txt a:hover,.game-link a:hover{ text-decoration:underline; }
.game-link{ padding:12px 18px; line-height:24px; }
.game-link a{ color:#999; margin-right:5px; }

/*notice*/  
.notice{ height:36px; background:#2f2f2f; position:relative; overflow:hidden; }
.notice span{ position:absolute; left:10px; top:0; font-weight:bold; line-height:36px; }
.notice-txt{ height:20px; margin:9px 0 0 42px; overflow:hidden; }
.notice-txt li a{ color:#cccccc; transition:color .3s; -webkit-transition:color .3s; -moz-transition:color .3s; -ms-transition:color .3s; -o-transition:color .3s; }
.notice-txt li a:hover{ color:#eee; }

/*login*/    
.login-box{ height:162px; position:relative; border:1px solid #cdcdcd; }
.login-before{ background:#fbfbfb; padding:10px; height:142px; }
.login-after{ background:#fff; padding:10px 8px; height:142px; }
.index-main .login-box{ border:0 none; }
.index-main .login-before{ background:#3b3b3b; }
.login-before li.fl{ *margin-top:-1px; }
.login-before input{ vertical-align:middle; display:block; } 
.login-before .put{ width:140px; padding:0 8px; border:1px solid #dddddd; height:22px; line-height:22px; }
.login-before .put:focus{ border-color:#F66F1D; }
.login-before .put:hover{ border-color:#F66F1D; }
.login-before input.use{ margin-bottom:6px; *margin-bottom:4px; }
.login-before .btn-log{ width:54px; height:54px; border:0 none; cursor:pointer; background:url(../images/index-login.jpg) no-repeat; vertical-align:middle; transition:all .3s; -webkit-transition:all .3s; -moz-transition:all .3s; -ms-transition:all .3s; -o-transition:all .3s; }
.login-before .btn-log:hover{ background:url(../images/index-login-hover.jpg) no-repeat; }
.autolog-box a{ line-height:18px; display:inline-block; margin-right:8px; }
.index-main .autolog-box a{ color:#ccc; }
.autolog-box a.log-qq{ background:url(../images/qq1.jpg) no-repeat; padding-left:20px; }
.autolog-box a.log-sina{ background:url(../images/sina1.jpg) no-repeat; padding-left:24px; }
.index-main .autolog-box a.log-qq{ background:url(../images/qq.jpg) no-repeat; }
.index-main .autolog-box a.log-sina{ background:url(../images/sina.jpg) no-repeat; }
.autolog-box a:hover{ text-decoration:underline; }
.btn-reg{ width:219px; height:42px; display:block; background:url(../images/btn-reg.png) no-repeat; text-indent:-9999em; transition:all .3s; -webkit-transition:all .3s; -moz-transition:all .3s; -ms-transition:all .3s; -o-transition:all .3s; }
.btn-reg:hover{ background:url(../images/btn-reg-hover.png) no-repeat; }
.login-after img{ padding-right:9px; } 
.account-msg{ height:54px; }
.account-msg dt{ float:left; }
.msg-name{ padding:6px 0 0; }
.msg-name p{ font-size:14px; text-align:left; width:120px; font-weight:bold; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
.msg-name a{ color:#868686; }
.msg-safe .level{ width:50px; height:10px; background:#D9D9D9; margin-top:4px; }
.msg-safe .level em{ height:10px; background:#71B247; display:block; }
.msg-safe .heg{ color:#669933; padding-left:6px; }
.lbtn li{ float:left; width:70px; margin-right:8px; display:inline; }
.lbtn li a{ display:block; }
.lbtn .btn-msg{ width:68px; height:44px; border:1px solid #F6DCC2; background:url(../images/btn-msg.jpg) no-repeat; transition:all .3s; -webkit-transition:all .3s; -moz-transition:all .3s; -ms-transition:all .3s; -o-transition:all .3s; margin-bottom:8px; }
.lbtn .btn-msg:hover{ border:1px solid #E9754D; }
.btn-msg strong{ color:#EB6D10; display:block; height:16px; line-height:18px; }
.btn-msg span{ display:block; color:#666; background-repeat:no-repeat; background-position:center bottom; padding-bottom:6px; }
.btn-msg span.bm1{ background-image:url(../images/game-yw.png); }
.btn-msg span.bm2{ background-image:url(../images/msg-yw.png); }
.btn-msg span.bm3{ background-image:url(../images/order-yw.png); }
a.btn-check{ line-height:24px; background:url(../images/btn-check.jpg) no-repeat; color:#666; }

/*service*/  
.service{ width:226px; padding:8px; height:346px; overflow:hidden; }
.sec-tab{ width:225px; border-top:1px solid #FF9326; border-left:1px solid #FF9326; }
.sec-tab li{ float:left; color:#fcefb9; width:74px; height:24px; line-height:24px; font-weight:bold; border-right:1px solid #FF9326; border-bottom:1px solid #FF9326; background:#E15406; cursor:pointer; transition:all 0.4s; -webkit-transition:all 0.4s; -moz-transition:all 0.4s; -ms-transition:all 0.4s; -o-transition:all 0.4s; }
.sec-tab li.active{ border-bottom-color:#f7890e; background:none; color:#fff; }
.sec-tab li:hover{ background:#F88C0F; }
.sec-cont{ height:319px; border:1px dotted #FF9326; border-top:none; padding:0 4px; }
.sec-cont ul{ border-bottom:1px dotted #FF9326; line-height:28px; }
.sec-cont li{ float:left; width:42px; }
#tab1_Content0 .sec-cont{ background:url(../images/line.png) 44px 44px no-repeat; line-height:28px; }
#tab1_Content1 .sec-cont{ background:url(../images/line.png) 44px 44px no-repeat; line-height:28px; }
.sec-line dt{ width:42px; float:left; text-align:left; }
.sec-line dd{ width:172px; float:right; }
.sec-line p{ border-top:1px dotted #FF9326; position:relative; transition:all .3s; -webkit-transition:all .3s; -moz-transition:all .3s; -ms-transition:all .3s; -o-transition:all .3s; }
.sec-line p span{ width:42px; display:block; float:left; }
.service .sec-cont .m0{ width:88px; }
.service .sec-cont .m1{ width:96px; text-align:left; text-indent:12px; }
.service .sec-cont .m2{ width:90px; text-align:left; text-indent:6px; }
.service .sec-cont .m3{ width:82px; }
.service .sec-cont .m4{ width:32px; }
.sec-line p i{ position:absolute; left:-5px; top:12.5px; width:3px; height:3px; font-size:0; display:block; background:#F6CBA2; transition:all 0.3s; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; -ms-transition:all 0.3s; -o-transition:all 0.3s; }
.sec-line p:hover{ color:#fff; }
.sec-line p:hover i{ background:#fff; transform:scale(1.6); -webkit-transform:scale(1.6); -moz-transform:scale(1.6); -ms-transform:scale(1.6); -o-transform:scale(1.6); border-radius:100%; -webkit-border-radius:100%; -moz-border-radius:100%; -ms-border-radius:100%; -o-border-radius:100%; }
.sec-line a:hover{ color:#fff; text-decoration:underline; }
#tab1_Content2 .sec-line{ padding:0 6px; background:url(../images/line.png) 0 13px no-repeat; }
#my-games .sec-line dd{ width:auto; float:none; }
#my-games .sec-line p i{ left:-7px; }

/*temp-box*/  
.game-news li{ height:22px; line-height:22px; background:url(../images/blank.gif) left 11px no-repeat; padding-left:10px; overflow:hidden; } 
.game-news li span{ float:right; color:#AC743D; font-family:monospace; }
.game-news li a:hover{border-bottom: 1px solid #666; }
.temp-icon{ position:relative; }
.temp-slider{ position:relative; width:201px; height:54px; margin:auto; overflow:hidden; }
.temp-icon ul{ position:absolute; left:0; top:0; }
.temp-icon li{ float:left; width:67px; }
.temp-icon li a{ margin:0 6px; display:block; }
.temp-icon span{ position:absolute; top:53px; width:8px; height:12px; display:block; background:url(../images/icon.png) no-repeat; cursor:pointer; }
.temp-icon span.temp-prev{ left:0; background-position:-168px -6px; }
.temp-icon span.temp-next{ right:0; background-position:-190px -6px; }
.index-ques li a{ height:32px; line-height:32px; display:block; text-indent:12px; margin-bottom:1px; background:url(../images/que.gif) no-repeat; }
.index-ques li a:hover{ background:url(../images/que-active.gif) no-repeat; }

/*Gradient-style*/
.gradient-01{
	background:#F16A22; 
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#F2732F), color-stop(100%,#F06013));
	background:-webkit-linear-gradient(top, #F2732F 0%, #F06013 100%);
	background:-moz-linear-gradient(top, #F2732F 0%, #F06013 100%);
	background:-ms-linear-gradient(top, #F2732F 0%, #F06013 100%);
	background:-o-linear-gradient(top, #F2732F 0%, #F06013 100%);
	background:linear-gradient(to bottom, #F2732F 0%, #F06013 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#F2732F', endColorstr='#F06013', GradientType=0);
}
.gradient-02{
	background:#ec6f0a; 
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#FB9310), color-stop(100%,#e45e07));
	background:-webkit-linear-gradient(top, #FB9310 0%, #e45e07 100%);
	background:-moz-linear-gradient(top, #FB9310 0%, #e45e07 100%);
	background:-ms-linear-gradient(top, #FB9310 0%, #e45e07 100%);
	background:-o-linear-gradient(top, #FB9310 0%, #e45e07 100%);
	background:linear-gradient(to bottom, #FB9310 0%, #e45e07 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FB9310', endColorstr='#e45e07', GradientType=0);
}
.gradient-03{
	background:#f6f6f6; 
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#efefef));
	background:-webkit-linear-gradient(top, #ffffff 0%, #efefef 100%);
	background:-moz-linear-gradient(top, #ffffff 0%, #efefef 100%);
	background:-ms-linear-gradient(top, #ffffff 0%, #efefef 100%);
	background:-o-linear-gradient(top, #ffffff 0%, #efefef 100%);
	background:linear-gradient(to bottom, #ffffff 0%, #efefef 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#efefef', GradientType=0);
}

/*foot*/  
.foot{border-top:4px solid #F66D1C; padding:25px 15px 10px 185px; width:790px; margin: 0 auto;background: url(../images/logo-foot.jpg) 30px 25px no-repeat; color:#999}
.foot p{margin-bottom:10px; line-height:18px;}
.foot i{margin:0 5px;}
.foot em{font-size:10px; font-family:Tahoma;}
.foot a:hover{ text-decoration:underline;}

 
.cl{ clear:both;}
.pop_mo{margin:0 auto; width:484px;}

.p_title{ padding:13px 0 7px 0;}
.p_title h2{text-align:center; color:#b44602; font-size:14px; width:243px; height:26px; background:url(../images/t_6.jpg); padding-top:7px; margin:0 auto;}
.pop_1{width:484px; height:27px; background:url(../images/pop_1.jpg) no-repeat;line-height:27px; text-align:center; font-size:16px; font:"微软雅黑"; font-weight:bold; color:#fff;}
.pop_1 .pp1{width:24px; height:23px; float:right; margin-right:10px; margin-top:4px;}
.pop_2, .pop_3{width:480px; border:2px #d36f36 solid; border-top:none;}
.p_1{width:450px; margin-left:19px;}
.p_1 h2{font-size:12px; color:#c04900; height:26px; background:#fbf8e8; line-height:26px; padding-left:7px; width:433px;}
.p_1 li{margin:8px 0; height:27px;}
#HotSvrs li{height:auto;}
#HotSvrs li p{margin-bottom:8px;}
.p_1 p{width:140px; height:27px; float:left; line-height:27px; background:url(../images/pop.gif) no-repeat 0 -148px;}
.p_1 p a, .p_second a{ color:#813202; text-decoration:none;}
.p_1 p a:hover, .p_second a:hover{ color:#FF6600; text-decoration:underline;}
.p_m{margin-right:10px;}
.p_1 span{display:block; padding-left:28px;}
.p_pic1{background:url(../images/pop.gif) no-repeat -4px -296px;}
.p_pic2{background:url(../images/pop.gif) no-repeat 1px -193px;}
.p_pic3{background:url(../images/pop.gif) no-repeat -2px -263px;}
.p_pic4{background:url(../images/pop.gif) no-repeat 1px -230px;}
.p_pic5{background:url(../images/pop.gif) no-repeat -7px -328px;}
.p_second{height:40px; margin:13px 0 2px 20px; width:450px; line-height:26px;}
.p_second span{display:block; float:left; margin-right:18px; padding-left:25px;}

/** n02**/
.p_2{width:460px; border:2px #d36f36 solid; padding:10px;background:white}
.p_2 h2{height:24px; line-height:24px; color:#c04900; font-size:14px;}
.p_2 span{width:24px; display:block; float:right;}
.p_2 p{line-height:30px; color:#6f6f6f;font-size:14px}
.p_2 a{ color:#FF6600; text-decoration:underline;}
.p_2 a:hover{ color:#FF6600; text-decoration:underline;}

/** n03**/
.p_3{width:466px; height:123px; background:url(../images/pop_2.jpg); margin:0 auto;color:#484747;}
.p_3 h2{padding-left:175px; padding-top:25px; padding-bottom:10px; font-size:14px;}
.p_3 p{height:22px; line-height:22px; padding-left:175px;}
.p_3 span, .p_4 span{color:#eb5a00;}
.p_3 p span a{color:#eb5a00; text-decoration:underline;}
.p_3 p span a:hover{ color:#FF6600; text-decoration:underline;}
.p_4{ padding-top:15px;}
.p_4 ul{margin:0 auto; width:426px;}
.p_4 li{width:189px; margin:0 7px; float:left;}
.p_4 p{height:30px; border-top:1px #fcccae solid; line-height:30px; background:#fef1e8 url(../images/pop.gif) 10px -109px no-repeat; margin-top:25px; padding-left:40px; width:440px;}
.pay-way-cen tr td.txt-r{ text-align:right;}
.user-czList .u-info .u-info-con td.txt-r{ text-align:right; font-weight:bold; padding-right:10px;}
.gray { width:100%;height:100%; position:fixed;_position:absolute; left:0; top:0; z-index:100; background-color:#000; opacity:0.8; filter:alpha(opacity=80); }