
.att-btn,#i-kefu li .icon,.game-btn a,.pop-lst em{background:url(../images/index/sprites.png) 9999px no-repeat;}
.g-privilege em,.g-privilege li .hover{background:url(../images/index/sprite.png) 9999px no-repeat;}
.i-tt{font-size:24px;text-align: center;color: #333;font-weight:400;}
.yg-boder {
    display: inline-block;
    width: 80px;
    height: 2px;
    background: #efce69;
    margin: 25px 0 20px 0px;
}
.att-btn{background-position:-6px -88px;display:block;width:224px;height:76px;}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.clearfix{zoom:1}
/*banner*/
.i-banner{background:url(../images/banner.jpg) center top no-repeat;width: 100%;height: 100%;}
.i-banner .g-mn{background:url(../images/banner.jpg) center top no-repeat;width: 100%; height:400px;padding:0;position: relative;}
/*特权*/
.g-privilege{width: 100%;padding: 50px 0 ;background: #fff}
.g-privilege .g-mn{z-index:1;width: 1200px;margin: 0 auto;text-align: center}
.g-privilege .pri-lst{margin:20px 0;font-weight:700;text-align: center;color:#fff;}
.g-privilege .pri-lst li div.hover p>span{display: block;margin-top: 5px;}
.g-privilege .i-tt{color: #333;font-size: 24px;position: relative;right: 5px}
.g-privilege li{float: left;background:url(../images/index/bg-privi.png) repeat-x;width:140px;margin-right:72px;position:relative;cursor:default;overflow: hidden}
.g-privilege li:last-child{margin-right: 0}
.g-privilege .txt{font-size:16px;display: block;position: absolute;bottom:100px;left:0;width:100%;}
.g-privilege li .hover{background-position:0 -231px;width:113px;height:276px;position: relative;left: 14px;bottom: 8px; opacity:0;filter:Alpha(Opacity=0);}
.g-privilege li .hover div{display: table;width:113px;height:276px;}
.g-privilege li .hover p{display:table-cell;vertical-align: middle;width:113px;}
.g-privilege li .hover div{*width:auto;*height:auto;*position: absolute;*top:50%;*left:50%;}/*IE7HACK*/
.g-privilege li .hover p{*position: relative;*top:-50%;*left:-50%;}/*IE7HACK*/
.g-privilege .pri-lst i{margin-top: 25px;width: 30px;height: 30px;line-height: 30px;border-radius: 50%;display: inline-block; background: #c9a12b;font-size: 22px;color: #ffe171;font-family: cursive;font-weight: 400;}
.g-privilege em{display: block;width:74px;height:57px;position: absolute;top:100px;left:47%;margin:25px 0 0 -32px;}
.g-privilege .l_1{background-position: 0px 0px;}
.g-privilege .l_2{background-position: -74px 0px;}
.g-privilege .l_3{background-position: -148px 0px;}
.g-privilege .l_4{background-position: -222px 0px;}
.g-privilege .l_5{background-position: -296px 0px;}
.g-privilege .l_6{background-position: -370px 0px;}

/*kefu*/
.scroll-box{margin-top: 50px;margin-bottom: 50px;text-align: center}
.box {height:450px; float:left; width:1240px; overflow: hidden; position:relative;}
.box li {
    display:block; float:left; margin-left:5px; margin-right:5px; width:100px;
    height:300px;text-decoration:none;text-align:center; cursor:pointer;
}
a.prev, a.next {
    background:url(../images/index/sprite.png);
    display:block;width:22px;height:40px; float:left; margin:260px 0 0 0; cursor:pointer;
}
.scroll_list{ width:10000em; position:absolute;margin-top: 30px;padding-left: 12px; }
a.prev{background-position: -444px 0;width: 22px;height: 40px;}
a.next{background-position: -488px 0;width: 22px;height: 40px;}
.prev:hover{background-position: -510px 0;}
.next:hover{background-position: -466px 0;}

.scroll_list li{width: 215px; float: left;margin-left:30px;text-align: center;}
.scroll_list li:first-of-type{margin-left: 0}
.scroll_list li a{width: 215px; height: 300px; display: inline-block; overflow: hidden; position: relative; text-align: center}
.scroll_list li a img{width: 215px; height: 300px;}
.scroll_list li a div{position: absolute; bottom: 0px; left: 0; width: 215px; height: 40px; line-height: 40px; background: #000; opacity: 0.7; filter: alpha(opacity=70); z-index: 1;}
.scroll_list li a h3{position: relative;bottom: 40px;z-index: 3;color: #fff}
.scroll_list li a h3 p{margin-top: 10px;font-size: 12px;z-index: 3;}
.scroll_list li a:hover div{height: 70px; background: #e9c65f; z-index: 5; transition : all 0.3s linear ; -moz-transition : all 0.3s linear ; -webkit-transition : all 0.3s linear ; -o-transition : all 0.3s linear ;}
.scroll_list li a:hover h3{bottom: 70px; z-index: 5; -moz-transition : all 0.3s linear ; -webkit-transition : all 0.3s linear ; -o-transition : all 0.3s linear ;}
.scroll_list li h4 a{display: inline-block; color: #e9c660;margin-top: 20px; font-weight: 400; border: 1px solid #e9c660; width: 150px; height: 40px; line-height: 40px; border-radius: 3px; -moz-border-radius: 3px; /* Firefox */ -webkit-border-radius: 3px; /* Safari 和 Chrome */}
.scroll_list li h4 a:hover{background: #e9c660;color: #fff}


/*id*/
.g-id{width: 100%;border-top: 1px dashed #e3e3e3;text-align: center;background: #fff}
.g-id .g-mn{width: 1200px;margin: 0 auto;}
.g-id .g-mn .i-tt{margin-top: 50px}
.g-id .hd li{padding-top: 10px}
.g-id .hd li:first-child{padding-top: 5px;}
.g-id .hd,.g-kefu .hd{text-align: center;margin:20px 0 20px;}
.u-idlst{background:url(../images/index/id-recovery.jpg) left 0 no-repeat;height:200px;width:1200px;margin: 50px 0 70px 0;}
.u-idlst li{float: left;display: inline-block;text-align: center;width:100px;margin:190px 0 0 227px;font-size:14px;font-weight:bold;}
.u-idlst li:first-child{margin-left: 62px;}
/*活动*/
.g-activity{width: 100%;border-top: 1px dashed #e3e3e3;text-align: center;}
.g-activity .g-mn{width: 1200px;margin: 0 auto;margin-bottom: 30px;text-align: center;}
.g-activity .g-mn .i-tt{margin-top: 50px}
.g-activity .opacity-text div{margin:30px 0 0 30px;position: relative}
.g-activity .opacity-text div:first-of-type{margin-left: 0}
.g-activity .opacity-text div p{position: absolute;bottom: 6px;color: #fff;font-size: 16px;width: 380px; height: 50px;line-height: 50px;display: block;background: #000;opacity: 0.7;filter: alpha(opacity=70)}
.g-activity .g-mn>a span{margin-top: 40px;display: inline-block;border: 2px solid #efce69;padding: 15px 50px;font-size: 24px;color: #efce69}
.g-activity .g-mn>a span:hover{background: #efce69;color: #fff}
/*button*/
.g-btn{background:url(../images/index/banner2_02.jpg) center top no-repeat;width: 100%;height: 100%;margin-top: 50px;position: relative}
.g-btn .g-mn{background:url(../images/index/banner2_02.jpg) center top no-repeat;width: 100%; height:280px;padding:0;}
.g-btn .btn{position: absolute;top:70%;left:49.5%;margin:-31px 0 0 -96px;z-index:3;}
/*认证须知*/
.cb,.g-mn{*zoom: 1;}
.cb:after,.g-mn:after{clear:both;content:".";display:block;height:0;visibility:hidden;}
.pop_close:hover,.btn_tan_close,.m-fixed .close em,.pop_close2:hover{-webkit-transition:ease-in .4s;-o-transition:ease-in .4s;-moz-transition:ease-in .4s;-ms-transition:ease-in .4s;transition:ease-in .4s;}
.pop_close:hover,.btn_tan_close:hover,.m-fixed .close:hover em,.pop_close2:hover{-webkit-transform:rotate(360deg);-o-transform:rotate(360deg);-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg);}
/*pop*/
.g-popBox{background:#fefefe;width:523px;padding-bottom:30px;font-size:14px;}
.g-popBox .hd{background:#efce69;height:60px;line-height:60px;text-align: center;position: relative;}
.g-popBox .tt{color:#fff;font-size:22px;}
.pop_close{position: absolute;top:15px;right:15px;}
.pop_close,.btn_tan_close,.pop_close2{background:url(../images/index/sprites.png) no-repeat -340px -30px;display: block;float: right;width:30px;height:31px;}
.pop_box{display: none;}
.pop-lst{margin:0 29px -30px 29px;padding:30px 0 ;border-bottom:1px solid dimgray;}
.pop-lst li{margin:0 0 5px;color: dimgray}
.pop-lst em{text-align: center; background-position:-348px -94px;display: inline-block;float: left;color:#fff;font:12px/18px Arial;margin:4px 5px 0 0;width:18px;height:18px;}
.pop-game{padding:20px 29px;font-size:13px;}
.pop-game .tit{color:dimgray;padding:0 0 10px;text-align: center;background: #fff;width: 200px;margin: 0 auto;font-size: 16px;position: relative;bottom: 10px}
.pop-game .game-lst{width:465px;height:auto;}
/*游戏*/
.game-lst li,.game-lst{width:1000px;height:65px;overflow: hidden;}
.game-lst li:nth-of-type(2){position: relative;top: 5px}
.game-lst li:nth-of-type(3){position: relative;top: 10px}
.game-lst div{float: left;width:225px;height:58px;overflow: hidden;margin:0 10px 8px 0;}
.game-lst div a{display: block;padding:6px 14px;height:59px;border:2px solid #fafafa;overflow: hidden;position: relative;}
.game-lst div img{position: absolute;left:14px;top:8px;}
.game-lst div a:hover{background: #efce69;border-color: #efce69;color: #fff;text-decoration: none;}
.game-lst .txt{margin:9px 0 0 49px;display:block;color: dimgray}
.pop-game .game-lst{width:465px;height:200px;}
#overlay{background: #000; filter: alpha(opacity=50); opacity: 0.5; display: none; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; z-index: 10000; display:none;}
