.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;}

/*隐藏注册推广*/
/*#form_register .loginInner:nth-child(7),*/
#form_register .loginInner:nth-child(8){ display: none; }


/*top*/
.topHead {height: 32px; line-height: 32px; color: #fff; font-size: 12px; background: #2c3031;}
.topHead h2 {float: left;}
.topHead .qq{float: left; padding-left: 20px; color: #fff; text-decoration: underline; margin-left: 5px; background: url(../images/ico_QQ.png) no-repeat left center;}
.topHeadCont {float: right;}
.topHeadCont p {float: left; padding-left: 24px; /*margin-right: 20px;*/ background: url(../images/ico_user.png) no-repeat left center;}
.topHeadContW {float: left; }
.topHeadInner a{color: #fff;}
.topHeadInner span {margin: 0 5px;}
.topHeadInner span#user{ margin-left: 0; }
.topHeadInner a {color: #fff; }
.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(../images/ico_top_ico1.png);}
.topHeadInner em.ico2 {background-image: url(../images/ico_top_ico2.png);}
.topHeadInner em.ico3 {background-image: url(../images/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; margin-left: 45px; }
.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: right; height: 32px; margin-top: 33px; line-height: 32px; background: #fff;}
.topNav nav ul {}
.topNav nav ul li {float: left; margin-left: 25px; 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 22px; color: #2c3031; }
.topNav nav ul li.active a,
.topNav nav ul li:hover a {color: #fff; background: #607d8b;}

.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: #607d8b; border-radius: 6px; right: 3%; 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;}
#footer .left a{ text-decoration: underline; color: #fff; }
.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(../images/ico_tel.png); }
#footer ul li > span.ico2 {background-image: url(../images/ico_email.png); }
#footer ul li > span.ico3 {background-image: url(../images/ico_QQ_big.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 { width: 420px; position: fixed; z-index: 111; top: 50%; left: 50%; transform: translate(-50%,-50%); display: none; padding: 20px 40px 15px; color: #fff; background: #2c3031; border-radius: 5px;   box-sizing: border-box;}*/
.loginTan { width: 350px; position: fixed; z-index: 111; top: 50%; left: 50%; transform: translate(-50%,-50%); display: none; box-sizing: border-box; }
.loginTan a {color: #607d8b;}
.loginTan a:hover {text-decoration: underline;}
.loginTan h2 { font-size: 18px; font-weight: 600;}
.loginInner {height: 38px; margin-top: 5%; line-height: 38px;}
.loginInput {padding: 0 10px; font-size: 0; background: #fff; border-radius: 2px;}
.loginInput input {width: 100%; font-size: 14px; vertical-align: middle;}
.loginInnerYz {}
.loginInnerYz .loginInput {float: left; width: 64%; box-sizing: border-box;}
.loginInnerYz span {float: right; height: 100%; width: 33%; text-align: center; color: #fff; background: #607d8b; cursor: pointer;}
.loginInnerYz #btnSendCode{float: right; height: 100%; width: 33%; text-align: center; color: #fff; background: #607d8b; cursor: pointer;}
.loginInnerYz span img { width: 100%; height: 38px; }
.loginMark { margin: 3% 0; font-size: 14px;}
.loginMark p {float: left;}
span.chooseBtn {display: inline-block; width: 12px; height: 12px; margin-top: -2px; margin-right: 6px; border: 1px solid #fff; border-radius: 2px; vertical-align: middle;} 
span.chooseBtn.on {background: url(../images/dui.png) no-repeat center;}
#loginInfo,#registerInfo,#resetInfo{ color: #f44336; font-size: 14px; }
/*.loginMark p label {vertical-align: middle;}*/    
.loginMark a {float: right;}
/*.loginTan.loginTanR .loginMark a{ color: #fff; text-decoration: underline; }*/
.loginSure {width: 100%; height: 48px; margin:0 0 3%; text-align: center; line-height: 48px; font-size: 18px; font-weight: 600; color: #fff; background: #607d8b; border-radius: 3px; 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;
    }
.loginSure:hover {
    background: #607d8b;  
    -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;
}
.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: #607d8b; position: absolute; left: 0; top: 50%;} 
.loginBottom:after {display: block; content: ""; width: 46px; height: 1px; background: #607d8b; position: absolute; right: 0; top: 50%;} 

.loginTanS .loginSure{margin-top: 5%;}
.loginClose {position: absolute; width: 36px; height: 36px; /*background: url(../images/close_btn1.png) no-repeat center;*/background: url(../images/close_btn1_a.png) no-repeat center; top: 1%; right: 1%; 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(../images/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: #607d8b;}
.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: #607d8b;}

.homeGameWrap { 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: 3px; color: #fff; background: #607d8b;}
.homeGameBg a:hover {color: #fff; background: #607d8b;}
.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: #607d8b; border-radius: 25px;}
.moreHome:hover {background: #607d8b;}

.homeGift {padding-bottom: 58px; background:#333;/*background: url(../images/home_bg1.jpg) no-repeat center; background-size: cover;*/}
.homeGiftWrap {margin-top: 10px;}
.homeGiftList {}
.homeGiftList li {float: left; width: 12.5%; 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  #607d8b/*#ee5e69*/; 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(../images/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: #607d8b; border-radius: 17px;}
.homeGiftList li a:hover {background: #607d8b;}
.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: 0 0 35px;}
.homeNews .left {float: left; }
.homeNews .right {float: right; }
.homeNewsWrap {width: 63%;}

.homeRank{ display: flex; }
.equipRank{ margin: 0 5%; }

.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 #607d8b;}
.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: #607d8b/*#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: #607d8b;}
.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(../images/rank_ico1.png) no-repeat center;}
.homeRankList li:nth-child(2) span {background: url(../images/rank_ico2.png) no-repeat center;}
.homeRankList li:nth-child(3) span {background: url(../images/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:nth-child(1) span i, 
.homeRankList li:nth-child(2) span i, 
.homeRankList li:nth-child(3) span i {
    display: none;
}
.homeRankList li p {color: #676767;}
.homeRankList li em {width: 86px; margin-left: 8px; text-align: right; display: inline-block; padding-right: 24px; background: url(../images/ico_money.png) no-repeat right center; color: #607d8b;font-weight: bold;}
.homeRankList li i {width: 76px; margin-left: 4px; font-size: 13px; color: #607d8b;}

.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(../images/ico_jt_l.png) no-repeat center;}
.homeLinkWrap .bx-wrapper .bx-prev:hover {background: url(../images/ico_jt_l_a.png) no-repeat center;}
.homeLinkWrap .bx-wrapper .bx-next {right: -36px; background: url(../images/ico_jt_r.png) no-repeat center;}
.homeLinkWrap .bx-wrapper .bx-next:hover {background: url(../images/ico_jt_r_a.png) no-repeat center;}

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


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

.news {}
.news ol {}
.news ol li {height: 58px; line-height: 58px; font-size: 16px; border-bottom: 1px dashed #b3b3b3;}
.news ol li a:hover, .news ol li a:hover em {color: #607d8b;}
.news ol li a:hover span {background: url(../images/ico_sj_a.png) no-repeat center;}
.news ol li a {height: 100%;}
.news ol li span {width: 8px; height: 100%; margin-right: 8px; background: url(../images/ico_sj.png) no-repeat center;}
.news ol li p {}
.news ol 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: #607d8b; 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; vertical-align: top; border-radius: 50%;}
/*.page i:hover {background-color: #e5e5e5;}*/
.page i.pre { margin-left: 0; background: url(../images/page_jt_l.png) no-repeat center;}
/*.page i.pre:hover { background: #e5e5e5 url(../images/page_jt_l.png) no-repeat center;}*/
.page a.pre {display: inline-block; width: 26px; height: 100%; margin: 0 3px; border: 1px solid #CCC; cursor: pointer; vertical-align: top; border-radius: 50%; margin-left: 0; background: url(../images/page_jt_l.png) no-repeat center;}
.page a.pre:hover { background: #e5e5e5 url(../images/page_jt_l.png) no-repeat center;}
/*.page i.active.pre {background: #b6983d url(../images/page.png) no-repeat center;}*/
.page i.next { margin-right: 0; background: url(../images/page_jt_r.png) no-repeat center;}
/*.page i.next:hover {background: #e5e5e5 url(../images/page_jt_r.png) no-repeat center;}*/
.page a.next {display: inline-block; width: 26px; height: 100%; margin: 0 3px; border: 1px solid #CCC; cursor: pointer; vertical-align: top; border-radius: 50%; margin-right: 0; background: url(../images/page_jt_r.png) no-repeat center;}
.page a.next:hover {background: #e5e5e5 url(../images/page_jt_r.png) no-repeat center;}
/*.page i.active.next {background: #b6983d url(../images/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.thisclass {color: #fff; background: #607d8b; 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: #607d8b;}
.newsDetaiCotrlInner span {display: inline-block; cursor: pointer;}
.newsDetaiColor span {width: 12px; height: 12px; margin-right: 2px;}
.newsDetaiColor span.colorLan {background: #607d8b;}
.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; /*padding-left: 150px;*/ }
.newsDetaiWrap p a{ color: #607d8b; text-decoration: underline; }
/*.newsDetaiWrap p:nth-child(1){padding-left: 100px;}
.newsDetaiWrap p:nth-child(2){padding-left: 100px;}*/
.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: #607d8b;}


/*游戏中心*/
.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 #607d8b;}
.gameH a:hover {background: #f2f2f2;}
.gameH a.col4 {border-color: #f24a00; color: #f24a00;}
.gameH a.active.col4 {background: #f24a00;}
.gameH a.col3 {border-color: #1B9AF7; color: #1B9AF7;}
.gameH a.active.col3 {background: #1B9AF7;}
.gameH a.col2 {border-color: #ff9600; color: #ff9600;}
.gameH a.active.col2 {background: #ff9600; }
.gameH a.col5 {border-color: #af48b7; color: #af48b7;}
.gameH a.active.col5 {background: #af48b7;}
.gameH a.col6 {border-color: #6441F1; color: #6441F1;}
.gameH a.active.col6 {background: #6441F1;}
.gameH a.col1 {border-color: #093; color: #093;}
.gameH a.active.col1 {background: #093;}
.gameH a.active {color: #fff; background: #607d8b;}
.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(../images/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(../images/ico_num22.png);}
.gameHomeWrap table span.gameNumR.gameNumR15 {background-image: url(../images/ico_num15.png);}

.gameC { padding: 20px; margin-top: 20px; line-height: 30px; font-size: 16px; border-radius: 3px; border: 1px solid #607d8b; overflow: hidden; }

.gameC[color='col1'] {border-color: #093; color: #093;}
.gameC[color='col2'] {border-color: #ff9600; color: #ff9600;}
.gameC[color='col3'] {border-color: #1B9AF7; color: #1B9AF7;}
.gameC[color='col4'] {border-color: #f24a00; color: #f24a00;}
.gameC[color='col5'] {border-color: #af48b7; color: #af48b7;}
.gameC[color='col6'] {border-color: #6441F1; color: #6441F1;}

.gameOrder {height: 50px; margin-top: 20px; line-height: 50px; border-radius: 3px; border: 1px solid #607d8b; 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: #607d8b; border-left: 1px solid #607d8b;}
.gameOrder ul li:first-child a {border-left: none;}
.gameOrder ul li.active a {color: #fff; background: #607d8b;}

.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: #607d8b; border-radius: 5px;}
.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; font-size: 15px;}
.gameHomeWrap table td:first-child {border-left: none;}
.gameHomeWrap table td:nth-child(1) { font-weight: 600}
.gameHomeWrap table td:nth-child(2) {color:#607d8b;}
.gameHomeWrap table td:nth-child(3) ,.gameHomeWrap table td:nth-child(4) { text-align: left; padding: 0 10px; }
.gameHomeWrap table td:nth-child(3) span {color: #607d8b;} 
.gameHomeWrap table td:nth-child(3) a {display: inline-block; width: 40px; text-align: center; padding: 2px 0; color: #fff; background: #607d8b; border-radius: 5px; font-size: 14px; }
/*.gameHomeWrap table td:nth-child(3) a.yanz1 {display: inline-block;}*/
.gameHomeWrap table td:nth-child(3) a:hover {background: #607d8b;}
.gameHomeWrap table td:nth-child(3) p {display: inline-block; margin-right: 8px;}
.gameHomeWrap table td:nth-child(4) p {display: inline-block; padding-left: 25px; background: url(../images/ico_money.png) no-repeat left center; color: #607d8b;}
/*.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: 15px;border-radius: 5px; cursor: none; } 
.gameHomeWrap table a.betBtn[disabled]{ cursor: no-drop; pointer-events: none;}
.gameHomeWrap table a.betBtn.betT {color: #fff; background: #9e9e9e; }
/*.gameHomeWrap table a.betBtn.betT:hover {background: #607d8b;}*/
.gameHomeWrap table a.betBtn.betK {color: #fff; background: #607d8b; cursor: no-drop; pointer-events: none;}
/*.gameHomeWrap table a.betBtn.betK:hover {background: #e97e01;}*/
.gameHomeWrap table a.betBtn.betY {color: #607d8b; border: 1px solid #CCC; }
.gameHomeWrap table a.betBtn.betY:hover {background: #f4f4f4;}
.gameHomeWrap .page {margin-top: 20px; padding: 40px 0;}
.gameHomeWrap .zjrnum{color:#607d8b;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:#607d8b;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: #607d8b;}
.modal-body table td.gameWin {font-size: 18px;}
.modal-footer {}
.modal-footer .modal-default-button {position: absolute; width: 36px; height: 36px; top: 5px; right: 5px; background: url(../images/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(../images/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: 5px; 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: #607d8b;}
.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: #607d8b;}
.gameBetM a:hover {background: #607d8b;}

.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(../images/game_bet_ico1.png); }
.gameBetBei a.gameBetBei2 {background-image: url(../images/game_bet_ico2.png); }
.gameBetBei a.gameBetBei3 {background-image: url(../images/game_bet_ico3.png); }
.gameBetBei a.gameBetBei4 {background-image: url(../images/game_bet_ico4.png); }
.gameBetBei a.gameBetBei5 {background-image: url(../images/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: #607d8b; border-radius: 16px;}
.gameBetBE:hover {background: #607d8b;}

.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: #607d8b; border-radius: 16px; vertical-align: top;}
.gameBetBM a:first-child {margin-left: 0;}
.gameBetBM a:hover {background: #607d8b;}

.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: #607d8b; cursor: pointer;}
.gameBetBR .left {margin-left: 8px;}
.gameBetBR .left span {color: #607d8b;}

.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: #607d8b; background-image: url(../images/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: 5px; 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(../images/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: #607d8b; border-radius: 18px; cursor: pointer;}
.gameAutoB button:hover {background: #607d8b;}

.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(../images/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: 0px; border: 1px solid #CCC;border-radius: 5px; overflow: hidden; }
.giftLeft h3 {height: 50px; line-height: 50px; font-size: 16px; color: #fff; background: #607d8b;}
.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: 10px; color: #808080;}
.giftLeft ul li a:hover {color: #607d8b; background: #f3f3f3;}

.giftBox .right {float: right; width: 920px;}
.giftHead {height: 50px; line-height: 50px; border: 1px solid #CCC;border-radius: 5px; overflow: hidden;}
.giftHead h3 {float: left; width: 165px; font-size: 16px; text-align: center; color: #fff; background: #607d8b;}
.giftHead h3 span {display: inline-block; line-height: 24px; vertical-align: middle;}
.giftHeadCont {float: right; width: calc(100% - 165px); 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: 22px; color: #607d8b; font-style: italic; vertical-align: top;}
.giftHeadCont p em {font-size: 16px;}
.giftHeadCont i {width: 30px; height: 30px; margin: 0 62px; vertical-align: middle; background: url(../images/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: #607d8b;}
.giftList li .pic {border-radius: 5px;}
.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(../images/ico_money.png) no-repeat right center; color: #607d8b;font-weight: bold;}
.giftList li p a {float: right; width: 106px; height: 100%; text-align: center; color: #fff; background: #607d8b; border-radius: 13px;}
.giftList li p a:hover {background: #607d8b;}
.giftListInner {padding: 0 12px;}

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

.gidtWrap.payform{ margin: 100px 0 150px; }

.gidtWrap form#change dt{ margin-bottom: 25px; }
.gidtWrap form#change dd{ display: none; }
.gidtWrap form{ width: 410px; color: #666; font-size: 16px; margin: 0 auto; overflow: hidden;}
input::-webkit-inner-spin-button{ 
    -webkit-appearance: none !important;    
    margin: 0;    
    -moz-appearance: textfield; 
}
.gidtWrap form input,
.gidtWrap form select,
.gidtWrap form dl dt #sum { display: block; height: 40px; line-height: 40px; font-size: 15px; padding: 0 10px; outline: none; border: none; border-radius: 2px; border: 1px solid #ccc; box-sizing: border-box; }
.gidtWrap form select{ -webkit-appearance: auto; }
.gidtWrap form dl{ margin-top: 10px; }
.gidtWrap form dl dt,.gidtWrap form dl dd{ line-height: 40px;}
.gidtWrap form dl dt span{ display: block; width: 85px; float: left;  text-align: right; }
.gidtWrap form dl dt #sum{ width: 325px; text-align: left; color: #607d8b; }
.gidtWrap form dl dt input,
.gidtWrap form dl dt select{ float: left; width: 325px; }
.gidtWrap form dl dt input[type='radio']{ -webkit-appearance: auto; width: 15px; }
.gidtWrap form dl dt div{ display: block; float: left; width: 65%;}
.gidtWrap form dl dd{ padding-left: 85px; }
.gidtWrap form dl dt label{ display: block; width: 120px; margin: 0; float: left; height: 40px; line-height: 40px; }
.gidtWrap form dl dt label input{ width: 15px; height: 15px; margin-top: 13px; margin-right: 5px;}
.gidtWrap form dl.payBtn{ margin-top: 50px; }
.gidtWrap form dl.payBtn span{ color:transparent; }
.gidtWrap form input.submit{ height: 45px; line-height: 45px; cursor: pointer; background: #607d8b; border:1px solid #607d8b; color: #fff; font-size: 18px; border-radius: 25px;}
/*礼品兑换-详情页*/
.giftDetalBox {}
.giftDetalBox table {width: 100%; text-align: center; border: 1px solid #CCC; border-radius: 5px; overflow: hidden;}
.giftDetalBox table th {height: 52px; font-size: 18px; font-weight: normal; color: #fff; background: #607d8b;}
.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: #607d8b;}
.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: #607d8b;} 
.giftDetalBototm {height: 50px; margin-top: 30px; line-height: 50px; text-align: center; font-size: 16px; color: #fff; background: #607d8b;}
.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: #607d8b;}
.giftDFormInputYz a:hover {background: #607d8b;}
.giftDFormInputYz a img {width: 100%; height: 100%;}
.giftDFormInner button {width: 100%; height: 40px; line-height: 40px; font-size: 16px; color: #fff; background: #607d8b; border-radius: 20px; cursor: pointer;}
.giftDFormInner button:hover {background: #607d8b;}
.giftDFormInputSure {border: none; margin-top: 20px;}

/*排行榜*/
.rankTitle {text-align: center; }
.rankWrap {margin: 48px 0;}
.rankWrap .left {float: left; width: 382px;; margin-left: 24px; border: 1px solid #CCC; border-radius: 5px; 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: #607d8b;}
.rankWrap ul {margin-top: 0;}
.rankWrap ul li {height: 45px; line-height: 45px; padding: 0 12px 0 10px;}
.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(../images/ico_money.png) no-repeat right center; color: #607d8b;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: #607d8b;border-radius: 5px;}
.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: #607d8b; 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: #607d8b;}
.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: #607d8b; margin-right: 4px;}
.gameGetM a:hover {color: #607d8b;}
.gameGetM span {color: #607d8b; cursor: pointer; }
.gameGetM span:hover {color: #607d8b;}

@media screen and (max-width: 1600px) {
    
    .homeGiftList li {width: 25%; }
    .homeGiftList li:nth-child(1),.homeGiftList li:nth-child(2),.homeGiftList li:nth-child(3),.homeGiftList li:nth-child(4){margin-bottom: 40px;}
    .homeGiftList li:nth-child(5) .homeGiftInner {border: none;}
}

@media screen and (max-width: 1440px) {
    .giftHead h3 {width: 140px; }
    .giftHeadCont {width: calc(100% - 140px);}
    .contentMain .wrap{ min-height: auto; }
}

@media screen and (max-width: 1366px) {
    .wrap,
    .contentMain .wrap {width: 94%;box-sizing: border-box;}
    .contentMain .wrap {padding: 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: 73.5%;}
    .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;}
    
    .rankWrap{ margin: 30px 0; }
    
    .rankWrap h3{ height: 50px; line-height: 50px }
    
}

@media screen and (max-width: 1280px) {
    .topNav .logo {margin-left: 20px;}
    .topNav nav ul li {margin-left: 20px;}
    .topNav nav ul li a {padding: 0 20px;}
    .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;}

    .giftHead h3 {width: 120px; }
    .giftHeadCont {width: calc(100% - 120px);}
    
}
@media screen and (max-width: 1250px) {
    .topNav .logo {margin-left: 18px;}
    .topNav nav ul li {margin-left: 18px;}
    .topNav nav ul li a {padding: 0 18px;}
}
@media screen and (max-width: 1140px) { 
    .topNav .logo {margin-left: 14px;}
    .topNav nav ul li {margin-left: 14px;}
    .topNav nav ul li a {padding: 0 14px;}
    
    .homeGameBg p{ display: none; }

    .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;}
    
    .giftHead h3{ width: 100px; }
    .giftHeadCont{width: calc(100% - 100px);}

    
    .gameHomeWrap table.gameHomeTable th:nth-child(5) {display: none;}
    .gameHomeWrap table td:nth-child(5) {display: none;}
}

@media screen and (max-width: 1024px) {
    
    
    .gameHomeHList li {margin-left: 76px;}
    
    .gameHomeTable1 .gameHd {font-size: 16px;}
    .gameHomeWrap .gameHomeTable1 {font-size: 14px;}
    
    .gameC{ padding: 15px; font-size: 15px; }
}



@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 .logo {margin-left: 0;}
    .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;}
    .moreHome {margin-top: 50px;}
    .homeGameWrap {padding-bottom: 50px;}
    .homeGiftList li .pic {width: 140px; height: 140px; border: 5px solid #607d8b;}
    .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: 14px;}
    .gameHomeWrap table td:nth-child(1) {font-size: 15px;}
    .gameHomeWrap table td:nth-child(3) a {font-size: 13px;}
    /*.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;}
    
    .gidtWrap.payform{ margin: 70px 0 80px; }
    
    .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 em {font-size: 15px;}
    .giftHeadCont i {margin: 0 16px;}
    
    .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) { 
    .gameC{ padding: 10px; font-size: 14px; }

    .gameHomeWrap table td:nth-child(3) ,.gameHomeWrap table td:nth-child(4) { padding: 0 2px 0 5px; }
    .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;}
    .homeGameWrap {padding-bottom: 10px;}
    .homeGameBg p{ display: none;}
    .homeGiftList li {width: 50%; margin-bottom: 24px!important;}
    .homeGiftList li:nth-child(2n+1) .homeGiftInner {border: none;}
    .homeGiftList li a{ margin-top: 0; height: 28px; line-height: 28px;}
    .homeGiftInner{ padding-bottom: 0; }
    .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: 70px; line-height: 70px;}
    .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 { width: 100%; padding: 15px;}
    .gidtWrap.payform{ margin: 50px 0 60px; }
    .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;}
    .gameC {margin-top: 10px;}
    .gameWrap {margin-top: 20px;}
    .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 td:nth-child(4) {display: none;}

    .gameHomeWrap table td {font-size: 12px;}
    .gameHomeWrap table td:nth-child(1) {font-size: 13px;}
    .gameHomeWrap table td:nth-child(3) a {width: 36px; font-size: 12px; padding: 2px 0;}
    .gameHomeWrap table td:nth-child(3) a{display: none;}
    .gameHomeWrap table td:nth-child(3) {font-size: 12px;}
   
    
    .gameHomeWrap table a.betBtn {width: 45px; 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 #fff;}
    .giftLeft h3:first-child {border-top: none;}
    .giftLeft h3::after{display: block;content: "";width: 18px;height: 18px;background: url('../images/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;}
    
    .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 ol li span {margin-right: 4px;}
    .news ol 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: 520px) { 
    .topHead h2{ display: none; }
    
    .topHead .qq{ margin-left: 0!important; }

    .gameHomeWrap table.gameHomeTable th:nth-child(2) {display: none;}
    .gameHomeWrap table td:nth-child(2) {display: none;}

    .gameH a{ width: 24%; margin-right: 1%; box-sizing: border-box;}
    .gameH a:nth-child(4n){ margin-right: 0 }
    .gameC{ padding: 5px; font-size: 13px; }

}
@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;}*/
   .topHead h2{ display: block; }
    .topHead .qq{ display: none; }
   
    .gameC{ padding: 5px; font-size: 12px; }
    
}
@media screen and (max-width: 320px) { 
    .gameH a { height: 24px; line-height: 24px; 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: #607d8b;}
.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(../images/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) {
    
    .homeRank{ display: block; }
    .equipRank{ margin: 0; }

    .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;}
    .giftHead h3{ width: 80px; }
    .giftHeadCont{width: calc(100% - 80px);}
}
    

@media screen and (max-width: 480px) { 
    .topNav {
        /*height: 60px;
        line-height: 60px;*/
    }
    .homeTit {
        padding: 10px 0;
    }
    .homeGameWrap {
        padding-bottom: 0px;
    }
    .homeGameList li{ margin-bottom: 10px;}
    .moreHome{ margin-top: 5px; height: 35px; line-height: 35px;}
    .homeNews {
        padding: 10px 0;
    }

    .homeNewsTit{ margin-bottom: 14px;}
    .homeNewsWrap ul li {
        margin-top: 14px;
    }
    .homeNewsWrap {
        margin-bottom: 10px;
    }
    .homeRankWrap{ margin: 10px 0; }
    .homeLinkBox{ padding-bottom: 25px; }
    
    .news.contentMain{ margin: 0;}
    .contentMain .wrap{ padding: 10px;}
    .page{ padding: 20px 0;}
    
    .newsDetailH{ padding: 5px;}
    .newsDetailH h2{ font-size: 18px;}
    .newsDetaiCotrl{ margin: 10px 0; line-height: 20px;}
    .newsDetaiWrap p{ margin-bottom: 10px; font-size: 14px; line-height: 24px}
    .newsDetaiWrap .m-list-flex{ display: table;}
    .jumpPage{ margin-top: 0; padding: 15px 0 0;}
    .jumpPage p{ margin-bottom: 15px;}
    /* 登录注册全屏 */
    .loginTan{ width: 85%; /*padding: 15px 30px 15px;*/ }

    /* .topNav,.topNav.on,.topHead{ z-index: 0;}
    .loginTan{ height: 100%; padding-top: 20%;}
    .loginTan h2{ text-align: center; font-size: 24px; margin-bottom: 30px;} */
    .contentMain{ margin: 10px 0;}
    .gidtWrap .page{ margin-top: 0; padding: 0px 0 20px;}
    
    .rankWrap {
        margin-top: 20px;
        padding-bottom: 0px;
    }
    .rankWrap .left{
        border: 1px solid #607d8b;
        border-radius: 5px;
    }
    .rankWrap h3{ height: 40px; line-height: 40px;}


    
    .gidtWrap{ margin-top: 10px; }
    .giftHead h3{ font-size: 15px; }

    .gidtWrap.payform{ margin: 10px 0 15px; }
    .gidtWrap form#change dt{ margin-bottom: 0; }
    .gidtWrap form{ width: 100%; font-size: 14px;}
    .gidtWrap form dl{ margin-top: 0; }
    .gidtWrap form dl dd{ padding-left: 0; }
    .gidtWrap form dl dt input,
    .gidtWrap form dl dt select,
    .gidtWrap form dl dt #sum{ width: 100%; font-size: 14px; }
    .gidtWrap form dl dt span{ text-align: left; }
    /*.gidtWrap form dl.payBtn{ margin-top: 15px; }*/
    .gidtWrap form dl.payBtn span{ display: none; }
    .gidtWrap form input.submit{ font-size: 16px; }
}
@media screen and (max-width: 390px) {
    .giftHead h3{ display: none; }
    .giftHeadCont{ width: 100%; }
    .gidtWrap form dl dt label{ width: 100px; }
}   
@media screen and (max-width: 320px) {
    .gameReView,
    .gameReBao {font-size: 10px;}
    
    
}