@charset "utf-8";
/*
*description:
*@author:pgy
*update:2016-07-06
*ver:1.0.0
*/
/*Reset*/
html{overflow-y:scroll;}
body,h1,h2,h3,h4,h5,h6,dl,dt,dd,p,form,ul,ol,td,th,textarea,input{margin:0; padding:0;}
ol,ul{list-style:none;}
img{border:none;}
:focus{outline:none;}
span,em,b,i,th{font-style:normal;font-weight:normal;}
h1,h2,h3,h4,h5,h6{font-size:100%;}
textarea{*overflow:auto;/*resize:none;*/}
input,button,textarea,select{outline:none; *font-size:100%; margin:0;}
table{border-collapse:collapse;border-spacing:0;}
caption,th{text-align:left;}
:link,:visited,ins{text-decoration:none;}
a,a:hover{text-decoration:none;}
a{ color:#424242;}
a:hover{ color:#d32727;}
img{ display: block; }
/*Common*/
.clearfix:after{display:table;content:" ";clear:both;}
.clearfix{*zoom:1;}
.fr{display:inline;float:right!important;}
.fl{display:inline;float:left!important;}
.show{display:block;}
.hide,.scripts{display:none;}
.clear{clear:both;height:0;width:0;overflow:hidden;}
.none{ display:none; /*filter:alpha(opacity=0);*/}
.pr{ position: relative; }
.pa{ position: absolute; }
.blank10,.blank20,.blank25,.blank30,.blankn{line-height:0; overflow:hidden;}
.blank10{ height:10px;}
.blank20{ height:20px;}
.blank25{ height:25px;}
.blank30{ height:30px;}
body{font-size:14px; font-family:'\5FAE\8F6F\96C5\9ED1'; color: #2e2e2e; padding-top: 41px;}
.content{ z-index: 3; }
.content,.wrap{ width: 1000px; margin: 0 auto; }
.layout{ width: 680px; display: inline-block; float: left; }
.aside{ width: 300px; display: inline-block; float: right;}
.banner-hover span,.news-list li a,#top-bar .fr .command-game em,#top-bar .fr .command-game.hover em,.qr-box a em{ background: url(../img/base.png) no-repeat; }

/*module*/
.module .m-hd{ height:26px; padding: 10px 0; border-bottom: 1px solid #ebebeb;}
.module .m-hd .more{ display:inline-block; float:right; padding:0 3px; height:45px;}
.module .m-hd .more a{ font-size:14px; line-height:44px; color:#424242;}
.module .m-hd .more a:hover{ color:#d32727;}
.module .m-hd h4{ padding-left:12px; height:26px; font-size:24px; line-height:24px; color:#000; font-weight:normal; border-left: 2px solid #d32727; }
.module .m-bd{ border: 1px solid #ebebeb; }
.module .m-bd-border{ padding: 0 9px; border: 1px solid #ebebeb; }

/*news-list*/
.news-list ul{ padding-bottom: 10px; }
.news-list li{ display:inline-block; float:left; width:100%; height:30px; line-height:30px;}
.news-list li span{ display:inline-block; float:right; width:60px; text-align:right;}
.news-list li a{ display:block; color:#424242; padding-left:10px; margin-right:65px; font-size: 14px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; background-position: 0 -23px ;}
.news-list li a:hover{ color:#d32727;}

/* top-bar */
#top-bar { width: 100%; min-width: 1000px; position: fixed; top: 0; left: 0; background: #fff; border-bottom: 1px solid #d4d4d4; z-index: 2147483647; }
#top-bar .wrap{ height: 40px; }
#top-bar .fl a{ display: inline-block; float: left; height: 40px; font-size: 14px; line-height: 40px; padding: 0 15px; }
#top-bar .fr{ height: 40px; }
#top-bar .fr .top-login-a,#top-bar .fr .command-game{ display: inline-block; float: left; height: 40px; line-height: 40px; }
#top-bar .fr .top-login-a.tl-loginout{ padding: 0 10px; color: #ff8a00; }
#top-bar .fr .top-login-a.tl-loginout:hover{ color: #d32727; }
#top-bar .fr .tb-btn-reg,#top-bar .fr .tb-btn-login{ width: 60px; font-size: 14px;}
#top-bar .fr .command-game{ position: relative; width: 100px; }
#top-bar .fr .command-game em{ display: block; width: 58px; height: 40px; padding: 0 5px 0 35px; border: 1px solid #fff; border-top: none; border-bottom-color: #d4d4d4;  background-position: 8px -173px; font-size: 14px; line-height: 40px; cursor: pointer; position: absolute; top: 0; left: 0; z-index: 4; }
#top-bar .fr .command-game.hover em{ background-position: 8px -120px; color: #d32727; border-bottom-color: #fff; border-left-color: #d4d4d4; border-right-color: #d4d4d4; }
#top-bar .fr .command-game .cg-pop{ display: none; width: 760px; height: 273px; background: #fff; border: 1px solid #d4d4d4; position: absolute; right: 0; top: 40px; z-index: 3;}
#top-bar .fr .command-game.hover .cg-pop{ display: block; }
.cg-pop .hh-gg-pic{ display: inline-block; float: left; width: 378px; height: 273px; }
.cg-pop .hot-game{ height: 273px; margin-left: 380px; }
.cg-pop .hot-game h6{ height: 42px; font-size: 16px; line-height: 48px; text-align: center; color: #424242; font-weight: normal; border-bottom: 1px solid #d4d4d4; }
.cg-pop .hot-game div{ height: 230px; }
.cg-pop .hot-game div a{ display: inline-block; float: left; width: 90px; height: 38px; padding-left: 36px; font-size: 12px; line-height: 38px; color: #777; }
.cg-pop .hot-game div a:hover{ color: #d32727; }
.cg-pop .hot-game div a.g-new{ background: url(../img/icon_new_s.png) 20px 13px no-repeat; }
.cg-pop .hot-game div a.g-hot{ background: url(../img/icon_hot_s.png) 20px 13px no-repeat; }

/* header */
.header .wrap{ height: 100px; }
.header .fr{ height: 100px; width: 720px; }
.header .fr a{ display: inline-block; float: left; height: 100px; width: 120px; font-size: 18px; line-height: 100px; text-align: center; }
.header .fr a:hover{ color: #fff; background: #d32727; }
.header .haha-logo{ display: block; width: 130px; height: 50px; padding: 25px 0; }
.header .haha-logo img{ display: block; width: 130px; height: 50px; }

/* focus-banner */
.focus-banner,.focus-banner-status{ width:100%; min-width:1200px; height: 500px; position:relative; overflow:hidden;}
.focus-banner .pa{ width: 1920px; height: 500px; position: absolute; top: 0; left: 50%; margin-left: -960px; }
.focus-banner .pa ul{ display: block; height: 500px; width: 1920px; position: relative; }
.focus-banner li{ display:none; height:100%; position:absolute; top:0; left:0;}
.focus-banner li.hover{ display:block;}
.focus-banner ul,.focus-banner a{ display:block; height:100%;}
.focus-banner img{ width :100%; min-width:1200px;}
.banner-hover{ height:17px; width:100%; position:absolute; left:0; bottom:30px; text-align:center;}
.banner-hover span{ display:inline-block; width:17px; height:17px; margin:0 5px; cursor:pointer; text-indent:-99rem; overflow:hidden; background-position: -25px 0;}
.banner-hover span.hover{ background-position: 0 0;}
.focus-banner-status img{ width: 1920px; height: 500px; position: absolute; top: 0; left: 50%; margin-left: -960px; }

/* pprt-login */
#login-tips,.pprt-login .group,.pprt-login .group .reset,.other-login a{ background: url(../img/pprt_base.png) no-repeat; }
.pprt-login,.logined-box{ height: 420px; position: absolute; right: 0; top: -470px; background: url(../img/bg_login.png) no-repeat;}
.pprt-login{ background: url(../img/bg_login.png) no-repeat;}
.wechat-pop,.jy-popup{ background: #fff; }
.pprt-login{ width: 300px; }
.wechat-pop{ width: 270px;  padding: 15px 15px 0; }
.pprt-login h6{ display: block; padding: 8px 15px 0; height: 42px; font-size: 18px; color: #000; line-height: 42px; font-weight: normal; }
#login-tips{ display: none; width: 255px; margin: 0 auto; padding-top: 8px; height: 42px; font-size: 12px; color: #d32727; line-height: 42px; padding-left: 15px; background-position: 0 -393px; cursor: pointer;}
.pprt-login form{ padding: 0 15px;}
.pprt-login .group{ height: 43px; width: 224px; padding-left: 44px; border: 1px solid #d5d5d5; font-size: 14px; color: #999; position: relative; margin-top: 15px; }
.pprt-login .group.err{ border-color: #d32727; color: #d32727; }
.pprt-login .group input,.pprt-login .group label{ height: 43px; width: 214px; border: none; cursor: text; background-color: #ececec; }
.pprt-login .group input:focus{ background: #ececec; }
.pprt-login .group label{ position: absolute; top: 0; left: 44px; line-height: 43px; }
.pprt-login .group .reset{ display: none; width: 21px; height: 21px; padding: 11px; position: absolute; top:0; right: 0; background-position: 11px -352px; cursor: pointer; }
.pprt-login .group.hover input,.pprt-login .group.hover label{ color: #333; }

.pprt-login .l-user{ background-color: #ececec; background-position: 0 -189px; margin-top: 0;}
.pprt-login .l-psw,.pprt-login .l-code{ background-color: #ececec; background-position: 0 -128px;}
.pprt-login .l-user.hover,.pprt-login .l-user.err{ background-position: 0 -57px; }
.pprt-login .l-psw.hover,.pprt-login .l-psw.err,.pprt-login .l-code.hover,.pprt-login .l-code.err{ background-position: 0 0; }

.pprt-login .group.l-code .btn-get-code{ display: block; height: 43px; width: 100px; background: #ccc; position: absolute; top: 0; right: 0; z-index: 9;}
.pprt-login .group.l-code .btn-get-code img{ width: 100px; height: 43px; }

.login-auto{ padding: 10px 0 28px; height: 16px;}
.login-auto input{ display: inline-block; float: left; width: 16px; height: 16px; }
.login-auto label{ display: inline-block; margin-left: 2px; height: 16px; cursor: pointer;}

.pprt-login .login{ display: block; width: 270px; height: 45px; border: none; font-size: 18px; line-height: 45px; text-align: center; color: #fff; letter-spacing: 5px; cursor: pointer; border-radius: 5px; background: #ff8a00;}
.pprt-login .login:hover{ background: #f8bd09 ; }

.forget-psw{ height: 36px; padding:0 20px 8px; border-bottom: 1px solid #d5d5d5; }
.forget-psw a{ font-size: 14px; line-height: 36px; color: #777;}
.forget-psw a:hover{ color: #d32727; text-decoration: underline; }

.other-login{ padding: 20px 40px; height: 20px; }
.other-login a{ padding-left: 25px; height: 20px; font-size: 14px; line-height: 20px; color: #777; }
.other-login a:hover{ color: #d32727; }
.other-login .qq{ background-position: 0 -317px; }
.other-login .wechat{ background-position: 0 -274px; }

.jy-popup{ width: 300px; padding: 0; }
.jy-popup .phead{ height: 45px; background-color: #d32727; border-bottom: 1px solid #ebebeb; }
.jy-popup .phead .jy-close{ height: 40px; width: 40px; font-size: 20px; line-height: 40px; text-align: center; color: #fff; }
.jy-popup .phead .jy-close:hover{ color: #000; }
.jy-popup .phead .phead-title{ padding-left:40px;  font-size: 18px; line-height: 40px; text-align: center; color: #fff; }

/* logined */
.logined-box{ width: 270px; padding: 15px 15px 0; }
.per-info{ width: 270px; height: 70px; }
.per-info .per-pic{ display: inline-block; float: left; width: 70px; height: 70px; }
.per-info .per-pic img{ width: 100%; height: 100%; border-radius: 50%; }
.per-info .per-info-box{ height: 70px; margin-left: 80px; }
.per-info .per-info-box h6{ height: 42px; }
.per-info .per-info-box h6 em{ display: inline-block; float: left; height: 42px; width: 135px; font-size: 14px; line-height: 42px; color: #333; }
.per-info .per-info-box h6 a{ display: block; height: 42px; margin-left: 135px; font-size: 14px; line-height: 42px; text-align: center; color: #777; }
.per-info .per-info-box div{ height: 28px; }
.per-info .per-info-box div a{ display: inline-block; float: left; height: 22px; margin-right: 10px; font-size: 12px; text-align: center; line-height: 22px; color: #fff; background: #ff8a00; border-radius: 5px; }
.per-info .per-info-box div a:hover{ background: #f8bd09; }
.per-info .per-info-box div .btn-recharge{ width: 45px; }
.per-info .per-info-box div .btn-ucenter{ width: 60px;}
.played-game{ margin-left: -15px; width: 300px; }
.played-game h6{ height: 32px; padding: 10px 15px 0; font-size: 12px; line-height: 30px; border-bottom: 1px solid #d5d5d5; }
.played-game ul li{ display: inline-block; float: left; width: 100%; height: 55px; border-bottom: 1px dashed #ebebeb; }
.played-game ul li a{ display: block; height: 35px; padding: 10px 15px;  }
.played-game ul li img,
.played-game ul li span,
.played-game ul li em{ display: inline-block; float: left; height: 35px; line-height: 35px; font-size: 12px; text-align: center; line-height: 34px; color: #777; }
.played-game ul li img{ width: 35px;  height: 35px; }
.played-game ul li span{ width: 115px; }
.played-game ul li em{ width: 120px; }
.played-game ul li a:hover{ background: #d32727; }
.played-game ul li a:hover span,
.played-game ul li a:hover em{ color: #fff; }
.per-info .per-info-box h6 a:hover{ color: #d32727; }

/* pprt-reg */
.pprt-reg{ width: 300px; height: 500px; background: url(../img/bg_white_repeat.png) repeat; position: absolute; right: 0; top: -500px; }
#reg-tips,.pprt-reg .group,.pprt-reg .group .reset{ background: url(../img/pprt_base.png) no-repeat; }
.wechat-pop,.jy-popup{ background: #fff; }
.pprt-reg{ width: 300px; }
.wechat-pop{ width: 270px;  padding: 15px 15px 0; }
.pprt-reg h6{ display: block; padding: 8px 15px 0; height: 42px; font-size: 18px; color: #000; line-height: 42px; font-weight: normal; }
#reg-tips{ display: none; width: 255px; margin: 0 auto; padding-top: 8px; height: 42px; font-size: 12px; color: #d32727; line-height: 42px; padding-left: 15px; background-position: 0 -393px; cursor: pointer;}
.pprt-reg form{ padding: 0 15px;}
.pprt-reg .group{ height: 43px; width: 224px; padding-left: 44px; border: 1px solid #d5d5d5; font-size: 14px; color: #999; position: relative; margin-top: 15px; background-color: #ececec; }
.pprt-reg .group.err{ border-color: #d32727; color: #d32727; }
.pprt-reg .group input,.pprt-reg .group label{ height: 43px; width: 214px; border: none; cursor: text; background-color: #ececec; }
.pprt-reg .group.l-code input,.pprt-reg .group.l-code label{ width: 114px; }
.pprt-reg .group.l-code .btn-get-code{ display: block; height: 43px; width: 100px; background: #ccc; position: absolute; top: 0; right: 0;}
.pprt-reg .group.l-code .btn-get-code img{ width: 100px; height: 43px; }
.pprt-reg .group label{ position: absolute; top: 0; left: 44px; line-height: 43px; }
.pprt-reg .group .reset{ display: none; width: 21px; height: 21px; padding: 11px; position: absolute; top:0; right: 0; background-position: 11px -352px; cursor: pointer; }
.pprt-reg .group.hover input,.pprt-reg .group.hover label{ color: #333; }
.pprt-reg .l-user{ background-position: 0 -189px; margin-top: 0;}
.pprt-reg .l-user.hover,.pprt-reg .l-user.err{ background-position: 0 -57px; }
.pprt-reg .l-psw,.pprt-reg .l-psw1,.pprt-reg .group.l-code{ background-position: 0 -128px;}
.pprt-reg .l-psw.hover,.pprt-reg .l-psw.err,.pprt-reg .l-psw1.hover,.pprt-reg .l-psw1.err,.pprt-reg .group.l-code.hover,.pprt-reg .group.l-code.err{ background-position: 0 0; }
.pprt-reg .l-fname{ background-position: 0 -626px; }
.pprt-reg .l-fname.hover,.pprt-reg .l-fname.err{ background-position: 0 -506px; }
.pprt-reg .l-idcard{ background-position: 0 -565px; }
.pprt-reg .l-idcard.hover,.pprt-reg .l-idcard.err{ background-position: 0 -450px; }

.pprt-reg .btn-reg{ display: block; width: 270px; height: 45px; border: none; font-size: 18px; line-height: 45px; text-align: center; color: #fff; letter-spacing: 5px; cursor: pointer; margin-top: 25px; background: #ff8a00; border-radius: 5px;}
.pprt-reg .btn-reg:hover{ background: #f8bd09; }
.pprt-reg .right-now-login{ padding: 0 15px; height: 40px; font-weight: 14px; line-height: 40px; color: #424242; text-align: right; }

/* cg-list */
.cg-list{ height: 255px; width: 680px; position: relative; overflow: hidden; }
.cg-list ul{ display: block; height: 255px; width: 800px; }
.cg-list ul li{ display: inline-block; float: left; width: 155px; height: 255px; margin-right: 20px; position: relative; overflow: hidden; }
.cg-list ul li em{ display: block; width: 45px; height: 45px; position: absolute; left: 0; top: 35px; z-index: 5; }
.cg-list ul li em.icon-new{ background: url(../img/icon_new.png) no-repeat; }
.cg-list ul li em.icon-hot{ background: url(../img/icon_hot.png) no-repeat; }
.cg-list ul li img{ position: relative; z-index: 3; width: 155px; height: 255px; }
.cg-list ul li div{ position: absolute; z-index: 4; width: 155px; height: 52px; padding-top: 10px; left: 0; bottom: -70px; background: url(../img/bg_cover.png) repeat; }
.cg-list ul li div h6{ height: 20px; width: 145px; padding: 0 5px; }
.cg-list ul li div h6 i{ display: inline-block; float: left; width: 94px; font-size: 12px; line-height: 18px; color: #fff; text-align: center; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.cg-list ul li div h6 a{ display: inline-block; float: left; width: 50px; height: 20px; font-size: 12px; line-height: 20px; text-align: center; color: #fff; border-radius: 3px; background: #d32727;}
.cg-list ul li div h6 a:hover{ background: #f8bd09; }
.cg-list ul li div p{ height: 32px; text-align: center; color: #fff; }
.cg-list ul li div p a{ display: inline-block; height: 32px; font-size: 12px; line-height: 30px; padding: 0 5px; color: #fff; }
.cg-list ul li div p a:hover{ color: #d32727; }

/* hg-list */
.hg-list{ height: 510px; width: 680px; position: relative; overflow: hidden; }
.hg-list ul{ display: block; width: 750px; height: 510px; }
.hg-list ul li{ display: inline-block; float: left; width: 213px; height: 160px; margin: 0 20px 10px 0; }
.hg-list ul li .pr-div{ width: 213px; height: 120px; position: relative; overflow: hidden; }
.hg-list ul li .pa-div{ width: 213px; height: 240px; position: absolute; left: 0; top: 0; transition: all 0.3s ease; }
.hg-list ul li .pr-div.hover .pa-div{ top: -120px; }
.hg-list ul li .pa-div .show-pic{ width: 213px; height: 120px; }
.hg-list ul li .pa-div div{ width: 213px; height: 120px; }
.hg-list ul li h6{ font-size: 18px; line-height: 28px; font-weight: normal; text-align: center; color: #424242; }
.hg-list ul li .pa-div div .game-logo{ display: block; width: 213px; height: 120px; }
.hg-list ul li .pa-div div p{ height: 30px; text-align: center; position: absolute; left: 0; bottom: 0; }
.hg-list ul li .pa-div div p a{ display: inline-block; height: 20px; width: 50px; margin: 0 3px; font-size: 12px; line-height: 20px; text-align: center; color: #fff; background: #d32727; border-radius: 5px; }
.hg-list ul li .pa-div div p a:hover,.hg-list ul li .pa-div div p a.go-new:hover{ background: #f8bd09; }
.hg-list ul li .pa-div div p a.go-new{ width: 73px; background: #ff8a00; }

/* og-list */
.og-list{ width: 680px; height: 208px; position: relative; overflow: hidden; }
.og-list ul{ display: block; width: 720px; height: 208px; }
.og-list ul li{ display: inline-block; float: left; width: 105px; height: 90px; margin: 0 10px 15px 0; }
.og-list ul li a{ display: block; }
.og-list ul li a img{ display: block; width: 105px; height: 60px; }
.og-list ul li a span{ display: block; width: 105px; height: 30px; text-align: center; line-height: 30px; }

/* friend-link */
.friend-link a{ display: inline-block; float: left; padding-right: 15px; line-height: 30px; }

/* the-new-kf */
.the-new-kf ul{ padding-bottom: 10px; }
.the-new-kf ul li{ display: inline-block; float: left; width: 100%; height: 30px; border-top: 1px dashed #ccc; }
.the-new-kf ul .classify{ border-top: none; }
.the-new-kf ul li a{ display: block; height: 30px; }
.the-new-kf ul li span,.the-new-kf ul li em,.the-new-kf ul li i{ display: inline-block; float: left; height: 30px; font-size: 12px; line-height: 30px; color: #777; text-align: center; }
.the-new-kf ul li span{ width: 100px; }
.the-new-kf ul li em{ width: 80px; }
.the-new-kf ul li i{ width: 100px;}
.the-new-kf ul li a:hover{ background: #d32727; }
.the-new-kf ul li em strong{ color: #d32727;}
.the-new-kf ul li a:hover span,
.the-new-kf ul li a:hover em,
.the-new-kf ul li a:hover i,
.the-new-kf ul li a:hover em strong{ color: #fff; }

/* hh-gg */
.hh-gg a,
.hh-gg a img{ display: block; width: 300px; height: 120px; }
.hh-gg a{ margin-bottom: 10px; }
.hh-gg a:hover img{ border: 1px solid #d32727; width: 298px; height: 118px; }

/* qr-box */
.qr-box td{ border: 1px solid #ebebeb; }
.qr-box a{ display: block; width: 150px; height: 75px; padding-top: 25px; background: #fff; }
.qr-box a em{ display: block; width: 50px; height: 40px; margin: 0 auto; }
.qr-box a span{ display: block; height: 30px; font-size: 12px; line-height: 30px; text-align: center; color: #424242; }
.qr-box a:hover{ background: #ebebeb; }
.qr-box .qr-a1 em{ background-position: 0 -230px; }
.qr-box .qr-a2 em{ background-position: 0 -284px; }
.qr-box .qr-a3 em{ background-position: 0 -337px; }
.qr-box .qr-a4 em{ background-position: 0 -390px; }
.qr-box .qr-a5 em{ background-position: 0 -443px; }
.qr-box .qr-a6 em{ background-position: 0 -497px; }

/* 充值中心 */
.content .left-side{ display: inline-block; float: left; width: 220px; }
.content .right-side{ display: inline-block; float: right; width: 680px; padding: 5px 40px; border: 1px solid #ebebeb; }
.pay-type .vc-icon{ display: block; width: 220px; height: 68px; }
.pay-type a{ display: block; border: 1px solid #ebebeb; border-top: none; width: 210px; height: 68px; padding-left: 8px; }
.pay-type a img{ display: inline-block; float: left; width: 90px; height: 68px; }
.pay-type a em{ display: inline-block; width: 110px; padding-left: 10px; font-size: 18px; line-height: 68px; color: #424242; }
.pay-type a.show,.pay-type a:hover{ background: #ebebeb; }
.pay-type a.manual-service{ font-size: 18px; line-height: 68px; text-align: center; color: #424242; }
.pay-type a:hover,.pay-type a.show,.pay-type a.show em,.pay-type a:hover em{ color: #d32727; }
.cs-center{ border: 1px solid #ebebeb; padding-bottom: 20px; border-top: none; }
.cs-center .csc-icon{ display: block; width: 220px; height: 68px; }
.cs-center div{ padding: 5px 0; width: 218px; }
.cs-center div h6{ height: 38px; padding-left: 10px; font-size: 14px; line-height: 38px; color: #424242; }
.cs-center div .kefu,.cs-center div .phone,.cs-center div .email{ display: block; margin: 5px 0; padding-left: 64px; height: 20px; font-size: 14px; line-height: 20px; color: #777; background: url(../img/icon_csc.png) no-repeat; }
.cs-center div a:hover{ color: #d32727; }
.cs-center div .kefu{ background-position: 36px 1px; }
.cs-center div .phone{ background-position: 36px -71px; }
.cs-center div .email{ background-position: 36px -140px; }

.right-side .tit{ height: 60px; font-size: 16px; line-height: 60px; font-weight: normal; }
.right-side .tit em{ color: #d32727; }
.right-side h4{ height: 42px; font-size: 18px; line-height: 42px; color: #424242; font-weight: normal; }

.pay-to p{ display: block; height: 34px; }
.pay-to p span{ display: inline-block; float: left; padding-left: 24px; height: 34px; font-size: 20px; line-height: 34px; color: #424242; cursor: pointer; margin-right: 70px; background: url(../img/icon_white_point.png) no-repeat; }
.pay-to p span.selected{ background: url(../img/icon_red_point.png) no-repeat; color: #d32727; }

.s-game-box .btn-sgame{ height: 47px; padding: 10px 0; }
.s-game-box .btn-sgame p{ display: inline-block; float: left; width: 280px; height: 47px; margin-right: 58px; cursor: pointer; }
.s-game-box .btn-sgame p input{ display: inline-block; float: left; width: 193px; height: 47px; padding-left: 30px; border: none; background: #d42828; font-size: 18px; line-height: 47px; color: #fff; }
.s-game-box .btn-sgame p em{ display: inline-block; float: left; border-left: 1px solid #f89f9f; width: 56px; height: 47px; background: url(../img/bg_down_arrow.png) no-repeat; }

/* game-result */
.game-result,.service-result{ width: 620px; padding-top: 13px; position: relative; }
.game-result .up-arrow,.service-result .up-arrow{ width: 21px; height: 14px; background: url(../img/bg_up_arrow.png) no-repeat; position: absolute; top: 0; }
.game-result .up-arrow{ left: 130px; }
.service-result .up-arrow{ left: 465px; }
.game-result .game-result-box,.service-result .service-result-list{ border: 1px solid #ccc; padding: 10px 9px; }
.grb-hd{ height: 30px; padding-bottom: 10px; }
.grb-hd .search-box{ display: inline-block; float: right; height: 30px; width: 250px; }
.grb-hd .search-box input{ display: inline-block; float: left; width: 174px; height: 28px; font-size: 14px; line-height: 28px; color: #414141; padding: 0 10px; border: 1px solid #ccc; }
.grb-hd .search-box .btn-search{ display: inline-block; float: left; width: 53px; height: 28px; border: 1px solid #ccc; border-left: none; font-size: 14px; line-height: 28px; text-align: center; color: #414141; background: #ebebeb; }
.grb-hd h6{ height: 30px; margin-right: 260px; font-size: 16px; line-height: 30px; color: #414141; font-weight: normal; }
.grb-bd{ max-height: 350px; overflow-y: auto; border-top: 1px solid #ccc; }
.grb-bd .sgame-list{ border-left: 1px solid #ccc; }
.grb-bd .sgame-list li{ display: inline-block; float: left; width: 193px; height: 35px; border: 1px solid #ccc; border-width: 0 1px 1px 0; cursor: pointer; }
.grb-bd .sgame-list li img{ display: inline-block; float: left; width: 27px; height: 27px; margin-left: 8px; margin-top: 4px; }
.grb-bd .sgame-list li span{ display: inline-block; float: left; height: 35px; width: 145px; margin-left: 10px; font-size: 14px; line-height: 35px; color: #777; }
.service-result .service-result-list h6{ height: 30px; font-size: 16px; line-height: 30px; color: #414141; font-weight: normal; }
.service-result .service-result-list li{ display: inline-block; float: left; width: 270px; height: 36px; margin: 0 10px 10px; background: #ff8901; font-size: 16px; line-height: 36px; text-align: center; color: #fff; cursor: pointer; }
.service-result .service-result-list h1{ height: 100px; font-size: 40px; line-height: 100px; text-align: center; color: #d32727; }
.service-result .service-result-list{ max-height: 400px; overflow-y: auto; }

/* action-form */
.action-form{ margin-top: 20px; }
.action-form .group{ height: 37px; margin-bottom: 10px; }
.action-form .group span{ display: inline-block; float: left; width: 100px; height: 37px; font-size: 18px; line-height: 37px; color: #424242; }
.action-form .group input{ display: inline-block; float: left; width: 206px; height: 35px; padding: 0 10px; border: 1px solid #ccc; font-size: 16px; color: #424242; line-height: 35px; }
.action-form .group .tips{ display: inline-block; float: left; padding-left: 10px; height: 37px; font-size: 14px; line-height: 36px; color: #8b8b8b; }
.recharge-right-now{ display: block; width: 260px; height: 60px; font-size: 24px; line-height: 60px; text-align: center; color: #fff; margin: 40px auto 0; border-radius: 5px; background: #d32727; }
.recharge-right-now:hover{ background: #f8bd09; color: #fff; }

/* 金额选择 */
.pay-money h4{ display: block; float: none; }
.pay-money ul{ display: block; width: 680px;}
.pay-money ul:after{display:table;content:" ";clear:both;}
.pay-money ul{*zoom:1;}
.pay-money ul li{ display: inline-block; float: left; width: 150px; height: 44px; margin: 0 8px 8px 0; border: 1px solid #ccc; cursor: pointer; font-size: 18px; line-height: 44px; text-align: center; color: #424242; }
.pay-money ul li.hover{ border-color: #d32727; color: #d32727; }
.pay-money ul li input{ display: inline-block; float: left; margin: 5px 0 5px 14px; width: 92px; height: 32px; border: 1px solid #ccc; text-align: center;}
.pay-money p{ height: 40px; }
.pay-money p span{ display: inline-block; float: left; height: 40px; font-size: 18px; color: #d32727; margin-right: 100px; }

/*page-number*/
.page-number{width:100%;overflow:hidden; position:relative; font-size:12px;}
.page-number ul{float:left;width:auto;padding:15px 0px;position:relative;left:50%;}
.page-number ul li{float:left;position:relative;right:50%;font-family:Verdana;padding:2px;width:auto;background:none;border-bottom:none;}
.page-number ul li a{ padding:5px 10px;display:block;color:#333333;border:1px solid #d1d1d1; background:#e1e1e1;}
.page-number ul li a:hover,.page-number ul li.thisclass a{text-decoration:none; border:1px solid #d32727; background-color:#d32727; color:#fff!important;}
.page-number .pageinfo{color:#999;float:left;position:relative;left:-50%;line-height:17px;padding:2px 4px;}
.page-number .pageinfo strong{color:#666;font-weight:normal;margin:0px 2px;}

/*breadcrumbs*/
.breadcrumbs{ height: 32px; font-size: 14px; }
.breadcrumbs a{ display: inline-block; font-size: 14px; line-height: 32px; }

/* uc */
.u-base-box,.u-con-box,.u-con-box{ border: 1px solid #ccc; }
.u-base-box{ padding: 30px 30px; }
.u-base-info{ height: 120px; width: 550px; }
.u-base-info .u-hp{ width: 120px; height: 120px; position: relative; }
.u-base-info .u-txt{ height: 120px; margin-left: 140px; }
.u-base-info .u-hp img,
.u-base-info .u-hp em{ display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0;}
.u-base-info .u-hp em{ background: url(../img/u_hp_cover.png) no-repeat; }
.u-base-info .u-txt h4{ height: 50px; }
.u-base-info .u-txt h4 em{ display: inline-block; float: left; height: 50px; font-size: 24px; line-height: 50px; font-weight: normal; color: #000; padding-right: 3px; }
.u-base-info .u-txt h4 a,.u-base-info .u-txt p a{ display: inline-block; float: left; width: 70px; height: 20px; margin: 15px 0 0 20px; background: #d32727; border-radius: 4px; font-size: 12px; line-height: 20px; text-align: center; color: #fff; }
.u-base-info .u-txt h4 a:hover,.u-base-info .u-txt p a:hover{ background: #ff8901; }
.u-base-info .u-txt p a{ margin-top: 8px; }
.u-base-info .u-txt p{ height: 36px; }
.u-base-info .u-txt p span{ display: inline-block; float: left; height: 36px; font-size: 18px; line-height: 36px; }
.u-base-info .u-txt p span em{ color: #ff8901; }
.u-base-info .u-txt .login-time{ height: 28px; font-size: 12px; line-height: 28px; color: #777; }

.uc-nav{ width: 220px; border: 1px solid #ccc; border-width: 1px 0 0 0;}
.uc-nav .u-crumbs{ display: block; width: 218px; height: 68px; border: 1px solid #ccc; border-top: none; position: relative; overflow: hidden; }
.uc-nav .u-crumbs h4{ height: 68px; padding-left: 90px; font-size: 18px; line-height: 68px; font-weight: normal; cursor: pointer; background: url(../img/bg_uc_crumbs.png) no-repeat; }
.uc-nav .u-crumbs.hover{ height: auto; }
.uc-nav .u-crumbs.hover h4{ border-bottom: 1px solid #ccc; }
.uc-nav .u-crumbs.on h4{ color: #fff; background: url(../img/bg_uc_crumbs_on.png) no-repeat; background-color: #ff8901; }
.uc-nav .u-crumbs.on{ border-color: #ff8a00; }
.uc-nav .u-crumbs a{ display: block; height: 40px; width: 278px; font-size: 16px; line-height: 40px; text-align: center; }
.uc-nav .u-crumbs.uc-msg{ display: none; }

.uc-nav .uc-account h4{ background-position: 39px 0 ; }
.uc-nav .uc-safety h4{ background-position: 39px -77px; }
.uc-nav .uc-msg h4{ background-position: 39px -157px; }
.uc-nav .uc-ticket h4{ background-position: 39px -236px; }
.uc-nav .uc-record h4{ background-position: 39px -314px; }
.uc-nav .uc-account.on h4{ background-position: 39px 0 ; }
.uc-nav .uc-safety.on h4{ background-position: 39px -77px; }
.uc-nav .uc-msg.on h4{ background-position: 39px -157px; }
.uc-nav .uc-ticket.on h4{ background-position: 39px -236px; }
.uc-nav .uc-record.on h4{ background-position: 39px -314px; }

/* uc-con */
.uc-con{ border: 1px solid #ccc; width: 680px; min-height: 600px; padding: 9px 39px; }
.uc-con h5{ height: 40px; font-size: 18px; line-height: 40px; font-weight: normal; color: #414141; border-bottom: 1px solid #ebebeb; }
.uc-con-form{ margin-bottom: 20px; }
.uc-con-form .group{ height: 38px; margin-bottom: 20px; }
.uc-con-form .group span{ display: inline-block; float: left; height: 38px; width: 92px; font-size: 18px; line-height: 38px; color: #424242; text-align: right; }
.uc-con-form .group input{ display: inline-block; float: left; height: 36px; width: 330px; padding: 0 10px; border: 1px solid #ccc; }
.uc-con-form .group .tips{ display: inline-block; float: left; padding-left: 10px; height: 38px; font-size: 14px; line-height: 38px; color: #424242; }
.uc-con-form .strong{ padding: 10px 0; font-size: 14px; line-height: 24px; color: #777; font-weight: lighter; }
.uc-con-form .btn-submit{ display: block; width: 260px; height: 50px; font-size: 18px; line-height: 50px; color: #fff; text-align: center; margin: 20px auto 0; background: #d32727; border-radius: 5px; }
.uc-con-form .btn-submit:hover{ background: #ff8a00; }
.uc-con-bd .us-box{ height: 52px; padding: 24px 0; border-bottom: 1px solid #ebebeb; }
.uc-con-bd .us-box h6{ display: inline-block; float: left; width: 150px; height: 52px; font-size: 18px; line-height: 52px; color: #424242; font-weight: normal; }
.uc-con-bd .us-box div{ display: inline-block; float: left; width: 410px; height: 52px; }
.uc-con-bd .us-box div p{ height: 36px; width: 100%; font-size: 14px; color: #777; }
.uc-con-bd .us-box div p i.true{ color: #23a709; }
.uc-con-bd .us-box div p i.err{ color: #d32727; }
.uc-con-bd .us-box .us-btn{ display: inline-block; float: left; width: 118px; height: 33px; margin-top: 8px; font-size: 14px; line-height: 33px; text-align: center; color: #777; border: 1px solid #ccc; border-radius: 5px;}
.uc-con-bd .us-box .us-btn.btn-red{ color: #fff; background: #d32727; border-color: #ff8a00; }
.uc-con-bd .us-box .us-btn:hover{ color: #fff; background: #ff8a00; border-color: #ff8a00; }
.uc-con-bd .uc-tips-center{ height: 50px; font-size: 18px; line-height: 50px; text-align: center; }

/* 设置邮箱 */
.uc-con-bd .step{ width: 680px; height: 55px; margin: 20px 0 15px; }
.uc-con-bd .set-email-step1{ background: url(../img/set_email_step1.png) no-repeat; }
.uc-con-bd .set-email-step2{ background: url(../img/set_email_step2.png) no-repeat; }
.uc-con-bd .set-email-step3{ background: url(../img/set_email_step3.png) no-repeat; }
.uc-con-bd .uc-tips{ font-size: 16px; line-height: 40px; color: #777; font-weight: lighter; }
.uc-con-bd .uc-tips.warning,.uc-con-bd .uc-tips em,.uc-con-bd .succeed-tips em{ color: #ff8901; }
.uc-con-bd .uc-tips a{ color: #ff8a00; text-decoration: underline; }
.uc-con-bd .uc-tips a:hover{ color: #d32727; }
.uc-con-form .group.code input{ width: 230px; }
.uc-con-form .code .btn-code{ display: inline-block; float: left; width: 100px; height: 38px; background: #999; }
.uc-con-form .code .btn-code img{ width: 100%; height: 100%; }
.uc-con-bd h2{ height: 100px; font-size: 50px; line-height: 100px; text-align: center; color: #ff8901; }
.uc-con-bd .succeed-tips{ height: 60px; font-size: 20px; line-height: 60px; color: #777; text-align: center;}

/* 重置邮箱 */
.uc-con-bd .modify-email-step1{ background: url(../img/modify_email_step1.png) no-repeat; }
.uc-con-bd .modify-email-step2{ background: url(../img/modify_email_step2.png) no-repeat; }
.uc-con-bd .modify-email-step3{ background: url(../img/modify_email_step3.png) no-repeat; }

/* 修改和找回密码 */
.select-mp-ways{ height: 50px; width: 100%; padding-top: 20px; }
.select-mp-ways a{ display: inline-block; float: left; margin: 0 50px; border-radius: 5px; width: 200px; height: 50px; background: #ccc; line-height: 48px; text-align: center; color: #fff; }
.select-mp-ways a:hover,.select-mp-ways a.hover{ background: #ff8a00; }
.uc-con-bd .modify-psw-step1{ background: url(../img/modify_psw_step1.png) no-repeat; }
.uc-con-bd .modify-psw-step2{ background: url(../img/modify_psw_step2.png) no-repeat; }
.uc-con-bd .modify-psw-step3{ background: url(../img/modify_psw_step3.png) no-repeat; }
.uc-con-bd .modify-psw-step4{ background: url(../img/modify_psw_step4.png) no-repeat; }

/* 绑定手机 */
.uc-con-form .group.code .phone-in{ width: 180px; }
.uc-con-form .group .btn-phone-msg{ display: inline-block; float: left; margin-left: 20px; height: 38px; width: 130px; font-size: 14px; line-height: 36px; background: #999; color: #000; text-align: center; }
.uc-con-form .group .btn-phone-msg:hover{ background: #ff8a00; color: #fff; }

/* 充值记录 */
.condition-box{ height: 35px; padding: 26px 0; }
.condition-box form{ display: inline-block; float: left; height: 35px; padding-right: 20px; }
.condition-box form select{ display: inline-block; float: left; height: 33px; margin-right: 10px; border: 1px solid #ccc; }
.condition-box form input{ display: inline-block; float: left; height: 33px; width: 138px; padding-left: 10px; border: 1px solid #ccc; }
.condition-box form em{ display: inline-block; float: left; height: 35px; padding: 0 10px; font-size: 14px; color: #777; line-height: 35px; }
.condition-box form button{ display: inline-block; float: left; margin-left: 15px; height: 35px; width: 50px; border: 1px solid #ccc; cursor: pointer; }
.condition-box a{ display: inline-block; height: 35px; margin: 0 10px; font-size: 14px; line-height: 35px; }
.condition-box a.hover{ color: #d32727; text-decoration: underline; }
.category,.cg-ticket{ height: 46px; border-bottom: 1px solid #ccc; }
.pay-list li,.ticket-list li{ display: inline-block; float: left; padding: 10px 0; width: 100%; border-bottom: 1px solid #ebebeb; }
.category span{ display: inline-block; float: left; width: 100px; padding: 0 10px; }
.pay-list em{ display: inline-block; float: left; width: 100px; padding: 0 10px; word-wrap: break-word; word-break: normal; }
.category .pay-money{ width: 80px; padding: 0; height: 46px; display: inline-block; float: left; }
.pay-list i{ width: 80px; padding: 0; height: 46px; display: inline-block; float: left; }
.category span,.cg-ticket span{ font-size: 18px; height: 46px; line-height: 46px; color: #424242; }
.pay-list em,.pay-list i{ font-size: 14px; line-height: 24px; color: #777; }

.uc-con-bd .btn-ticket{ display: block; width: 260px; height: 50px; border-radius: 5px; background: #d32727; font-size: 18px; line-height: 50px; color: #fff; text-align: center; margin: 20px auto 0; }
.uc-con-bd .btn-ticket:hover{ background: #ff8a00; }

.cg-ticket span{ display: inline-block; float: left; height: 46px; width: 116px; padding: 0 10px; }
.ticket-list li em{ display: inline-block; float: left; width: 116px; padding: 0 10px; word-wrap: break-word; word-break: normal; }

/*footer*/
.footer{ padding:40px 0; background:#e0e0e0; min-width: 1200px; margin-top: 60px;}
.footer p{ height:24px; line-height:24px; color:#8a8a8a; text-align:center;}
.footer p a{ padding:0 15px; color:#8a8a8a; }
.footer .footer-link{ height:32px; font-size:14px; line-height:32px;}
.footer .footer-link a{ display:inline-block; padding:0 15px; color:#8a8a8a;}
.footer .footer-link a:hover{ text-decoration:underline; color:#d32727;}
.footer .left-side{ display: inline-block; float: left; width: 190px; height: 64px; padding: 5px 0; text-align: right; }
.footer .left-side a{ display: inline-block; height: 64px; }
.footer .left-side a img,.footer .right-side a img{ display: block; height: 100%; width: auto; }
.footer .middle{ display: inline-block; float: left; width: 580px; }
.footer .middle a{ display: inline-block; height:  }
.footer .middle p{ text-align: center; }
.footer .right-side{ display: inline-block; float: left; width: 230px; height: 64px; padding: 5px 0; }
.close {
	float: right;
	font-size: 21px;
	font-weight: bold;
	line-height: 1;
	color: #eee;
}
.close:hover,
.close:focus {
	color: #fff;
	text-decoration: none;
	cursor: pointer;
}
button.close {
	-webkit-appearance: none;
	padding: 0;
	cursor: pointer;
	background: transparent;
	border: 0;
}
.modal-open {
	overflow: hidden;
}
.modal {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 1050;
	display: none;
	overflow: hidden;
	-webkit-overflow-scrolling: touch;
	outline: 0;
}
.modal.fade .modal-dialog {
	-webkit-transition: -webkit-transform .3s ease-out;
	-o-transition:      -o-transform .3s ease-out;
	transition:         transform .3s ease-out;
	-webkit-transform: translate(0, -25%);
	-ms-transform: translate(0, -25%);
	-o-transform: translate(0, -25%);
	transform: translate(0, -25%);
}
.modal.in .modal-dialog {
	-webkit-transform: translate(0, 0);
	-ms-transform: translate(0, 0);
	-o-transform: translate(0, 0);
	transform: translate(0, 0);
}
.modal-open .modal {
	overflow-x: hidden;
	overflow-y: auto;
}
.modal-dialog {
	position: relative;
	width: 700px;
	margin: 140px auto 35px;
}
.modal-content {
	position: relative;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
	border-radius: 6px;
	outline: 0;
}
.modal-backdrop {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 1040;
	background-color: #000;
}
.modal-backdrop.fade {
	filter: alpha(opacity=0);
	opacity: 0;
}
.modal-backdrop.in {
	filter: alpha(opacity=50);
	opacity: .5;
}
.modal-header {
	position: absolute;
	top:9.5%;
	right:5%;
	min-height: 16.42857143px;
}
.modal-header .close {
	margin-top: -2px;
}
.modal-title {
	margin: 0;
	line-height: 1.42857143;
}
.modal-body {
	position: relative;
	padding: 15px;
}
.modal-footer {
	padding: 15px;
	text-align: right;
	border-top: 1px solid #e5e5e5;
}
.modal-footer .btn + .btn {
	margin-bottom: 0;
	margin-left: 5px;
}
.modal-footer .btn-group .btn + .btn {
	margin-left: -1px;
}
.modal-footer .btn-block + .btn-block {
	margin-left: 0;
}
.modal-scrollbar-measure {
	position: absolute;
	top: -9999px;
	width: 50px;
	height: 50px;
	overflow: scroll;
}
@media (min-width: 1400px) {
	.modal-dialog {
		width: 50%;
	}

}