.clearfloat{*zoom:1;}
.clearfloat:before,.clearfloat:after{content:""; display:table; line-height:0;visibility:hidden;}
.clearfloat:after{ clear:both;}
.wrap {width: 1200px; height: auto; margin: 0 auto;}

/*垂直对齐 最新最全最好的Bootstrap模板：http://www.bootstrapmb.com*/
.m-list-flex{display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; }
.m-list-flex .m-cell-bd{ -webkit-box-flex: 1; -webkit-flex: 1; flex: 1; overflow: hidden; }
/*文字截取*/
.single-line{ text-overflow:ellipsis;white-space:nowrap;overflow:hidden; }
.multi-line{min-height: 2em; display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;text-overflow:clip;overflow:hidden;}
.multi-line1{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;text-overflow:clip;overflow:hidden;}
/*图片*/
.pic {width: 100%; overflow: hidden; font-size: 0;}
.pic img {width: 100%;-moz-transition: all 0.3s ease-in;-webkit-transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;transition: all 0.3s ease-in;}

i {font-style: normal;}

.bgFCFCFC {background: #fcfcfc;}
.bgFFF {background: #fff;}




/*top*/
.topHead {line-height: 32px; color: #fff; font-size: 12px; background: #2c3031;}
/*.topHead {height: 32px; line-height: 32px; color: #fff; font-size: 12px; background: #2c3031;}*/
.topHead h2 {float: left;}
.topHeadCont {float: right;}
.topHeadCont p {float: left; padding-left: 24px; margin-right: 20px; background: url(/img/ico_QQ.png) no-repeat left center;}
.topHeadContW {float: left; }
.topHeadInner {color: #ff8a00;}
.topHeadInner span {margin: 0 5px;}
.topHeadInner a {color: #ff8a00;}
.topHeadInner a:hover {text-decoration: underline;}
.topHeadInner em {padding-left: 20px; background-position: left center; background-repeat: no-repeat;}
.topHeadInner em.ico1 {margin-left: 5px; background-image: url(/img/ico_top_ico1.png);}
.topHeadInner em.ico2 {background-image: url(/img/ico_top_ico2.png);}
.topHeadInner em.ico3 {background-image: url(/img/ico_top_ico3.png);}

.topNav {height: 100px; line-height: 100px; background: #fff; box-shadow: 0 2px 8px 0 #f4f4f4; -moz-transition: all 0.3s ease-in;-webkit-transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;transition: all 0.3s ease-in;}
.topNav .wrap {height: 100%;}
.topNav .logo {height: 100%; float: left; font-size: 0;}
.topNav .logo a {-moz-transition: all 0s ease-in;-webkit-transition: all 0s ease-in;-o-transition: all 0s ease-in;transition: all 0s ease-in;}
.topNav .logo img {vertical-align: middle; max-height: 100%;}
.topNav nav {float: left; height: 32px; margin-right: 115px; margin-top: 33px; line-height: 32px; background: #fff;}
.topNav nav ul {}
.topNav nav ul li {float: left; margin-left: 10px; font-size: 16px; border-radius: 16px; overflow: hidden;}
.topNav nav ul li:first-child {margin-left: 0;}
.topNav nav ul li a {display: block; padding: 0 25px; color: #2c3031; }
.topNav nav ul li.active a,
.topNav nav ul li:hover a {color: #fff; background: #0092ff;}

.topNav.on {width: 100%; height: 76px; line-height: 76px; /*border-bottom: 1px solid #eee;*/ position: fixed; z-index: 222; top: 0; left: 0;}
.topNav.on nav {margin-top: 22px;}

.muen {display: none; position: absolute; width: 36px; height: 36px; box-sizing: border-box; padding: 10px 6px; background: #0092FF; border-radius: 6px; right: 20px; top: 50%; transform: translateY(-50%); z-index: 99;}
.muen span {display: block; width: 100%; height: 3px; margin-top: 4px; background: #fff; -moz-transition: all 0.3s ease-in;-webkit-transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;transition: all 0.3s ease-in;}
.muen span:first-child {margin-top: 0;}
.muen.on span.muenX {margin-top: 6px; -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg);}
.muen.on span.muenY {display: none;}
.muen.on span.muenZ {margin-top: -3px; -ms-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); transform: rotate(-45deg);}


#footer {padding: 56px 0 32px 0; color: #fff; background: #2b2b2b;}
#footer .ewm {float: left; text-align: center; font-size: 12px;}
#footer .ewm img {width: 98px;}
#footer .ewm p {margin-top: 10px;}
#footer .left {float: left; max-width: 446px;}
#footer .left p {line-height: 24px;}
.footerM {margin: 0 60px 0 80px;}
#footer ul {}
#footer ul li {height: 36px; line-height: 36px;}
#footer ul li > span {display: inline-block; width: 30px; height: 100%; margin-right: 3px; vertical-align: top; background-repeat: no-repeat; background-position: center;}
#footer ul li > span.ico1 {background-image: url(/img/ico_tel.png); }
#footer ul li > span.ico2 {background-image: url(/img/ico_email.png); }
#footer ul li > span.ico3 {background-image: url(/img/ico_QQ.png); }
#footer ul li em {display: inline-block;}
#footer ul li em span {margin-left: 30px;}
#footer ul li em span:first-child {margin-left: 0;}

/*登录、注册*/
.loginTan {display: none; width: 500px; padding: 20px 100px 30px 100px; color: #fff; background: rgba(0,0,0,0.7); border-radius: 10px; position: fixed; z-index: 99; top: 50%; left: 50%; transform: translate(-50%,-50%); box-sizing: border-box;}
.loginTan a {color: #ff8a00;}
.loginTan a:hover {text-decoration: underline;}
.loginTan h2 {margin-bottom: 22px; font-size: 18px; font-weight: 600;}
.loginInner {height: 38px; margin-top: 22px; line-height: 38px;}
.loginInput {padding: 0 10px; font-size: 0; background: #fff;}
.loginInput input {width: 100%; font-size: 14px; vertical-align: middle;}
.loginInnerYz {}
.loginInnerYz .loginInput {float: left; width: 160px; box-sizing: border-box;}
.loginInnerYz span {float: right; height: 100%; width: 113px; text-align: center; color: #fff; background: #ff0000; cursor: pointer;}
.loginInnerYz span img {width: 100%;}
.loginMark {margin-top: 6px; font-size: 12px;}
.loginMark p {float: left;}
span.chooseBtn {display: inline-block; width: 12px; height: 12px; margin-right: 6px; border: 1px solid #fff; border-radius: 2px; vertical-align: middle;}
span.chooseBtn.on {background: url(/img/dui.png) no-repeat center;}
/*.loginMark p label {vertical-align: middle;}*/
.loginMark a {float: right; }
.loginSure {width: 100%; height: 48px; margin: 20px 0 20px 0; text-align: center; line-height: 48px; font-size: 18px; font-weight: 600; color: #fff; background: #ea1000; border-radius: 5px; cursor: pointer;}
.loginSure:hover {background: #c91104;}
.loginBottom {width: 175px; height: 26px; margin: 0 auto; text-align: center; line-height: 26px; position: relative;}
.loginBottom:before {display: block; content: ""; width: 46px; height: 1px; background: #ff8a00; position: absolute; left: 0; top: 50%;}
.loginBottom:after {display: block; content: ""; width: 46px; height: 1px; background: #ff8a00; position: absolute; right: 0; top: 50%;}

.loginTanR .loginInner {margin-top: 12px;}
.loginClose {position: absolute; width: 36px; height: 36px; background: url(/img/close_btn1.png) no-repeat center; top: 6px; right: 6px; cursor: pointer;-moz-transition: all 0.3s ease-in;-webkit-transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;transition: all 0.3s ease-in;}
.loginClose:hover {background: url(/img/close_btn1_a.png) no-repeat center; -ms-transform: rotate(180deg); -webkit-transform: rotate(180deg); transform: rotate(180deg);}


/*banenr*/
.bx-wrapper .bx-viewport {height: auto !important; background: none; border: none; box-shadow: none; left: 0;}
.bx-wrapper {margin: 0 auto 0; max-width: 100% !important;}
.banner {position: relative}
.banner {width: 100%;}
.banner img {display: block; width: 100%;}
.banner img.img2 {display: none;}
.banner li {width: 100%; height: auto; position: relative; overflow: hidden;}
.banner li a {display: block; width: 100%;}
#banner .bx-wrapper .bx-pager {height: 12px; bottom: 15px; line-height: 12px; font-size: 0;}
#banner .bx-wrapper .bx-pager .bx-pager-item {vertical-align: middle;}
#banner .bx-wrapper .bx-pager.bx-default-pager a {width: 8px; height: 8px; border-radius: 50%; background: rgba(255,255,255,0.7); vertical-align: middle;}
#banner .bx-wrapper .bx-pager.bx-default-pager a:hover, #banner .bx-wrapper .bx-pager.bx-default-pager a.active {width: 12px; height: 12px; background: rgba(255,255,255,1);}

#banner {position: relative;}
#banner .bx-wrapper {z-index: 22;}

/*main*/
.homeGame {}
.homeTit {padding: 36px 0 36px 0; text-align: center; color: #404040;}
.homeTit h2 {line-height: 28px; font-size: 18px; font-weight: 600; }
.homeTit p {line-height: 18px; font-size: 12px;}
.homeTit p em {position: relative; display: inline-block;}
.homeTit p em:before {display: block; content: ""; width: 36px; height: 1px; background: #eeeeee; position: absolute; left: -50px; top: 50%;}
.homeTit p em:after {display: block; content: ""; width: 36px; height: 1px; background: #eeeeee; position: absolute; right: -50px; top: 50%;}
.homeTit span {display: block; width: 40px; height: 3px; margin: 6px auto 0; background: #0092ff;}
.homeTitFFF {color: #fff;}
.homeTitFFF.homeTit p em:before,
.homeTitFFF.homeTit p em:after {background: #fff;}
.homeTit0092ff.homeTit p em:before,
.homeTit0092ff.homeTit p em:after {background: #0092ff;}

.homeGameWrap {margin-top: 5px; padding-bottom: 58px;}
.homeGameList {}
.homeGameList li {float: left; width: 260px; margin-left: 53px; position: relative; border-radius: 4px; overflow: hidden;}
.homeGameList li:first-child {margin-left: 0;}
.homeGameList li a {display: block;}
.homeGameList li:hover img {-webkit-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); -moz-transform: scale(1.1); transform: scale(1.1);}
.homeGameBg {display: none; width: 100%; height: 100%; padding: 10px; text-align: center; color: #fff; position: absolute; top: 0; left: 0; background: rgba(0,0,0,0.5); box-sizing: border-box;}
.homeGameBg h3 {margin: 0 0 10px 0; font-size: 18px; font-weight: 600;}
.homeGameBg p {font-size: 12px; line-height: 18px;}
.homeGameBg a {width: 108px; height: 28px; line-height: 28px; margin: 12px auto 0; font-size: 12px; color: #4e4e4e; background: #fff; border-radius: 4px;}
.homeGameBg a:hover {color: #fff; background: #FF0000;}
.homeGameBgW {padding: 0 10px; height: 100%; border: 1px solid #fff; border-radius: 4px; position: relative;}
.homeGameBgWrit {position: absolute; width: 100%; left: 0; top: 50%; transform: translateY(-50%);}

.moreHome {display: block; width: 300px; height: 50px; margin: 65px auto 0; line-height: 50px; text-align: center; font-size: 16px; color: #fff; background: #0092ff; border-radius: 25px;}
.moreHome:hover {background: #0482e0;}

.homeGift {padding-bottom: 58px; background: url(/img/home_bg1.jpg) no-repeat center; background-size: cover;}
.homeGiftWrap {margin-top: 10px;}
.homeGiftList {}
.homeGiftList li {float: left; width: 25%; text-align: center; color: #fff; box-sizing: border-box;}
.homeGiftList li:hover img {-webkit-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); -moz-transform: scale(1.1); transform: scale(1.1);}
.homeGiftList li .pic {width: 160px; height: 160px; margin: 0 auto; border: 10px solid #0092ff; border-radius: 50%;}
.homeGiftList li h3 {margin: 15px 0 12px 0; font-size: 18px; font-weight: 600; line-height: 26px;}
.homeGiftList li h4 {line-height: 26px;}
.homeGiftList li h4 span {display: inline-block; padding-left: 25px; background: url(/img/ico_money.png) no-repeat left center;}
.homeGiftList li p {line-height: 20px; height: 60px;}
.homeGiftList li p span {display: block; }
.homeGiftList li a {display: block; width: 140px; height: 34px; margin: 4px auto 0;  line-height: 34px; color: #fff; background: #0092ff; border-radius: 17px;}
.homeGiftList li a:hover {background: #0482e0;}
.homeGiftInner {padding: 0 10px 12px 10px; border-left: 1px solid rgba(255,255,255,0.3);}
.homeGiftList li:first-child .homeGiftInner {border-left: none;}

.homeNews {padding: 35px 0;}
.homeNews .left {float: left; }
.homeNews .right {float: right; }
.homeNewsWrap {width: 63%;}
.homeRankWrap {width: 34%;}
.homeNewsTit {height: 20px; padding: 8px 0; margin-bottom: 28px; line-height: 20px; color: #404040; border-bottom: 1px solid #eee;}
.homeNewsTit em {font-size: 18px; font-weight: 600;}
.homeNewsTit span {display: inline-block; height: 20px; margin-left: 8px; padding-left: 8px; font-size: 12px; border-left: 3px solid #0092ff;}
.homeNewsWrap {}
.homeNewsWrap ul {width: 48%; }
.homeNewsWrap ul li {margin-top: 35px;}
.homeNewsWrap ul li:first-child {margin-top: 0;}
.homeNewsWrap ul li .time {width: 58px; margin-right: 15px; text-align: center;}
.homeNewsWrap ul li .time span {display: block; height: 18px; line-height: 18px; font-size: 12px; color: #fff; background: #b10005;}
.homeNewsWrap ul li .time span:first-child {height: 50px; margin-bottom: 2px; line-height: 50px; font-size: 26px;}
.homeNewsWrap ul li h3 {margin-bottom: 4px; line-height: 28px; font-size: 16px; font-weight: 600; color: #4c4c4c;}
.homeNewsWrap ul li h3 a:hover {color: #ff0000;}
.homeNewsWrap ul li p {font-size: 12px; line-height: 18px; color: #999;}

.homeRankList {margin-top: -12px;}
.homeRankList li {height: 40px; line-height: 40px; border-top: 1px solid #f3f3f3;}
.homeRankList li:first-child {border-top: none;}
.homeRankList li span {width: 26px; height: 100%; margin-right: 6px; text-align: center;}
.homeRankList li:nth-child(1) span {background: url(/img/rank_ico1.png) no-repeat center;}
.homeRankList li:nth-child(2) span {background: url(/img/rank_ico2.png) no-repeat center;}
.homeRankList li:nth-child(3) span {background: url(/img/rank_ico3.png) no-repeat center;}
.homeRankList li span i {display: inline-block; width: 20px; height: 20px; line-height: 20px; font-size: 12px; color: #fff; background: #b3b3b3;}
.homeRankList li p {color: #676767;}
.homeRankList li em {width: 86px; margin-left: 8px; text-align: right; display: inline-block; padding-right: 18px; background: url(/img/ico_money.png) no-repeat right center; color: #FF6600;font-weight: bold;}
.homeRankList li i {width: 76px; margin-left: 4px; font-size: 13px; color: #ff8a00;}

.homeLink {padding-bottom: 0; background: #fbfbfb;}
.homeLinkWrap {position: relative;}
.homeLinkWrap ul {padding-bottom: 10px; padding-top: 10px;}
.homeLinkWrap ul li {float: left; width: 218px; height: 100px; margin-right: 27px; line-height: 100px; text-align: center; font-size: 0; border: 1px solid #dcdcdc; border-radius: 4px;}
/*.homeLinkWrap ul li:first-child {margin-left: 0;}*/
.homeLinkWrap ul li a {display: block; height: 100%; font-size: 0; border-radius: 4px;}
.homeLinkWrap ul li:hover a {background: #fff; box-shadow: 0 0 20px 1px #e1e1e1;}
.homeLinkWrap ul li img {}
/*.homeLinkWrap .bx-wrapper .bx-loading {display: none; background: none;}*/
.homeLinkWrap .bx-wrapper img {display: inline-block; max-width: 92%; max-height: 92%; vertical-align: middle;}
.homeLinkWrap .bx-wrapper .bx-controls-direction a {width: 30px; height: 30px;}
.homeLinkWrap .bx-wrapper .bx-prev {left: -36px; background: url(/img/ico_jt_l.png) no-repeat center;}
.homeLinkWrap .bx-wrapper .bx-prev:hover {background: url(/img/ico_jt_l_a.png) no-repeat center;}
.homeLinkWrap .bx-wrapper .bx-next {right: -36px; background: url(/img/ico_jt_r.png) no-repeat center;}
.homeLinkWrap .bx-wrapper .bx-next:hover {background: url(/img/ico_jt_r_a.png) no-repeat center;}

.homeLinkBox {padding-bottom: 56px; background: #fbfbfb;}


/*新闻中心*/
.contentMain {margin-top: 20px; margin-bottom: 20px;}
.contentMain .wrap {padding: 30px 48px 0 48px; box-shadow: 0 0 15px 0 #f4f4f4;}

.news {}
.news ul {}
.news ul li {height: 58px; line-height: 58px; font-size: 16px; border-bottom: 1px dashed #b3b3b3;}
.news ul li a:hover, .news ul li a:hover em {color: #0482E0;}
.news ul li a:hover span {background: url(/img/ico_sj_a.png) no-repeat center;}
.news ul li a {height: 100%;}
.news ul li span {width: 8px; height: 100%; margin-right: 8px; background: url(/img/ico_sj.png) no-repeat center;}
.news ul li p {}
.news ul li em {margin-left: 15px; color: #666;}

.page {width: 100%; height: 26px; padding:80px 0; text-align: center; line-height: 26px; font-size: 12px; color: #333333; position: relative;}
.page:before {display: block; content: ""; width: 100%; height: 1px; background: #0092ff; position: absolute; top: 50%; left: 0; z-index: 0;}
/*.page em {display: inline-block; width: 26px; height: 100%; margin: 0 3px; border: 1px solid #e8e8e9; vertical-align: top; cursor: pointer; border-radius: 50%;}
.page em:hover {background: #e5e5e5;}
.page em.active {color: #fff; background: #b6983d;}*/
.page i {display: inline-block; width: 26px; height: 100%; margin: 0 3px; border: 1px solid #CCC; cursor: pointer; vertical-align: top; border-radius: 50%;}
/*.page i:hover {background-color: #e5e5e5;}*/
.page i.pre {margin-left: 0; background: url(/img/page_jt_l.png) no-repeat center;}
.page i.pre:hover { background: #e5e5e5 url(/img/page_jt_l.png) no-repeat center;}
/*.page i.active.pre {background: #b6983d url(/img/page.png) no-repeat center;}*/
.page i.next {margin-right: 0; background: url(/img/page_jt_r.png) no-repeat center;}
.page i.next:hover {background: #e5e5e5 url(/img/page_jt_r.png) no-repeat center;}
/*.page i.active.next {background: #b6983d url(/img/page_next_a.png) no-repeat center;}*/
.page i.active {color: #fff; background: #b6983d;}
.page a {display: inline-block; width: 26px; height: 100%; margin: 0 3px; color: #202020; border: 1px solid #d6d6d6; zoom: 1; *display:inline; float:none; border-radius: 50%;}
.page a:hover {background: #e5e5e5;}
.page a.active {color: #fff; background: #0092ff; border: 1px solid #CCC;}
.page a.pageD {border: none;}
.page p {display: inline-block; height: 100%; background: #fff; position: relative; z-index: 2;}

/*新闻中心-详情页*/
.newsDetailH {padding: 20px 10px 22px 10px; border-bottom: 1px dashed #e5e5e5;}
.newsDetailH h2 {text-align: center; font-size: 24px; line-height: 36px;}

.newsDetaiCotrl {line-height: 34px; margin: 15px 0 60px 0; color: #424242;}
.newsDetaiCotrl .left {float: left; margin-left: 100px;}
.newsDetaiCotrl .left span {font-size: 12px;}
.newsDetaiCotrl .left em {margin-left: 20px;}
.newsDetaiCotrl .right {float: right; margin-right: 100px;}
.newsDetaiCotrlInner {float: left; margin-left: 25px;}
.newsDetaiCotrlInner:first-child {margin-left: 0;}
.newsDetaiCotrlInner i {font-size: 12px; color: #0092ff;}
.newsDetaiCotrlInner span {display: inline-block; cursor: pointer;}
.newsDetaiColor span {width: 12px; height: 12px; margin-right: 2px;}
.newsDetaiColor span.colorLan {background: #0092ff;}
.newsDetaiColor span.colorHei {background: #000;}
.newsDetaiColor span.colorHui {background: #666;}
.newsDetaiWrap {}
.newsDetaiWrap p {margin-bottom: 26px; font-size: 16px; line-height: 32px; align-items: end;}

.jumpPage {margin-top: 70px; padding: 30px 0 30px 0; border-top: 1px dashed #e5e5e5;}
.jumpPage p {font-size: 16px; line-height: 26px; margin-bottom: 25px;}
.jumpPage p a:hover {color: #0092FF;}


/*游戏中心*/
.gameH {overflow: hidden;}
.gameHW {width: 1220px;}
.gameH a {display: inline-block; width: 96px; height: 30px; margin: 0 12px 10px 0; line-height: 30px; text-align: center; color: #808080; border-radius: 4px; border: 1px solid #0092FF;}
.gameH a:hover {background: #f2f2f2;}
.gameH a.colXy {border-color: #f24a00; color: #f24a00;}
.gameH a.active.colXy {background: #f24a00;}
.gameH a.colJnd {border-color: #1B9AF7; color: #1B9AF7;}
.gameH a.active.colJnd {background: #1B9AF7;}
.gameH a.colBj,
.gameH a.colDd {border-color: #ff9600; color: #FF9600;}
.gameH a.active.colBj,
.gameH a.active.colDd {background: #ff9600;}
.gameH a.colHg {border-color: #af48b7; color: #af48b7;}
.gameH a.active.colHg {background: #af48b7;}
.gameH a.colYd {border-color: #6441F1; color: #6441F1;}
.gameH a.active.colYd {background: #6441F1;}
.gameH a.colXn {border-color: #093; color: #093;}
.gameH a.active.colXn {background: #093;}
.gameH a.active {color: #fff; background: #0092FF;}
.gameHomeWrap table .gameNo {display: none;}
.gameHomeWrap table span.gameNum {display: inline-block; width: 16px; height: 22px; margin-top: -3px; margin-left: 4px; margin-right: 4px; background-repeat: no-repeat; background-image: url(/img/ico_num.png); vertical-align: middle;}
.gameHomeWrap table span.gameNum.gameNum0 {background-position: -145px center;}
.gameHomeWrap table span.gameNum.gameNum1 {background-position: -0 center;}
.gameHomeWrap table span.gameNum.gameNum2 {background-position: -17px center;}
.gameHomeWrap table span.gameNum.gameNum3 {background-position: -33px center;}
.gameHomeWrap table span.gameNum.gameNum4 {background-position: -49px center;}
.gameHomeWrap table span.gameNum.gameNum5 {background-position: -65px center;}
.gameHomeWrap table span.gameNum.gameNum6 {background-position: -81px center;}
.gameHomeWrap table span.gameNum.gameNum7 {background-position: -97px center;}
.gameHomeWrap table span.gameNum.gameNum8 {background-position: -113px center;}
.gameHomeWrap table span.gameNum.gameNum9 {background-position: -129px center;}

.gameHomeWrap table span.gameNumR {display: inline-block; width: 28px; height: 28px; background-repeat: no-repeat; background-size: 100%; vertical-align: middle; margin-top: -3px; margin-left: 4px; background-position: center;}
.gameHomeWrap table span.gameNumR.gameNumR22 {background-image: url(/img/ico_num22.png);}
.gameHomeWrap table span.gameNumR.gameNumR15 {background-image: url(/img/ico_num15.png);}


.gameOrder {height: 50px; margin-top: 20px; line-height: 50px; border-radius: 3px; border: 1px solid #0092FF; overflow: hidden;}
.gameOrder ul {height: 100%; }
.gameOrder ul li {float: left; width: 14.28%; height: 100%; text-align: center; font-size: 16px;}
.gameOrder ul li a {display: block; height: 100%; color: #0092FF; border-left: 1px solid #0092FF;}
.gameOrder ul li:first-child a {border-left: none;}
.gameOrder ul li.active a {color: #fff; background: #0092FF;}

.gameWrap {margin-top: 30px;}

.gameHome {}
.gameHomeH {}
.gameHomeHTop {}
.gameHomeHTop .left {float: left; width: 200px; height: 92px; text-align: center; line-height: 26px; color: #fff; font-size: 18px; background: #0092FF; border-radius: 10px;}
.gameHomeHTop .left h3 {padding-top: 20px;}
.gameHomeHTop .right {float: right; width: calc(100% - 228px); margin-top: 12px; color: #666; font-size: 16px;}
.gameHomeHList {margin-top: 6px;}
.gameHomeHList li {float: left; margin-left: 95px; line-height: 38px;}
.gameHomeHList li:first-child {margin-left: 0;}
.gameHomeHList li span {font-size: 24px; color: #f60;}
.gameHomeHBom {margin-top: 5px; line-height: 38px; color: #666;}
.gameHomeHBom h3 {float: left;}
.gameHomeHBom h3 span {color: #f60;}
.gameHomeHBom p {float: right; margin-right: 340px;}
.gameHomeHBom p span {margin-left: 20px;}
.gameHomeHBom p span:first-child {margin-left: 0;}

.gameHomeWrap {margin-top: 20px;}
.gameHomeWrap table {width: 100%; text-align: center; color: #666; border: 1px solid #ccc; }
.gameHomeWrap table.gameHomeTable {}
.gameHomeWrap table.gameHomeTable th {height: 50px;  font-size: 16px; font-weight: normal; color: #555;}
.gameHomeWrap table th {border-left: 1px solid #ccc;    background: #eeeeee;}
.gameHomeWrap table th:first-child {border-left: none;}
.gameHomeWrap table td {height: 42px; border-top: 1px solid #ccc; border-left: 1px solid #ccc;}
.gameHomeWrap table td:first-child {border-left: none;}
.gameHomeWrap table td:nth-child(3) {color: #333; font-size: 20px;}
.gameHomeWrap table td:nth-child(3) span {color: #0092FF;}
.gameHomeWrap table td:nth-child(3) a {display: none; width: 40px; text-align: center; font-size: 14px; padding: 2px 0; color: #fff; background: #0092FF; border-radius: 5px;}
.gameHomeWrap table td:nth-child(3) a.yanz1 {display: inline-block;}
.gameHomeWrap table td:nth-child(3) a:hover {background: #0482E0;}
.gameHomeWrap table td:nth-child(3) p {display: inline-block; margin-right: 8px;}
.gameHomeWrap table td:nth-child(4) p {display: inline-block; padding-right: 25px; background: url(/img/ico_money.png) no-repeat right center; color: #FF6600;font-weight: bold;}
.gameHomeWrap table td:nth-child(5) p {color: #ccc;}
.gameHomeWrap table td:nth-child(6) p {color: #ccc;}
.gameHomeWrap table a.betBtn {display: inline-block; width: 76px; text-align: center; padding: 3px 0; font-size: 16px;border-radius: 5px;}
.gameHomeWrap table a.betBtn.betT {color: #fff; background: #0092FF; }
.gameHomeWrap table a.betBtn.betT:hover {background: #0482E0;}
.gameHomeWrap table a.betBtn.betK {color: #fff; background: #ff8a00; }
.gameHomeWrap table a.betBtn.betK:hover {background: #e97e01;}
.gameHomeWrap table a.betBtn.betY {color: #0092FF; border: 1px solid #CCC; }
.gameHomeWrap table a.betBtn.betY:hover {background: #f4f4f4;}
.gameHomeWrap .page {margin-top: 20px; padding: 40px 0;}
.gameHomeWrap .zjrnum{color:#f54545;font-size:16px;font-weight: 500;}
.gameHomeWrap .tznum{color:#f60;font-size:13px;font-weight: 500;}
/* .gameHomeWrap .icon {color: #ccc;margin:0 3px 0 3px} */
.gameHomeWrap .win{color:#f54545;font-weight: 600;}
.gameHomeWrap .lose{color:#0f990f;font-weight: 600;}
.gameHomeWrap .tz{color:#f60;}


.modal-mask {position: fixed; width: 100%; height: 100%; color: #666; background: rgba(0,0,0,0.5); top: 0; left: 0; z-index: 666; transition: opacity .3s ease;}
.modal-wrapper {position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); }
.modal-wrapper .wrap {box-shadow: none; padding: 0; background: #fff; border: 1px solid #ccc; }
.modal-header h3 {padding: 26px 0 20px 0; font-size: 16px; text-align: center;}
.modal-container {transition: all .3s ease;}
.modal-body {}
.modal-body table {width: 100%; text-align: center;}
.modal-body table td {height: 40px; border-left: 1px solid #ccc; border-top: 1px solid #ccc;}
.modal-body table tr:first-child th { border-top: none;}
.modal-body table td:first-child {border-left: none;}
.modal-body table td.gameKai {width: 15%;}
.modal-body table td span {font-size: 18px; color: #f54545;}
.modal-body table td.gameWin {font-size: 18px;}
.modal-footer {}
.modal-footer .modal-default-button {position: absolute; width: 36px; height: 36px; top: 15px; right: 30px; background: url(/img/close_btn2.png) no-repeat center; cursor: pointer; -moz-transition: all 0.3s ease-in;-webkit-transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;transition: all 0.3s ease-in;}
.modal-footer .modal-default-button:hover {background: url(/img/close_btn1_a.png) no-repeat center; -ms-transform: rotate(180deg); -webkit-transform: rotate(180deg); transform: rotate(180deg);}
.modal-enter .modal-container,
.modal-leave-active .modal-container {-webkit-transform: scale(1.1);transform: scale(1.1);}

/*游戏中心-游戏规则*/
.gameRuleWrap {margin-top: 30px; padding-bottom: 50px;}
.gameRuleWrap table {}
.gameRuleWrap table th {height: 64px; font-size: 16px; font-weight: normal; }
.gameRuleWrap table th:first-child {border-left: none;}
table.gameTable {width: 100%; text-align: center; color: #666; border: 1px solid #ccc; border-radius: 10px; overflow: hidden;}
table.gameTable td {height: 42px; border-top: 1px solid #ccc;border-left: 1px solid #ccc;}
table.gameTable td i{background: red; display: inline-block; text-align: center; width: 30px; line-height: 30px; border-radius: 50%; color: #FFF; font-size: 20px;}
table.gameTable td:first-child {border-left: none;}
table.gameTable th {border-left: 1px solid #ccc;background: #eeeeee;}
table.gameTable th:first-child {border-left: none;}

/*游戏中心-投注*/
.gameBetWrap {margin-top: 22px; }
.gameBetWrap h2 {margin-bottom: 6px; color: #666;}
.gameBetWrap h2 span {color: #0092FF;}
.gameBetH {}
.gameBetH a {display: inline-block; width: 55px; height: 28px; margin-right: 5px; line-height: 28px; text-align: center; margin-bottom: 10px; color: #808080; border: 1px solid #CCC; border-radius: 4px;}
.gameBetH a:hover {background: #F3F3F3;}
.gameBetH a:nth-child(19n) {margin-right: 0;}

.gameBetM a {color: #fff; background: #0092FF;}
.gameBetM a:hover {background: #0482E0;}

.gameBetB {height: 34px; line-height: 34px; margin-top: 20px;}
.gameBetB .left {float: left;}
.gameBetBL {height: 100%;}
.gameBetBei {height: 100%; }
.gameBetBei a {display: inline-block; width: 32px; height: 100%; margin-left: 4px; background-position: center; background-repeat: no-repeat; vertical-align: top;}
.gameBetBei a:first-child {margin-left: 0;}
.gameBetBei a.gameBetBei1 {background-image: url(/img/game_bet_ico1.png); }
.gameBetBei a.gameBetBei2 {background-image: url(/img/game_bet_ico2.png); }
.gameBetBei a.gameBetBei3 {background-image: url(/img/game_bet_ico3.png); }
.gameBetBei a.gameBetBei4 {background-image: url(/img/game_bet_ico4.png); }
.gameBetBei a.gameBetBei5 {background-image: url(/img/game_bet_ico5.png); }
.gameBetInput {width: 158px; height: 100%; margin-left: 25px; padding: 0 10px; font-size: 0; box-sizing: border-box; border: 1px solid #CCC; border-radius: 6px;}
.gameBetInput input {width: 100%; font-size: 14px; color: #666; vertical-align: middle;}

.gameBetBE {width: 80px; height: 32px; margin-left: 25px; margin-top: 2px; text-align: center; color: #fff; background: #0092FF; border-radius: 16px;}
.gameBetBE:hover {background: #0482E0;}

.gameBetBM {font-size: 0; margin-right: 20px;}
.gameBetBM a {display: inline-block; width: 80px; height: 32px; margin-left: 12px; margin-top: 2px; font-size: 14px; text-align: center; color: #fff; background: #0092FF; border-radius: 16px; vertical-align: top;}
.gameBetBM a:first-child {margin-left: 0;}
.gameBetBM a:hover {background: #0482E0;}

.gameBetB .right {float: right; height: 100%; }
.gameBetBR {width: 230px; border: 1px solid #CCC; border-radius: 6px; overflow: hidden;}
.gameBetBR button {width: 78px; color: #fff; background: #0092FF; cursor: pointer;}
.gameBetBR .left {margin-left: 8px;}
.gameBetBR .left span {color: #0092FF;}

.gameCont {margin-top: 32px; padding-bottom: 60px;}
.gameCont .left {float: left; width: 49.5%;}
.gameCont .right {float: right; width: 49.5%;}
.gameCont table {}
.gameCont table th {height: 50px; font-size: 16px; font-weight: normal; color: #555;}
.gameTableBtn {display: inline-block; width: 14px; height: 14px; border: 1px solid #CCC; border-radius: 2px; vertical-align: middle;}
.gameTableBtn.on {background-color: #0092FF; background-image: url(/img/dui2.png); background-position: center; background-repeat: no-repeat;}
.gameCont table input {width: 78px; box-sizing: border-box; padding: 0 10px; font-size: 16px; color: #666; border: 1px solid #ccc; vertical-align: middle;}
.gameCont table a {display: inline-block; width: 26px; height: 26px; line-height: 30px; text-align: center; color: #fff; margin: 0 5px;background: #f60;}

/*游戏中心-自动投注*/
.gameAuto {margin-top: 30px; padding-bottom: 40px;}
.gameAutoWrap {border: 1px solid #ccc; border-radius: 10px; overflow: hidden;}
.gameAutoH {padding: 18px 0; line-height: 24px; text-align: center;}
.gameAutoH ul {font-size: 0;}
.gameAutoH ul li {display: inline-block; margin-left: 18px; vertical-align: top; color: #666;}
.gameAutoH ul li:first-child {margin-left: 0;}
.gameAutoH ul li em {font-size: 16px; margin-right: 6px;}
.gameAutoHInner {display: inline-block; width: 100px; height: 26px; padding: 0 10px; font-size: 0; box-sizing: border-box; border: 1px solid #66beff; border-radius: 6px; overflow: hidden; vertical-align: top;}
.gameAutoHInner select {width: 100%; height: 100%; padding: 0 24px 0 8px; color: #666; border: none; position: relative; z-index: 1;}
.gameAutoHInnerSelect {position: relative; padding: 0;}
.gameAutoHInnerSelect span {position: absolute; width: 24px; height: 100%; background: url(/img/ico_sj-xiala.png) no-repeat center; top: 0; right: 0; z-index: 6;}
.gameAutoHInner input {width: 100%; font-size: 14px; color: #666; vertical-align: middle;}

.gameAutoWrap table {border-radius: 0; border: none; border-bottom: 1px solid #ccc;}

.gameAutoB {padding: 12px 0;}
.gameAutoB button {display: block; width: 150px; height: 36px; margin: 0 auto; color: #fff; font-size: 16px; background: #0092FF; border-radius: 18px; cursor: pointer;}
.gameAutoB button:hover {background: #0482E0;}

.gameTxt {margin-top: 45px;}
.gameTxt p {color: #666; line-height: 30px;}



/*合作商家*/
.cooperBox .wrap {overflow: hidden;}
.coorperList {width: 1266px; margin-top: 20px;}
.coorperList li {float: left; width: 250px; height: 170px; margin-right: 65px; margin-bottom: 40px; border-radius: 6px; background: url(/img/coor_img.jpg) no-repeat center; background-size: cover;}
.coorperList li:hover {box-shadow: 0 0 20px 0 #b3bac7;}
.coorperList li a {display: block; height: 100%; color: #fff;}
.coorperList li h3 {margin-top: 28px; margin-bottom: 6px; font-size: 18px; text-align: center;}
.coorperList li p {text-align: center;}
.coorperList li img {width: 90px; margin: 8px 0 0 10px;}
.cooperBox .page {padding: 40px 0; margin-bottom: 10px;}

/*礼品兑换*/
.giftBox {}
.giftBox .left {float: left; width: 240px; padding-bottom: 16px; border: 1px solid #CCC;border-radius: 10px;overflow: hidden; }
.giftLeft h3 {height: 50px; line-height: 50px; font-size: 16px; color: #fff; background: #0092FF;}
.giftLeft h3 em {}
.giftLeft h3 span {display: inline-block; width: 30px; height: 100%; margin-left: 10px; margin-right: 4px; vertical-align: top; font-size: 0;}
.giftLeft h3 span img {vertical-align: middle;}
.giftLeft ul {}
.giftLeft ul li {height: 36px; line-height: 36px; border-bottom: 1px dashed #e4e4e4;}
.giftLeft ul li:last-child {border-bottom: none;}
.giftLeft ul li a {display: block; height: 100%; padding-left: 40px; color: #808080;}
.giftLeft ul li a:hover {color: #0092FF; background: #f3f3f3;}

.giftBox .right {float: right; width: 940px;}
.giftHead {height: 64px; line-height: 64px; border: 1px solid #CCC;border-radius: 10px;overflow: hidden;}
.giftHead h3 {float: left; width: 82px; text-align: center; color: #fff; background: #0092FF;}
.giftHead h3 span {display: inline-block; line-height: 24px; vertical-align: middle;}
.giftHeadCont {float: right; width: calc(100% - 82px); text-align: center;}
.giftHeadCont p,
.giftHeadCont p span,
.giftHeadCont p em,
.giftHeadCont i {display: inline-block; vertical-align: middle;}
.giftHeadCont p {font-size: 0;}
.giftHeadCont p span {margin-right: 14px; font-size: 32px; color: #0092FF; font-style: italic; vertical-align: top;}
.giftHeadCont p em {font-size: 16px;}
.giftHeadCont i {width: 30px; height: 30px; margin: 0 85px; vertical-align: middle; background: url(/img/ico_jt_gift.png) no-repeat center;}
.gidtWrap {overflow: hidden; margin-top: 20px;}
.giftList {width: 990px;}
.giftList li {float: left;width: 283px; margin-right: 44px; margin-bottom: 20px;}
.giftList li:hover img {-webkit-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); -moz-transform: scale(1.1); transform: scale(1.1);}
.giftList li:hover h3 {color: #0092FF;}
.giftList li .pic {border-radius: 10px;}
.giftList li a {}
.giftList li h3 {line-height: 40px; font-size: 16px; font-weight: 600; color: #4c4c4c;}
.giftList li p {height: 26px; line-height: 26px;}
.giftList li p span {display: inline-block; padding-right: 20px; background: url(/img/ico_money.png) no-repeat right center; color: #FF6600;font-weight: bold;}
.giftList li p a {float: right; width: 106px; height: 100%; text-align: center; color: #fff; background: #0092FF; border-radius: 13px;}
.giftList li p a:hover {background: #0482E0;}
.giftListInner {padding: 0 12px;}

.gidtWrap .page {padding: 40px 0; margin-top: 20px;}

/*礼品兑换-详情页*/
.giftDetalBox {}
.giftDetalBox table {width: 100%; text-align: center; border: 1px solid #CCC; border-radius: 10px; overflow: hidden;}
.giftDetalBox table th {height: 52px; font-size: 18px; font-weight: normal; color: #fff; background: #0092FF;}
.giftDetalBox table td {height: 50px; border-top: 1px solid #CCC; border-left: 1px solid #CCC;}
.giftDetalBox table td:first-child {border-left: none;}
.giftDetalBox table.giftDetalTable1 {margin: 20px 0 40px 0;}
.giftDetalBox table.giftDetalTable1 td:first-child {width: 106px; font-size: 16px; color: #0092FF;}
.giftDetalBox p.tableDer {color: #666; line-height: 40px;}

.giftDetalWrap {margin-top: 50px; padding-bottom: 70px;}
.giftDetalWrap .left {float: left; width: 50%;}
.giftDetalL {text-align: center;}
.giftDetalL .pic {width: 362px; margin: 0 auto;}
.giftDetalL .pic img {width: auto; max-width: 100%;}
.giftDetalL h3 {margin-top: 20px; font-size: 16px; line-height: 24px; text-align: center; color: #0092FF;}
.giftDetalBototm {height: 50px; margin-top: 30px; line-height: 50px; text-align: center; font-size: 16px; color: #fff; background: #0092FF;}
.giftDetalBototm span:first-child {margin-right: 70px;}
.giftDetalL p {margin-top: 20px; color: #666; }

.giftDetalForm {}
.giftDFormInner {line-height: 40px;margin-bottom: 20px; }
.giftDFormInner h3 {float: left; width: 184px; text-align: right; color: #808080;}
.giftDFormInput {float: left; width: 280px; height: 40px; margin-left: 6px; border: 1px solid #CCC; }
.inputInner {padding: 0 10px; font-size: 0;}
.inputInner input {width: 100%; vertical-align: middle; font-size: 14px; color: #666; vertical-align: middle;}
.giftDFormInputYz {}
.giftDFormInputYz .inputInner {float: left; width: calc(100% - 116px); box-sizing: border-box;}
.giftDFormInputYz a {float: right; width: 116px; height: 100%; text-align: center; color: #fff; background: #0092FF;}
.giftDFormInputYz a:hover {background: #0482E0;}
.giftDFormInputYz a img {width: 100%; height: 100%;}
.giftDFormInner button {width: 100%; height: 40px; line-height: 40px; font-size: 16px; color: #fff; background: #0092FF; border-radius: 20px; cursor: pointer;}
.giftDFormInner button:hover {background: #0482E0;}
.giftDFormInputSure {border: none; margin-top: 20px;}

/*排行榜*/
.rankTitle {text-align: center; padding-top: 20px;}
.rankWrap {margin-top: 40px; padding-bottom: 66px;}
.rankWrap .left {float: left; width: 390px;; margin-left: 12px; border: 1px solid #CCC; border-radius: 10px; overflow: hidden;}
.rankWrap .left:first-child {margin-left: 0;}
.rankWrap h3 {height: 70px; line-height: 70px; text-align: center; font-size: 18px; color: #fff; background: #0092FF;}
.rankWrap ul {margin-top: 0;}
.rankWrap ul li {height: 42px; line-height: 42px; padding: 0 6px 0 4px;}
.rankWrap ul li:nth-child(1) span em,
.rankWrap ul li:nth-child(2) span em,
.rankWrap ul li:nth-child(3) span em {display: none;}
.rankWrap ul li span {text-align: center;}
.rankWrap ul li span em {display: inline-block; margin-left: 0; width: 20px; height: 20px; text-align: center; line-height: 20px; color: #fff; background: #b3b3b3; vertical-align: middle;    padding-right: 0;}
.icon {display: inline-block; padding-right: 25px; background: url(/img/ico_money.png) no-repeat right center; color: #FF6600;font-weight: bold;}

.gameHomeWrap table.gameHomeTable1 {border-left: none; border-top: none;}
.gameHomeWrap table.gameHomeTable1 td:first-child {border-left: 1px solid #ccc;}
.gameHomeWrap .gameHomeTable1 {margin-bottom: 25px; text-align: left; font-size: 16px;}
.gameHomeWrap .gameHomeTable1 td {padding: 0 10px;}
.gameHomeTable1 .gameHd {display: table; width: 98%; height: 90%; margin: 0 auto; text-align: center;line-height: 26px;color: #fff;font-size: 18px;background: #0092FF;border-radius: 10px;}
.gameHomeTable1 .gameHd span {display: block;}
.gameHomeTable1 .gameHd p {display: table-cell; vertical-align: middle;}
.gameHomeTable1 .gameHdTitle {width: 200px;}
.gameHomeWrap .gameHomeTable1 td.gameHdKai {padding-right: 84px;position: relative;}
.gameNoic {position: absolute; height: 24px; padding: 0 8px; right: 10px; top: 10px; line-height: 24px; font-size: 14px; color: #fff; background: #0092FF; border-radius: 4px; cursor: pointer;}
.gameHdWin span {margin-left: 9.5%;}
.gameHdWin span:first-child {margin-left: 0;}
.gameHdWin span em {font-size: 24px; color: #0092FF;}
.gameHdTotal {font-size: 14px;}
.gameHdTotal .left {float: left; width: 49%;}
.gameHdTotal .left span {color: #f60;}
.gameHdTotal .right {float: right; width: 49%;}
.gameHdTotal .right span {margin-left: 18px;}
.gameHdTotal .right span:first-child {margin-left: 0;}

.gameGetM {line-height: 28px; margin-bottom: 6px;}
.gameGetM a {color: #ff8a00; margin-right: 4px;}
.gameGetM a:hover {color: #F24A00;}
.gameGetM span {color: #ff8a00; cursor: pointer; }
.gameGetM span:hover {color: #F24A00;}


@media screen and (max-width: 1440px) {
	.topNav nav {margin-right: 5%;}

}

@media screen and (max-width: 1366px) {
	.wrap,
	.contentMain .wrap {width: 94%;box-sizing: border-box;}
	.contentMain .wrap {padding-left: 24px; padding-right: 24px;}

	.homeGameList li {width: 22.7%; margin-left: 3%;}

	.gameHW {width: 102%;}
	.gameH a {width: 94px;}

	.coorperList {width: 100%;}
	.coorperList li {width: 22.7%; margin-right: 3%;}
	.coorperList li:nth-child(4n) {margin-right: 0;}

	.gameBetH a {width: 8.18%; margin-right: 1%; box-sizing: border-box;}
	.gameBetBei a {margin-left: 2px;}
	.gameBetInput {margin-left: 16px;}

	.gameBetBE {margin-left: 15px;}
	.gameBetBM a {width: 74px;}

	.giftBox .left {width: 24%;}
	.giftBox .right {width: 72%;}
	.giftList {width: 100%;}
	.giftHeadCont i {margin: 0 50px;}
	.giftList li {width: 31.33%; margin-right: 3%;}
	.giftList li:nth-child(3n) {margin-right: 0;}

	.rankWrap .left {width: 31.333%; margin-left: 3%; box-sizing: border-box;}

	.modal-wrapper {width: 80%;}
	.modal-wrapper .wrap {width: 100%; padding: 0;}





}

@media screen and (max-width: 1280px) {
	.topNav nav {margin-right: 3%;}

	.homeLinkWrap {padding: 0 30px;}

	.gameHomeWrap table td:nth-child(3) a {width: 70px;}
	.gameHomeWrap table a.betBtn {width: 66px;}

	.gameBetBei a {margin-left: 0;}
	.gameBetInput {width: 116px; margin-left: 12px;}
	.gameBetBE {width: 76px; margin-left: 12px;}
	.gameBetBM {margin-right: 15px;}
	.gameBetBR {width: 208px;}
	.gameBetBM a {width: 70px; margin-left: 8px;}
	.gameBetBR button {width: 70px;}


}

@media screen and (max-width: 1140px) {
	.topNav nav {margin-right: 0;}
	.topNav nav ul li a {padding: 0 20px;}

	.homeGiftInner {padding: 0 6px 12px 6px;}
	.homeGiftList li h3 {font-size: 17px;}

	.homeNewsWrap ul li .time {margin-right: 12px;}
	.coorperList li {width: 23.5%; height: 156px; margin-right: 2%;}
	.coorperList li h3 {margin-top: 24px;}

	.gameOrder ul li {font-size: 15px;}
	.gameAutoH ul li {margin-left: 12px; }
	.gameAutoH ul li em {font-size: 15px; margin-right: 2px;}
	.gameAutoHInner select,
	.gameAutoHInner input {font-size: 13px;}
	.gameAutoHInner {width: 96px;}

	.gameHW {width: 101%;}
	.gameH a {width: 90px; font-size: 13px; margin-right: 9px;}


	.gameBetBei a {width: 28px; background-size: 100%;}
	.gameBetInput {width: 100px; padding: 0 8px; margin-left: 10px;}
	.gameBetBE {width: 70px; margin-left: 10px;}
	.gameBetBM a {width: 68px; margin-left: 4px;}
	.gameBetBM {margin-right: 10px;}
	.gameBetBR .left,.gameBetBM a,.gameBetBE,.gameBetInput input,.gameBetBR button {font-size: 13px;}
	.gameBetBR {width: 180px;}
	.gameBetBR button {width: 64px;}
	.gameBetBR .left {margin-left: 3px;}
	.gameCont table a {width: 22px;}
	.gameCont table input {width: 60px;}

	.giftList li {width: 32%; margin-right: 2%;}
	.giftList li h3 {font-size: 15px;}
	.giftList li p a {width: 82px;}

	.giftDFormInner h3 {width: 138px;}
	.newsDetaiCotrl .left {margin-left: 36px;}
	.newsDetaiCotrl .right {margin-right: 36px;}

	.rankWrap .left {width: 32%; margin-left: 2%;}

	.footerM {margin: 0 25px 0 45px;}
	#footer .left {max-width: 428px;}

	.rankWrap ul li {font-size: 13px;}
	.homeRankList li em {width: 80px;margin-left: 4px;}
	.homeRankList li i {width: 70px; font-size: 12px;}

	.gameHomeTable1 .gameHdTitle {width: 172px;}
	.gameNoic {padding: 0 6px;}


}

@media screen and (max-width: 1024px) {
	.topNav nav ul li {margin-left: 8px;}
	.topNav nav ul li a {padding: 0 16px;}
	.gameHomeHList li {margin-left: 76px;}

	.gameHomeTable1 .gameHd {font-size: 16px;}
	.gameHomeWrap .gameHomeTable1 {font-size: 14px;}


}



@media screen and (max-width: 992px) {
	.topNav {height: 86px; line-height: 86px; position: relative;}
	.topNav nav {margin-top: 25px;}
	.topNav .logo {width: 145px;}
	.topNav .logo img {max-width: 100%; max-height: 100%;}

	.muen {display: block;}

	.topNav nav {width: 240px; height: 100%; margin: 0; padding: 0; background: #fff; position: fixed; top: 0; right: -100%; z-index: 99;}
	.topNav nav ul {padding-top: 118px;}
	.topNav nav ul li {width: 100%; height: 44px; margin: 0; text-align: center; line-height: 44px; border-radius: 0; border-bottom: 1px solid #eee;}
	.topNav nav ul li a {padding: 0; height: 100%;}
	.topHead {position: relative; z-index: 111;}

	.homeGameList li {width: 23.5%; margin-left: 2%;}
	.homeTit {padding: 30px 0 32px 0;}
	.moreHome {margin-top: 50px;}
	.homeGameWrap {padding-bottom: 50px;}
	.homeGiftList li .pic {width: 140px; height: 140px; border: 5px solid #0092ff;}
	.homeGiftList li h3 {font-size: 16px;}
	.homeGiftList li p,.homeRankList li {font-size: 13px;}
	.homeGiftList li a {width: 90px;}

	.homeNewsWrap ul {width: 49%;}
	.homeLinkWrap ul li {margin-right: 16px;}
	.homeNewsWrap ul li .time {width: 52px; margin-right: 8px;}
	.homeNewsWrap ul li h3 {font-size: 15px;}

	#footer .ewm {width: 100%; margin-bottom: 20px;}
	#footer .left {width: 49%; margin: 0; max-width: 100%;}
	#footer .footerM.left {margin-right: 2%;}

	.modal-wrapper {width: 94%;}
	.gameOrder ul li {font-size: 14px;}
	.gameHomeHTop .left {width: 152px; font-size: 17px;}
	.gameHomeHTop .right {width: calc(100% - 166px); font-size: 15px;}
	.gameHomeHList li {margin-left: 50px;}
	.gameHomeHBom p {margin-right: 0;}
	.gameHomeWrap table.gameHomeTable th {font-size: 15px;}
	.gameHomeWrap table td {font-size: 13px;}
	.gameHomeWrap table td:nth-child(3) a {width: 50px;font-size: 14px;}
	.gameHomeWrap table td:nth-child(3) {font-size: 16px;}
	.gameHomeWrap table a.betBtn {width: 52px; font-size: 14px;}
	.coorperList li {height: 148px; margin-bottom: 30px;}
	.coorperList li h3 {font-size: 16px; margin-top: 20px;}

	.cooperBox .page {padding: 25px 0;}
	.contentMain .wrap {padding-top: 20px;}

	.gameAutoH ul li {width: 174px; text-align: right; margin-left: 10px; margin-right: 10px; margin-bottom: 10px;}
	.gameAutoH ul li:first-child {margin-left: 10px;}

	.gameBetB .gameBetBM {width: 100%; text-align: right; margin-top: 12px; margin-bottom: 20px;}
	.gameCont table input {width: 48px; padding: 0 5px; font-size: 14px;}
	.gameRuleWrap table th {font-size: 15px;}
	.giftLeft ul li a {padding-left: 26px;}
	.giftHeadCont p span {font-size: 26px;}
	.giftHeadCont p em {font-size: 15px;}
	.giftHeadCont i {margin: 0 16px;}
	.giftHead {height: 58px; line-height: 58px;}
	.giftHead h3 span {line-height: 20px;}
	.giftList li h3,.giftList li p span {font-size: 13px;}
	.giftList li p a {width: 64px; font-size: 13px;}
	.giftDetalBox table th {font-size: 17px;}
	.giftDFormInner h3 {width: calc(100% - 240px);}
	.giftDetalL .pic {width: 90%;}
	.giftDFormInput {width: 220px;}
	.giftDetalBototm {font-size: 15px;}
	.giftDetalBototm span:first-child {margin-right: 36px;}
	.newsDetaiCotrl .left {width: 100%; text-align: center; margin: 0;}
	.newsDetaiCotrl .right {float: none; width: 400px; margin: 0 auto;}
	.newsDetaiCotrl {margin-bottom: 35px;}

	.rankWrap ul li {font-size: 12px;}
	.homeRankList li em {width: 72px;margin-left: 3px;background-size: 16px;}
	.homeRankList li i {margin-left: 3px; font-size: 10px;}
	.rankWrap ul li span {width: 20px;margin-right: 4px;}
	.rankWrap ul li span em {width: 18px; height: 18px; line-height: 18px; }
	.homeRankList li:nth-child(1) span,
	.homeRankList li:nth-child(2) span,
	.homeRankList li:nth-child(3) span {background-size: 20px;}

	.gameHomeTable1 .gameHdTitle {width: 138px;}
	.gameHomeTable1 .gameHd {width: 100%;}
	.gameHomeWrap .gameHomeTable1 td {padding: 0 8px;}
	.gameNoic {right: 8px;}
	.gameHdWin span em {font-size: 22px;}

}


@media screen and (max-width: 768px) {
	.homeGameList li {width: 49%; margin: 0; margin-right: 2%; margin-bottom: 20px;}
	.homeGameList li:nth-child(2n) {margin-right: 0;}
	.moreHome {width: 130px; margin-top: 24px;}

	.homeGiftList li {width: 50%; margin-bottom: 24px;}
	.homeGiftList li:nth-child(3) .homeGiftInner {border: none;}
	.homeGiftList li .pic {width: 120px; height: 120px;}
	.homeGiftList li h3 {margin-bottom: 5px; font-size: 14px; line-height: 18px; height: 36px; overflow: hidden;}
	.homeGiftList li p, .homeRankList li {font-size: 12px; }
	.homeGiftList li p {line-height: 18px; height: 54px;}
	.homeGift {padding-bottom: 25px;}
	.homeNewsWrap,.homeRankWrap,.homeNewsWrap ul {width: 100%;}
	.homeNewsWrap {margin-bottom: 30px;}
	.homeNewsWrap ul li {margin-top: 20px;}
	.homeLinkWrap ul li {margin-right: 10px;}
	#footer .left {width: 100%; margin: 0; font-size: 12px;}
	#footer {padding: 40px 0 22px 0;}
	#footer .footerM {text-align: center; margin-bottom: 10px;}

	.topNav .logo {position: relative; z-index: 111;}
	.topNav {height: 72px; line-height: 72px;}
	.topNav.on {height: 60px; line-height: 60px;}
	.topNav nav ul {padding-top: 104px;}

	.page:before {background: none;}

	.gameH a {width: 81px; height: 26px; line-height: 26px; font-size: 12px; margin-bottom: 8px; margin-right: 10px;}
	.contentMain .wrap {padding-left: 10px;padding-right: 10px;}
	.gameOrder,.gameOrder ul {height: auto;}
	.gameOrder ul li {height: 36px; line-height: 36px; width: 25%; border: none; border-right: 1px solid #CCC; border-bottom: 1px solid #CCC; box-sizing: border-box;}
	.gameOrder ul li:nth-child(4n) {border-right: none;}
	.gameOrder ul li:last-child {border-bottom: none;}
	.gameOrder ul li a {border: none;}
	.gameOrder {margin-top: 0px;}
	.gameWrap {margin-top: 0px;}
	.gameHomeHTop  {display: none;}
	.gameHomeHTop .left {display: none;width: 100%; height: 84px;}
	.gameHomeHTop .left h3 {padding-top: 15px;}
	.gameHomeHTop .right {width: 100%;}
	.gameHomeHTop .right h3 em {display: block; font-size: 15px; margin-bottom: 5px;}
	.gameHomeHList li {width: 50%; margin: 0; line-height: 32px;}
	.gameHomeHTop .right {font-size: 14px;}
	.gameHomeHList li span {font-size: 20px;}
	.gameHomeHBom p {width: 100%;}
	.gameHomeHBom {line-height: 30px;}
	.gameHomeWrap  {margin-top: 0px;}
	.gameHomeWrap table.gameHomeTable th {font-size: 13px;}
	.gameHomeWrap table.gameHomeTable th:nth-child(4) {display: none;}
	.gameHomeWrap table.gameHomeTable th:nth-child(5) {display: none;}
	.gameHomeWrap table td {font-size: 12px;}
	.gameHomeWrap table td:nth-child(3) a {width: 36px; font-size: 12px; padding: 2px 0;}
	.gameHomeWrap table td:nth-child(3) a.yanz1{display: none;}
	.gameHomeWrap table td:nth-child(3) {font-size: 12px;}
	.gameHomeWrap table td:nth-child(4) {display: none;}
	.gameHomeWrap table td:nth-child(5) {display: none;}
	.gameHomeWrap table a.betBtn {width: 36px; font-size: 12px;}
	.gameHomeWrap .zjrnum{font-size:13px;}
	.gameHomeWrap .tznum{font-size:12px;}

	.modal-wrapper {width: 96%;}
	.modal-body {overflow: auto;}
	.modal-wrapper .wrap {padding: 0; width: 100%;}
	.modal-header h3 {font-size: 14px;}
	.modal-body table {font-size: 12px;}
	.modal-body table td span,.modal-body table td.gameWin {font-size: 13px;}
	.modal-body table td {max-width: 100px;}
	.modal-footer .modal-default-button {right: 10px;}

	.coorperList li {width: 48%; height: 130px; margin-right: 4%; margin-bottom: 20px;}
	.coorperList li:nth-child(2n) {margin-right: 0;}
	.coorperList li h3 {margin-top: 16px; font-size: 15px;}
	.coorperList li p {font-size: 12px;}
	.coorperList {margin-top: 0;}
	.gameAutoH ul li em {font-size: 13px; }
	.gameAutoH ul li {width: 50%; margin: 0; margin-bottom: 6px;}
	.gameAutoH ul li:first-child {margin: 0;}
	.gameAutoH {text-align: left;}
	table.gameTable td {font-size: 12px;}
	.gameAutoB button {width: 120px; font-size: 13px;}
	.gameAutoHInner {width: 92px;}
	.gameBetH a {font-size: 12px; width: 42px; margin: 0 2px 6px 2px;}
	.gameBetH a:nth-child(11n) {margin: 0 2px 6px 2px;}
	.gameBetBei a {width: 22px;}
	.gameBetInput {width: 88px;}
	.gameBetBR .left, .gameBetBM a, .gameBetBE, .gameBetInput input, .gameBetBR button {font-size: 12px;}
	.gameBetBE {width: 64px;}
	.gameBetB .gameBetBR {margin-top: 15px;}
	.gameBetBM a {width: 56px;}
	.gameBetBM {margin-right: 0;}
	.gameCont .left,.gameCont .right {width: 100%;}
	.gameCont .left {margin-bottom: 20px;}
	.gameCont table input {font-size: 12px; width: 50px; padding: 0 2px;}
	.gameCont table a {width: 18px;}
	.gameCont table th {font-size: 14px;}

	.gameRuleWrap {overflow: auto;}
	.gameRuleWrap table th {font-size: 14px;}
	table.gameTable td {max-width: 88px;}

	.giftBox .left,.giftBox .right {width: 100%;}

	.giftLeft h3 {position: relative; font-size: 15px; border-top: 1px solid #6ab7f0;}
	.giftLeft h3:first-child {border-top: none;}
	.giftLeft h3::after{display: block;content: "";width: 18px;height: 18px;background: url('/img/arrow1.png');background-size: 100% 100%;position: absolute;right: 20px;top: 50%;margin-top: -9px;}
	.giftLeft h3.on::after{transform: rotate(-90deg);}
	.giftLeft ul {display: none;}
	.giftBox .left {padding-bottom: 0; margin-bottom: 20px;}

	.giftHead h3 {width: 52px; }
	.giftHeadCont {width: calc(100% - 54px);}
	.giftHeadCont p span {font-size: 18px;margin-right: 8px;}
	.giftHeadCont p em {font-size: 13px;}
	.giftHeadCont i {width: 22px; margin: 0; background-size: 8px;}
	.giftList li {width: 49%; margin-right: 2%;}
	.giftList li:nth-child(3n) {margin-right: 2%;}
	.giftList li:nth-child(2n) {margin-right: 0;}
	.giftList li p span {padding-left: 18px;}
	.giftList li p a {width: 56px;}

	.giftDetalBox table td {font-size: 12px;}
	.giftDetalBox table.giftDetalTable1 td:first-child {font-size: 13px;}
	.giftDetalBox table th {font-size: 15px;}
	.giftDetalWrap .left {width: 100%;}
	.giftDetalBototm {font-size: 13px;}
	.giftDetalBototm span:first-child {margin-right: 26px;}
	.giftDetalL h3 {font-size: 15px;}

	.giftDFormInner h3 {width: 92px;}
	.giftDFormInput {width: calc(100% - 100px);}
	.giftDetalForm {margin-top: 20px;}
	.giftDetalL p {text-align: left;}
	.topHeadCont p {margin-right: 10px; padding-left: 20px;}

	.newsDetaiCotrl {text-align: center; margin-bottom: 15px;}
	.newsDetaiCotrlInner {margin: 0;}
	.newsDetaiCotrl .right {display: inline-block; width: auto; font-size: 12px;}

	.news ul li span {margin-right: 4px;}
	.news ul li {font-size: 13px;}
	.rankWrap .left {width: 100%; margin: 0; margin-bottom: 20px;}
	.rankTitle img {width: 80%;}

	.homeRankList li em {margin-left: 6px;}

	.gameHomeWrap table span.gameNum {width: 12px; background-size: 120px; margin-left: 0px; margin-right: 0px;}
	.gameHomeWrap table span.gameNum.gameNum0 {background-position: -109px center;}
	.gameHomeWrap table span.gameNum.gameNum1 {background-position: 0 center;}
	.gameHomeWrap table span.gameNum.gameNum2 {background-position: -12px center;}
	.gameHomeWrap table span.gameNum.gameNum3 {background-position: -25px center;}
	.gameHomeWrap table span.gameNum.gameNum4 {background-position: -37px center;}
	.gameHomeWrap table span.gameNum.gameNum5 {background-position: -49px center;}
	.gameHomeWrap table span.gameNum.gameNum6 {background-position: -61px center;}
	.gameHomeWrap table span.gameNum.gameNum7 {background-position: -73px center;}
	.gameHomeWrap table span.gameNum.gameNum8 {background-position: -85px center;}
	.gameHomeWrap table span.gameNum.gameNum9 {background-position: -97px center;}
	.gameHomeWrap table span.gameNumR {width: 20px; height: 20px; margin-left: 0;}
	.gameHomeWrap table td:nth-child(3) p {margin-right: 0;}

	.gameHomeWrap table.gameHomeTable1 {margin-top: 20px; margin-bottom: 20px;}
	.gameHomeTable1 .gameHdTitle {width: 75px;}
	.gameHomeTable1 .gameHd {font-size: 12px;}
	.gameHomeWrap .gameHomeTable1 td {padding: 0 4px;}
	.gameNoic {font-size: 12px; padding: 0 4px; top: 4px; right: 4px;}
	.gameHomeWrap .gameHomeTable1 td.gameHdKai {padding-right: 64px;}
	.gameHdWin span {display: inline-block; margin-left: 0; margin-right: 12.5%;}
	.gameHdWin span:last-child {margin-right: 0;}
	.gameHdWin span em {font-size: 20px;}
	.gameHdTotal .right span {display: inline-block; margin-left: 0; margin-right: 20px;}
	.gameHdTotal .right span:last-child {margin-right: 0;}

	.gameGetM {font-size: 12px;}

}

@media screen and (max-width: 420px) {
	.gameH a {width: 81px; margin-right: 10px;}



}
@media screen and (max-width: 380px) {
	.gameH a {width: 77px; margin-right: 4px;}



}
@media screen and (max-width: 320px) {
	.gameH a {width: 88px; height: 24px; line-height: 24px; margin-right: 4px; margin-bottom: 5px;}
	.gameHomeWrap table td {font-size: 10px;}
	.gameHomeWrap table a.betBtn {font-size: 10px;}

	.gameAutoHInner {width: 76px; }
	.gameAutoH ul li em {font-size: 12px;}
	.gameBetInput {width: 68px; padding: 0 4px;}
	.gameBetBM a {width: 52px;}

	.gameCont table input {width: 40px; font-size: 10px;}
	.giftHeadCont p span {font-size: 16px; margin-right: 2px;}
	.giftHeadCont p em {font-size: 12px;}

	.giftDetalBox table td {font-size: 10px;}
	.giftDetalBox table.giftDetalTable1 td:first-child {font-size: 12px;}

}




/*2018-12-11*/
/*游戏中心-投注记录*/
.gameRecord {min-height: 300px;}
.gameReView {color: #fff; background: #66BEFF; padding: 2px 6px; border-radius: 4px;}
.gameReView:hover {background: #0482E0;}
.gameReBao {color: #1B9AF7;}
.gameReBao:hover {text-decoration: underline;}

.gameReChaH {margin-bottom: 10px;}
.gameReChaH h4 {text-align: center; line-height: 26px;}
.gameReChaH h4:first-child {font-size: 15px;}
.gameReChaH h4 span {margin: 0 20px;}
.gameReChaH h4 span em {padding-right: 22px; background: url(/img/ico_money.png) no-repeat right center;}

.gameReTable {margin-bottom: 40px; border-bottom: 1px solid #ccc;}
.gameReTable span.num {display: inline-block; width: 26px; height: 26px; line-height: 26px; text-align: center; color: #fff; background: #C91104; border-radius: 50%;}

.modal-mask {overflow: auto;}
.modal-wrapper {margin: 40px 0;}

.modal-wrapper1 {top: 8%; transform: translate(-50%,0);}
.modal-wrapper1 .wrap {width: 800px;}
.modal-wrapper1 .modal-footer .modal-default-button {right: 10px;}

/*游戏中心-编辑模式*/
.gameEditH {}
.gameEditH .gameBetBM,
.gameEditH .gameBetBR {float: left;}
.gameEditH .gameBetBE {margin-left: 0; margin-right: 20px;}
.gameEditTit {margin-bottom: 10px}
.gameEditTit h3 {font-size: 16px; line-height: 30px;}
.gameEditB {margin-top: 15px;}
.gameEditBTit {}
.gameEditBTit h3 {font-weight: 600;}
.gameEditCont {}
.gameEditInner {float: left;}
.gameEditInner1 {margin: 0 20px 0 30px;}
.gameEditCont h4 {display: inline-block; font-weight: 600; vertical-align: middle;}
.gameEditCont .inputW {display: inline-block; height: 26px; padding: 0 10px; line-height: 26px; font-size: 0; border: 1px solid #ccc; vertical-align: top;}
.gameEditCont .inputW input {width: 80px; font-size: 14px; vertical-align: middle;}
.gameEditCont button {height: 26px; width: 50px; text-align: center;  border-radius: 4px; vertical-align: middle; cursor: pointer;}
.gameEditCont button.gameEditXiu {color: #fff; background: #1B9AF7;}
.gameEditCont button.gameEditDel {margin-left: 6px; background: #D6D6D6;}

/*游戏中心-盈利统计*/
.gameWinWrap {margin-top: 15px;}
.gameWinTable {width: 100%; text-align: center;}
.gameWinTable th {height: 50px; font-weight: normal; font-size: 16px;}
.gameWinTable tr:last-child td {background: #eee; font-weight: 600;}

/*游戏中心-走势图*/
.gameTrendWrap {margin-top: 15px;}
.gameTrendWrap .gameAutoHInnerSelect {width: 110px; margin-top: 2px;}
.gameTrendWrap .gameAutoHInnerSelect select {font-size: 13px;}

.gameTrendWrap table {width: 100%;}





@media screen and (max-width: 992px) {
	.gameReView,
	.gameReBao {font-size: 13px;}

	.modal-wrapper1 .wrap {width: 100%;}

	.gameBetB .gameBetBM {width: auto; margin-top: 0;}

	.gameTrendWrap {overflow: auto;}
	.gameTrendWrap table {min-width: 864px;}

	.gameTrendWrap::-webkit-scrollbar-track-piece {
    background-color: rgba(0, 0, 0, 0);
    border-left: 1px solid rgba(0, 0, 0, 0);
	}
	.gameTrendWrap::-webkit-scrollbar {
    width: 80px;
    height: 3px;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
	}
	.gameTrendWrap::-webkit-scrollbar-thumb {
    background-color: #c9e4fc;
    background-clip: padding-box;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    min-height: 2px;
	}
	.gameTrendWrap::-webkit-scrollbar-thumb:hover {
    background-color: #c9e4fc;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
	}



}
@media screen and (max-width: 768px) {
	.gameReView,
	.gameReBao {font-size: 12px;}
	.gameReView {padding: 2px 2px;}

	.gameReChaH h4 {font-size: 12px;line-height: 20px;}
	.gameReChaH h4:first-child {font-size: 12px;}
	.gameReChaH h4 span {display: inline-block; margin: 0 4px;}
	.gameReChaH h4 span em {padding-right: 16px; background-size: 14px;}
	.gameReTable span.num {width: 20px; height: 20px; line-height: 20px;}

	.gameHomeWrap .page {padding: 26px 0;}
	.gameEditInner {width: 100%; margin-bottom: 15px;}
	.gameEditInner1 {width: auto; margin-left: 0; margin-bottom: 0;}
	.gameEditBTit h3,.gameEditTit h3 {font-size: 14px;line-height: 24px;}
	.gameEditCont h4 {font-size: 13px;}
	.gameEditCont button {width: 46px; font-size: 12px;}
	.gameEditTit {dominant-baseline: 6px;}
	.gameEditH .gameBetB {margin-top: 10px;}
	.gameEditH .gameBetB .gameBetBR {margin-top: 0; margin-bottom: 15px;}
	.gameEditH .gameBetB .gameBetBM {margin-bottom: 10px;}
	.gameEditH .gameBetBE {margin-right: 3px; }

	.gameWinTable th {font-size: 13px;height: 36px;}
	table.gameWinTable td {height: 30px;}


}

@media screen and (max-width: 420px) {
	.gameReL {width: 38px;}
	.gameReView {display: inline-block; width: 26px;}
}
@media screen and (max-width: 320px) {
	.gameReView,
	.gameReBao {font-size: 10px;}


}