@charset "utf-8";
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td,header,hgroup,nav,section,article,aside,footer,figure,figcaption,menu,button{margin:0;padding:0;outline:0}
body{line-height:1.5;font-size:14px;-webkit-text-size-adjust:none;-webkit-tap-highlight-color:rgba(255,255,255,0)}
h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:400}
table{border-collapse:collapse;border-spacing:0}
fieldset,img{border:0}
li{list-style:none}
input,button,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;border:0;background:0 0;outline:0}
a,button,input,select,textarea,a:focus,button:focus,input:focus,select:focus,textarea:focus,[onclick]{outline:0;-webkit-tap-highlight-color:rgba(255,255,255,0)}
a{-webkit-touch-callout:none;text-decoration:none;color:#333;outline:0}
a:hover{color:#f53e40;}
em,i{font-style:normal}
::-webkit-input-placeholder{color:#999}
*,*:before,*:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
:focus{outline: 0!important}
::-webkit-scrollbar{width: 4px}
::-webkit-scrollbar-thumb{background: rgba(107,115,133,1);-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.2)}
::-webkit-scrollbar-thumb:window-inactive{background: rgba(0, 0, 0, 0)}
.after:after{ content: ''; width: 0; height: 0; display: block; clear: both;}
.page-width{ width: 1200px; margin: 0 auto;}
.btn{ background: #f53e40; color: #FFF; border: 0; border-radius: 5px; cursor: pointer;}
.btn:hover{ background: #d40000;}
.btn:active{ box-shadow: inset 0 3px 5px rgba(0,0,0,0.35);}
.btn:disabled{ pointer-events: none; cursor: not-allowed; opacity: 0.65; box-shadow: none;}
b.red{ color: red;}

body{ color:#333; background:#f5f5f5; font-family:Microsoft YaHei, "微软雅黑"; font-size: 14px;}
.top-wrap{ height: 46px; line-height: 46px;}
.top-wrap .u-info{ float: left; margin-left: -20px;}
.top-wrap .u-info p{ color: #444; float: left; margin: 0 20px;}
.top-wrap .u-info p span{ color: #f53e40;}
.top-wrap .u-info p a{ color: #f53e40; text-decoration: underline;}
.top-wrap .u-info p.lv0{ background: url("../images/lv0.png") right center no-repeat; padding-right: 13px;}
.top-wrap .u-info p.lv1{ background: url("../images/lv1.png") right center no-repeat; padding-right: 13px;}
.top-wrap .u-info p.lv2{ background: url("../images/lv2.png") right center no-repeat; padding-right: 13px;}
.top-wrap .u-info p.lv3{ background: url("../images/lv3.png") right center no-repeat; padding-right: 13px;}
.top-wrap .u-info p.lv4{ background: url("../images/lv4.png") right center no-repeat; padding-right: 13px;}
.top-wrap .u-info p.lv5{ background: url("../images/lv5.png") right center no-repeat; padding-right: 13px;}
.top-wrap .u-info p.lv6{ background: url("../images/lv6.png") right center no-repeat; padding-right: 13px;}
.top-wrap .u-info p.lv7{ background: url("../images/lv7.png") right center no-repeat; padding-right: 13px;}
.top-wrap .link-qq{ float: right; background: url("../images/Shape@1x.png") left center no-repeat; padding-left: 22px; color: #444;}
.top-wrap a.h5{ float: left; color: #444; text-decoration: none; position: relative; padding-left: 20px; margin-right: 20px;}
.top-wrap a.h5 img{ height: 20px; position: absolute; left: 0; top: 12px;}

.header{ height: 100px; background: #FFF;}
.header .logo{ padding: 20px 0; float: left; width: 130px;}
.header .nav{ float: right; margin-right: -10px;}
.header .nav a{ float: left; padding:0px 15px; height: 38px; margin: 31px 10px; line-height: 38px; text-align: center; font-size: 18px;}
.header .nav a:hover{ color: #f53e40;}
.header .nav a.hover{ background: #f53e40; color: #FFF; border-radius: 5px;}
.header .nav a.hot{ position: relative;}
.header .nav a.hot:after{ display: block; content: ''; width: 24px; height: 10px; background: url('../images/hot.gif'); position: absolute; top: -10px; left: 9px;}

.banner{ height: 340px;}
.banner .pic{ height: 340px; background-position: top center; background-repeat: no-repeat;}
.banner .box{ width: 290px; height: 296px; background: rgba(255, 255, 255, 0.8); float: right; margin: 22px 0;}
.banner .box .login h2{ text-align: center; font-size: 15px; color: #222; margin-top: 12px; margin-bottom: -4px;}
.banner .box .login .row{ height: 40px; width: 260px; margin: 15px;}
.banner .box .login .row.border{ background: #FFF; border: 1px solid #bdbdbd; border-radius: 4px; overflow: hidden; position: relative;}
.banner .box .login .row.link{ height: 16px; font-size: 12px;}
.banner .box .login .row.link a{ float: right; color: #666;}
.banner .box .login .row.link a:hover{ color: #f53e40;}
.banner .box .login .row label{ width: 38px; height: 38px; float: left;}
.banner .box .login .row label.u{ background: url("../images/Bitmap@1x1.png");}
.banner .box .login .row label.p{ background: url("../images/Bitmap@1x2.png");}
.banner .box .login .row input{ width: 220px; float: left; height: 38px; padding: 9px 5px;}
.banner .box .login .row input.code{ padding-right: 90px;}
.banner .box .login .row img.code{ width: 76px; height: 32px; position: absolute; right: 3px; top: 3px;}
.banner .box .row .btn{ width: 100%; height: 38px;}
.banner .box .row .btn a{ display: block; width: 100%; height: 100%; color: #FFF; line-height: 38px;}
.banner .box .u-info .row{ height: 37px; width: 260px; margin: 10px 15px; background: rgba(255, 255, 255, 0.6); line-height: 37px;}
.banner .box .u-info .row label{ width: 52px; background: #FFF; float: left; text-align: center;}
.banner .box .u-info .row span{ padding: 0 10px;}

.index-gift{ margin-top: 40px;}
.index-gift .tit{ width: 308px; height: 407px; float: left; background: url("../images/Rectangle209@1x1.png");}
.index-gift.index-game .tit{ background: url("../images/Rectangle209@1x5.png");}
.index-gift .tit h2{ margin-top: 82px; text-align: center; font-size: 26px; color: #FFF;}
.index-gift .lists{ float: left; padding-top: 23px; margin-left: -18px; width: 930px; margin-right: -20px;}
.index-gift .lists .row{ width: 290px; height: 384px; border: 1px solid #e3e3e3; margin-right: 20px; float: left; background: #FFF;}
.index-gift .lists .row .pic{ margin: 45px auto; width: 130px; height: 130px;}
.index-gift .lists .row .name{ text-align: center; padding: 0 20px; height: 30px; line-height: 30px; overflow: hidden; color: #413936;}
.index-gift .lists .row .link a{ display: block; background:#fff6f4; border:1px solid #f53e40; border-radius:2px; width:128px; height:42px; margin: 40px auto; font-size:16px; color:#f53e40; text-align: center; line-height: 40px;}

.index-news{ margin-top: 40px;}
.index-news .left{ width: 785px; float: left; margin-right: 15px;}
.index-news .right{ width: 400px; float: left;}
.index-news .left .news{ background: #FFF; height: 441px; padding: 20px;}
.index-news .tit{ border-bottom: 1px solid #ededed; padding-bottom: 15px; position: relative;}
.index-news .tit span{ font-size:24px; color:#000000;}
.index-news .tit span:after{ content: ''; display: block; width: 134px; height: 3px; background: #f53e40; position: absolute; left: 0; bottom: -2px;}
.index-news .left .news ul li{ height: 28px; line-height: 28px; margin: 15px 0; background: url("../images/Oval@1x.png") left center no-repeat; padding-left: 25px;}
.index-news .left .news ul li span{ float: left; width: 540px; overflow:hidden;text-overflow: ellipsis;white-space: nowrap;}
.index-news .left .news ul li i{ float: right; width: 150px;}
.index-news .left .activity{ background: #FFF; height: 511px; padding: 20px; margin-top: 15px;}
.index-news .left .activity ul li{ line-height: 28px; margin: 15px 0; background: url("../images/Oval@1x.png") left 5px no-repeat; padding-left: 25px;}
.index-news .left .activity ul li h2{ height: 28px;}
.index-news .left .activity ul li a{ overflow: hidden;}
.index-news .left .activity ul li span{ float: left; width: 540px; overflow:hidden;text-overflow: ellipsis;white-space: nowrap;}
.index-news .left .activity ul li i{ float: right; width: 150px;}
.index-news .left .activity ul li p{ color: #9e9e9e; height: 58px; overflow: hidden;}
.index-news .right .ranking{ background: #FFF; padding: 20px; margin: 0;}
.index-news .right .ranking li{ height: 28px; line-height: 28px; margin: 15px 0;}
.index-news .right .ranking li i{ background: #518fff; color: #FFF; float: left; width: 25px; height: 25px; border-radius: 50%; text-align: center; line-height: 26px; margin: 0 10px 0 5px;}
.index-news .right .ranking li:nth-child(1) i{ background: #f53e40;}
.index-news .right .ranking li:nth-child(2) i{ background: #FFDC32;}
.index-news .right .ranking li:nth-child(3) i{ background: #29FFDF;}
.index-news .right .ranking li span{ float: left; width: 200px; overflow:hidden;text-overflow: ellipsis;white-space: nowrap;}
.index-news .right .ranking li em{ float: right; width: 110px; text-align: right;}

.index-flink{ margin-top: 40px;}
.index-flink .page-width{ background: #FFF; padding: 20px;}
.index-flink .tit{ border-bottom: 1px solid #ededed; padding-bottom: 15px; position: relative;}
.index-flink .tit span{ font-size:24px; color:#000000;}
.index-flink .tit span:after{ content: ''; display: block; width: 134px; height: 3px; background: #f53e40; position: absolute; left: 0; bottom: -2px;}
.index-flink .imgs img{ float: left; margin: 20px 40px;}

.footer{ background: #262839; padding-top: 20px;}
.footer p{ text-align: center; color: #9899a2; margin: 20px 0;}
.footer p a{ text-align: center; color: #9899a2;}

.news-list{ background: #FFF; margin: 20px 0; padding: 30px 100px;}
.news-list ul li{ line-height: 28px; margin: 15px 0; background: url("../images/Oval@1x.png") left 5px no-repeat; padding-left: 25px; width: 870px; }
.news-list ul li h2{ height: 28px;}
.news-list ul li a{ overflow: hidden;}
.news-list ul li span{}
.news-list ul li i{ margin-left: 20px;}
.news-list ul li p{ color: #9e9e9e; height: 58px; overflow: hidden;}

.news-body{ background: #FFF; margin: 20px 0; padding: 30px 100px; min-height: 500px;}
.news-body .title{ padding: 20px 0; border-bottom: 1px dotted #CCC;}
.news-body .title h1{ font-size: 24px; color: #333; text-align: center;}
.news-body .title .titbar{ color: #828282; text-align: center;}
.news-body .body{ padding: 20px 0;}
.news-body .body p{ text-indent: 2em; font-size: 15px; line-height: 1.8; margin: 18px 0;}

.game-wrap{ margin: 20px auto; background: #FFF;}
.game-wrap .pages{ width: 1200px;}
.game-wrap .game-names{ padding: 15px;}
.game-wrap .game-names li{ float: left;}
.game-wrap .game-names li label{ width: 70px; display: block; line-height: 28px; margin: 4px 10px;}
.game-wrap .game-names li a{ display: block; width: 98px; height: 28px; line-height: 28px; text-align: center; margin: 4px; border:1px solid #ffcdcd; border-radius:5px; color: #222;}
.game-wrap .game-names li a:hover{ color: #f53e40;}
.game-wrap .game-names li a.hover{ background: #f53e40; color: #FFF;}

.game-header{ background:#fafafa; height:46px;}
.game-header a{ border:1px solid #f0f0f0; width:128px; height:46px; float: left; line-height: 44px; text-align: center; border-right: 0;}
.game-header a:last-child{ border-right: 1px solid #f0f0f0;}
.game-header a.hover{ background: #FFF; border-top: 2px solid #f53e40; line-height: 42px;}

.game-prev{ margin-top: 10px;}
.game-prev .times-no{ height: 90px; width: 200px; background: #f53e40; color: #FFF; text-align: center; padding-top: 20px; float: left;}
.game-prev .times-no h2{ font-size: 20px;}
.game-prev .times-no p{ font-size: 18px;}
.game-prev .result{ width: 1000px; float: left; border: 1px solid #ededed; border-left: 0; border-right: 0;}
.game-prev .result label{ font-weight: bold;}
.game-prev .result .base-data{ height: 45px; border-bottom: 1px solid #ededed; line-height: 44px; padding: 0 40px;}
.game-prev .result .res-data{ height: 44px; padding: 0 20px; line-height: 44px; overflow: hidden;}
.game-prev .result .res-data .lis{ float: left; margin: 0 20px;}
.game-prev .result .res-data .lis span{ color: #f53e40; font-size: 26px; font-family: fantasy;}
.game-prev .result .res-data .lis span.r{ display: inline-block; width: 30px; height: 30px; background: #f53e40; color: #FFF; border-radius: 50%; text-align: center; line-height: 36px; font-size: 20px;}
.game-prev .result .res-data .lis.bjl{ padding-top: 5px;}
.game-prev .result .res-data .lis.bjl label{ float: left;}

.game-this{line-height: 40px;}
.game-this b{ color: #f53e40;}
.game-this .count-down{ float: left; padding: 0 10px; width: 480px;}
.game-this .day-count{ float: left; padding: 0 10px; width: 600px;}
.game-this .warning-tone{ float: left; padding: 0 10px;}

.game-times table{ width: 100%; border: 1px solid #ddd;}
.game-times table td,
.game-times table th{ border: 1px solid #ddd; text-align: center; height: 45px; padding: 0 10px;}
.game-times table th{ background: #eee;}
.game-times table tr:nth-child(odd){ background: #f9f9f9;}
.game-times table td a.bet{ background:#f53e40; border-radius:4px; display: inline-block; line-height: 30px; width:78px; text-align: center; color: #FFF; cursor: pointer;}
.game-times table td a.bet:hover{ background: #D00;}
.game-times table td a.ing{ background: #518fff; border-radius:4px; display: inline-block; line-height: 30px; width:78px; text-align: center; color: #FFF;}
.game-times table td a.ed{ background: #ececec; border-radius:4px; display: inline-block; line-height: 30px; width:78px; text-align: center; color: #999;}
.game-times table td a.check{ background: #d9534f; border-radius:4px; display: inline-block; line-height: 26px; width:45px; text-align: center; color: #FFF; margin-left: 8px; position: relative; top: -8px;}

.game-intro{ margin-top: 20px;}
.game-intro table{ width: 100%; border: 1px solid #ddd;}
.game-intro table td,
.game-intro table th{ border: 1px solid #ddd; text-align: center; height: 45px; padding: 0 10px;}
.game-intro table th{ background: #eee;}
.game-intro table tr:nth-child(odd){ background: #f9f9f9;}

.game-total{ margin-top: 20px;}
.game-total table{ width: 100%; border: 1px solid #ddd;}
.game-total table td,
.game-total table th{ border: 1px solid #ddd; text-align: center; height: 45px; padding: 0 10px;}
.game-total table th{ background: #eee;}
.game-total table tr:nth-child(odd){ background: #f9f9f9;}

.bet-mode{ padding: 10px 15px; border: 1px solid #ededed;}
.bet-mode .my-mode{ margin-bottom: 8px;}
.bet-mode .my-mode a{ color: #f53e40; cursor: pointer; margin: 0 4px;}
.bet-mode .my-mode select,
.bet-mode .my-mode input{ border: 1px solid #ddd; height: 28px; padding: 4px;}
.bet-mode .my-mode button{ width: 80px; height: 28px;}
.bet-mode .group a{ display: inline-block; width: 70px; height: 28px; line-height: 28px; margin: 4px; border: 1px solid #f53e40; color: #f53e40; text-align: center; cursor: pointer;}
.bet-mode .group.d a{ background: #f53e40; color: #FFF;}

.bet-btn{ padding: 10px 0; line-height: 30px;}
.bet-btn .power{ float: left;}
.bet-btn .power img{ margin: 0 3px; cursor: pointer;}
.bet-btn .desh{ float: left; margin-left: 50px;}
.bet-btn .desh input{ border: 1px solid #f53e40; width: 160px; height: 32px; padding: 6px 10px; float: left; color: #f53e40;}
.bet-btn .desh button{ height: 32px; width: 80px; float: left; margin-left: -4px;}
.bet-btn .btns{ float: left; margin-left: 5px;}
.bet-btn .btns button{ height: 32px; width: 80px; float: left; margin: 0 5px;}
.bet-btn .total{ float: right; margin-right: 5px; border: 1px solid #f53e40; border-bottom-right-radius: 6px;  border-top-right-radius: 6px;}
.bet-btn .total label{ float: left; padding-left: 6px;}
.bet-btn .total i{ float: left; width: 100px; line-height: 30px; height: 32px; color: #f53e40; font-weight: bold;}
.bet-btn .total button{ height: 32px; width: 80px; float: left; font-weight: bold; font-size: 16px;}

.bet-nos table{ width: 49.8%; border: 1px solid #ddd;}
.bet-nos table.l{ float: left;}
.bet-nos table.r{ float: right;}
.bet-nos table td,
.bet-nos table th{ border: 1px solid #ddd; text-align: center; height: 45px; padding: 0 10px;}
.bet-nos table th{ background: #eee;}
.bet-nos table tr:nth-child(odd){ background: #f9f9f9;}
.bet-nos table td i{ background: #f53e40; display: inline-block; text-align: center; width: 30px; line-height: 30px; border-radius: 50%; color: #FFF;}
.bet-nos table td input[type=text]{ width: 80px; height: 28px; padding: 4px 5px; color: #f53e40; border: 1px solid #ddd;}
.bet-nos table td button{ width: 30px; height: 30px;}


.bet-nos-sc .table{ width: 100%; border: 0; text-align: center;}
.bet-nos-sc .table thead{ background: #f53e40; color: #FFF;}
.bet-nos-sc .table thead td{ padding: 8px 0;}
.bet-nos-sc .table td{ border: 0;}
.bet-nos-sc .table_s{ border: 1px solid #CCC; width: 100%;}
.bet-nos-sc .table_s td{ padding: 4px; font-size: 12px; border-bottom: 1px solid #CCC;}
.bet-nos-sc .table .btb{ border-right: 1px solid #dadada;}
.bet-nos-sc .bold{ font-weight: 500;}
.bet-nos-sc table td input[type=text]{ width: 80px; height: 28px; padding: 4px 5px; color: #f53e40; border: 1px solid #ddd;}

.bet-record{ margin-top: 20px;}
.bet-record table{ width: 100%; border: 1px solid #ddd;}
.bet-record table td,
.bet-record table th{ border: 1px solid #ddd; text-align: center; height: 45px; padding: 0 10px;}
.bet-record table th{ background: #eee;}
.bet-record table tr:nth-child(odd){ background: #f9f9f9;}
.bet-record table td button{ width: 80px; height: 30px;}

.bet-auto{ margin-top: 10px;}
.bet-auto table{ width: 100%; border: 1px solid #ddd;}
.bet-auto table td,
.bet-auto table th{ border: 1px solid #ddd; text-align: center; height: 45px; padding: 0 10px;}
.bet-auto table th{ background: #eee;}
.bet-auto table tr:nth-child(odd){ background: #f9f9f9;}
.bet-auto table td button{ width: 120px; height: 34px;}
.bet-auto table td select,
.bet-auto table td input{ height: 28px; padding: 4px; border: 1px solid #ddd; width: 120px; margin: 0 5px;}
.bet-auto .tip{ padding: 15px;}

.regist{ margin: 20px auto; padding: 10px; height: 630px; background: url("../images/regist.png") 667px 163px no-repeat #FFF;}
.regist h2{ background: #f8f8f8; line-height: 40px; padding-left: 15px; font-size: 18px;}
.regist p{ margin: 70px 0 0 250px;}
.regist p a{ color: #f53e40;}
.regist .form-wrap{ margin: 20px 0 0 100px;}
.regist .form-wrap .row{ height: 38px; line-height: 38px; margin: 15px 0; overflow: hidden; position: relative;}
.regist .form-wrap label{ float: left; width: 98px; text-align: right;}
.regist .form-wrap input{ float: left; height: 38px; width: 260px; padding: 8px; border: 1px solid #ddd;}
.regist .form-wrap .row.link{ height: 16px; font-size: 12px; line-height: 16px;}
.regist .form-wrap .row.link a{ color: #666; padding-left: 100px;}
.regist .form-wrap .row.link a:hover{ color: #f53e40;}
.regist .form-wrap .row input.code{ padding-right: 90px;}
.regist .form-wrap .row img.code{ width: 76px; height: 32px; position: absolute; left: 279px; top: 3px;}
.regist .form-wrap .row button.sms{ width: 76px; height: 32px; position: absolute; left: 279px; top: 3px; margin-left: 0;}
.regist .form-wrap .row button{ width: 260px; height: 38px; margin-left: 98px;}
.regist .form-wrap .row label.radio{ width: 100px; margin-left: 10px; text-align: left;}
.regist .form-wrap .row label.radio input{ width: auto; margin-right: 10px;}

.index-gift.gift .lists .row .pic{ width: 176px; height: 126px;}
.index-gift.gift .lists .row .pic img{ width: 176px; height: 126px;}
.index-gift.gift-hit{ margin-bottom: 40px;}
.index-gift.gift-hit .tit{ background: url("../images/Rectangle209@1x10.png")}
.index-gift.gift-hit .lists .row{ width: 445px; height: 384px; border: 1px solid #e3e3e3; margin-right: 20px; float: left; background: #FFF;}
.index-gift.gift-hit .lists .row .pic{ margin: 45px auto; width: 200px; height: 137px;}
.index-gift.gift-hit .lists .row .pic img{ width: 200px; height: 137px;}

.gift-exchange{ background: #FFF; padding: 15px; margin: 20px 0;}
.gift-exchange h2{ background: #f8f8f8; line-height: 40px; padding-left: 15px; font-size: 18px;}
.gift-exchange .info { margin-top: 20px;}
.gift-exchange .info p{ line-height: 30px;}
.gift-exchange .info table{ width: 100%; border: 1px solid #ddd;}
.gift-exchange .info table td,
.gift-exchange .info table th{ border: 1px solid #ddd; text-align: center; height: 45px; padding: 0 10px;}
.gift-exchange .info table th{ background: #eee;}
.gift-exchange .main{ padding: 20px 0;}
.gift-exchange .main .pic{ width: 480px; height: 330px; float: left; border: 1px solid #E9E9E9; position: relative;}
.gift-exchange .main .pic img{ display: block; width: 250px; margin: 50px auto 20px;}
.gift-exchange .main .pic span{ display: block; width: 250px; margin: 20px auto; text-align: center; font-size: 20px; font-weight: bold;}
.gift-exchange .main .pic .bot{ height: 40px; line-height: 40px; width: 100%; background: #eee; position: absolute; bottom: 0;}
.gift-exchange .main .pic .bot .account{ float: left; margin-left: 20px;}
.gift-exchange .main .pic .bot .total{ float: left; margin-left: 20px;}
.gift-exchange .form-wrap{ margin: 0 0 0 60px; float: left;}
.gift-exchange .form-wrap .row{ height: 38px; line-height: 38px; margin: 15px 0; overflow: hidden; position: relative;}
.gift-exchange .form-wrap label{ float: left; width: 98px; text-align: right;}
.gift-exchange .form-wrap input{ float: left; height: 38px; width: 260px; padding: 8px; border: 1px solid #ddd;}
.gift-exchange .form-wrap .row.link{ height: 16px; font-size: 12px; line-height: 16px;}
.gift-exchange .form-wrap .row.link a{ color: #666; padding-left: 100px;}
.gift-exchange .form-wrap .row.link a:hover{ color: #f53e40;}
.gift-exchange .form-wrap .row input.code{ padding-right: 90px;}
.gift-exchange .form-wrap .row img.code{ width: 76px; height: 32px; position: absolute; left: 279px; top: 3px;}
.gift-exchange .form-wrap .row button.sms{ width: 76px; height: 32px; position: absolute; left: 279px; top: 3px; margin-left: 0;}
.gift-exchange .form-wrap .row button{ width: 260px; height: 38px; margin-left: 98px;}

.ranking{ background: #FFF; margin: 20px 0; padding: 10px;}
.ranking .list{ width: 380px; float: left; border: 1px solid #CCC; margin-right: 20px;}
.ranking .list:last-child{ margin-right: 0;}
.ranking .list h2{ font-size: 20px; text-align: center; height: 156px; line-height: 156px;}
.ranking .list.today h2{ background: url("../images/Rectangle209@1x20.png"); background-size: 100%;}
.ranking .list.yesterday h2{ background: url("../images/Rectangle209@1x21.png"); background-size: 100%;}
.ranking .list.sevenday h2{ background: url("../images/Rectangle209@1x22.png"); background-size: 100%;}
.ranking .list.today h2 i{ color: #FF5152;}
.ranking .list.yesterday h2 i{ color: #FFAB00;}
.ranking .list.sevenday h2 i{ color: #5493FF;}
.ranking .list.today{ border-color: #fee3e3;}
.ranking .list.yesterday{ border-color: #ffecb9;}
.ranking .list.sevenday{ border-color: #d8e6ff;}
.ranking .list li{ height: 28px; line-height: 28px; margin: 15px 0;}
.ranking .list li i{ background: #518fff; color: #FFF; float: left; width: 25px; height: 25px; border-radius: 50%; text-align: center; line-height: 26px; margin: 0 10px 0 5px;}
.ranking .list.today li:nth-child(1) i{ background: #FF5152;}
.ranking .list.yesterday li:nth-child(1) i{ background: #FFAB00;}
.ranking .list.sevenday li:nth-child(1) i{ background: #5493FF;}
.ranking .list li:nth-child(2) i{ background: #FFDC32;}
.ranking .list li:nth-child(3) i{ background: #29FFDF;}
.ranking .list li span{ float: left; max-width: 140px; overflow:hidden;text-overflow: ellipsis;white-space: nowrap;}
.ranking .list li font{ float: left; margin-left: 10px;}
.ranking .list.today li font{ color: #FF5152;}
.ranking .list.yesterday li font{ color: #FFAB00;}
.ranking .list.sevenday li font{ color: #5493FF;}
.ranking .list li em{ float: right; width: 110px; text-align: right; padding-right: 10px;}

.business{ background: #FFF; margin: 20px 0; padding: 10px;}
.business a{ width: 270px; height: 160px; background: url("../images/business.png"); float: left; text-decoration: none; color: #333; margin: 10px;}
.business a .name{ font-size: 18px; text-align: center; font-weight: bold; margin-top: 30px;}
.business a .qq{ font-size: 14px; text-align: center; margin-top: 40px;}
.business a .qqb{ font-size: 14px; text-align: center; margin-top: 10px;}

.ucenter{ margin: 20px 0; min-height: 500px; overflow: hidden;}
.ucenter .left-nav{ width: 240px; float: left; background: #FFF; margin: 0 0 -9999em 0; padding: 20px 0 9999em;}
.ucenter .left-nav .u-info{ padding: 0 20px 20px;}
.ucenter .left-nav .u-info p{ line-height: 28px; height: 28px; overflow: hidden;}
.ucenter .left-nav .u-info p span{ float: left; max-width: 130px; overflow:hidden;text-overflow: ellipsis;white-space: nowrap;}
.ucenter .left-nav .u-info p em{ float: left;}
.ucenter .left-nav .nav-wrap h2{ background: #f53e40; height: 40px; line-height: 40px; color: #FFF; font-weight: bold; padding-left: 20px;}
.ucenter .left-nav .nav-wrap a{ display: block; height: 40px; line-height: 40px; text-align: center; border-bottom: 1px solid #f7f7f7;}
.ucenter .left-nav .nav-wrap a.hover{ color: #f53e40;}
.ucenter .right-con{ width: 940px; float: right; margin-left: 20px; background: #FFF; margin-bottom: -9999em; padding-bottom: 9999em;}

.ucenter .form-wrap{ margin: 20px;}
.ucenter .user-data .form-wrap,
.ucenter .pwd .form-wrap{ margin-left: 100px;}
.ucenter .form-wrap .row{ height: 38px; line-height: 38px; margin: 15px 0; overflow: hidden; position: relative;}
.ucenter .form-wrap label{ float: left; width: 98px; text-align: right;}
.ucenter .form-wrap input{ float: left; height: 38px; width: 260px; padding: 8px; border: 1px solid #ddd;}
.ucenter .form-wrap .row.link{ height: 16px; font-size: 12px; line-height: 16px;}
.ucenter .form-wrap .row.link a{ color: #666; padding-left: 100px;}
.ucenter .form-wrap .row.link a:hover{ color: #f53e40;}
.ucenter .form-wrap .row button{ width: 260px; height: 38px; margin-left: 98px;}
.ucenter .form-wrap .row button.bind{ width: 100px; margin-left: 10px;}
.ucenter .form-wrap .row label.radio{ width: 100px; margin-left: 10px; text-align: left;}
.ucenter .form-wrap .row label.radio input{ width: auto; margin-right: 10px;}
.ucenter .form-wrap .row input.code{ padding-right: 90px;}
.ucenter .form-wrap .row img.code{ width: 76px; height: 32px; position: absolute; left: 280px; top: 3px;}
.ucenter .login-log{ padding: 30px;}
.ucenter .login-log p{ padding: 10px; font-size: 20px;}
.ucenter table{ width: 100%; border: 1px solid #ddd;}
.ucenter table td,
.ucenter table th{ border: 1px solid #ddd; text-align: center; height: 45px; padding: 0 10px;}
.ucenter table th{ background: #eee;}
.ucenter table tr:nth-child(odd){ background: #f9f9f9;}
.ucenter table button{ padding: 6px 10px;}

.ucenter .right-con .title{ background:#fafafa; height:46px;}
.ucenter .right-con .title span{ border:1px solid #f0f0f0; width:128px; height:46px; float: left; line-height: 44px; text-align: center; border-right: 0; cursor: pointer;}
.ucenter .right-con .title span:last-child{ border-right: 1px solid #f0f0f0;}
.ucenter .right-con .title span.hover{ background: #FFF; border-top: 2px solid #f53e40; line-height: 42px; cursor: default;}
.ucenter .right-con .title a{ border:1px solid #f0f0f0; width:128px; height:46px; float: left; line-height: 44px; text-align: center; border-right: 0; cursor: pointer;}
.ucenter .right-con .title a:last-child{ border-right: 1px solid #f0f0f0;}
.ucenter .right-con .title a.hover{ background: #FFF; border-top: 2px solid #f53e40; line-height: 42px; cursor: default;}
.ucenter .right-con .pages{ width: 940px;}
.ucenter .pwd .box,
.ucenter .agent-recharge .box{display: none;}
.ucenter .pwd .box:first-child,
.ucenter .agent-recharge .box:first-child{display: block;}
.ucenter .opts{ height: 60px; padding: 15px 15px 15px 80px;}
.ucenter .opts label{ margin: 0 10px;}
.ucenter .opts .btn{ width: 80px; height: 30px;}
.ucenter .opts input[type=text]{ width: 100px; border: 1px solid #ccc; height: 28px; padding: 4px 5px;}
.ucenter .opts select{ width: 100px; border: 1px solid #ccc; height: 28px; padding: 4px 5px;}

.ucenter .agent-data{ padding: 20px;}
.ucenter .agent-recharge table .btn{ margin-top: 3px;}
.ucenter .agent-recharge table .vda_button{ width: 150px; margin: 20px;}
.ucenter .agent-recharge table .user_check{ margin-right: 13px;}
.ucenter .agent-recharge table textarea{ border: 1px solid #ccc; margin-top: 10px; width: 500px; height: 200px; padding: 10px;}
.ucenter .agent-recharge table select{ border: 1px solid #ccc; width: 260px; height: 38px; padding: 8px 10px; background: #FFF;}

#page-wrap{ min-height: 500px;}
#page-wrap .loading{ text-align: center; margin-top: 80px;}
#page-wrap .loading img{ vertical-align: middle;}
.win_color{ color: red!important; font-weight: bold;}
.lose_color{ color: green!important; font-weight: bold;}
td em{ font-style:normal; background:url(../images/word.fw.png) no-repeat; display:inline-block; width:25px; height:21px; text-indent:0; padding:0; margin:0;}
td em.regular1,
td em.regular01{ background-position:0px 0px;}
td em.regular2,
td em.regular02{ background-position:0px -25px;}
td em.regular3,
td em.regular03{ background-position:0px -50px;}
td em.regular4,
td em.regular04{ background-position:0px -75px;}
td em.regular5,
td em.regular05{ background-position:0px -100px;}
td em.regular6,
td em.regular06{ background-position:0px -125px;}
td em.regular7,
td em.regular07{ background-position:0px -150px;}
td em.regular8,
td em.regular08{ background-position:0px -175px;}
td em.regular9,
td em.regular09{ background-position:0px -200px;}
td em.regular10{ background-position:0px -225px;}
td em.light1,
td em.light01{ background-position:0px -250px;}
td em.light2,
td em.light02{ background-position:0px -275px;}
td em.light3,
td em.light03{ background-position:0px -300px;}
td em.light4,
td em.light04{ background-position:0px -325px;}
td em.light5,
td em.light05{ background-position:0px -350px;}
td em.light6,
td em.light06{ background-position:0px -375px;}
td em.light7,
td em.light07{ background-position:0px -400px;}
td em.light8,
td em.light08{ background-position:0px -425px;}
td em.light9,
td em.light09{ background-position:0px -450px;}
td em.light10{ background-position:0px -475px;}
td em.final{ background-position:1px -497px; height:23px; width:26px; position:relative;}
td em.final i{ font-style: normal; position:absolute; width:30px; display:block; height:26px; text-align:center; color:#fff; top:0px; left:0; line-height:26px;}

td i.lh{background: url(../images/lh.png); width:22px; height:22px;display: inline-block;margin-top:5px;margin-left:4px;}
td i.n1{background-position:0px -27px;}
td i.n2{background-position:0px 0px;}

td .win_no_ww,
td .win_no_sc{ width: 30px; height: 30px; background: #de3026; border-radius: 50%; line-height: 30px; color: #ffffff; display: inline-block; margin: 0 1px; font-size: 12px;}

td i.kj{font-style: normal;background: url(../images/m1.png)  ;display: inline-block;width: 18px;height: 28px;text-indent: 0;padding: 0;margin: 0;letter-spacing: normal;word-spacing: normal;  }
td i.kj_0{background-position: -178px 0px;}
td i.kj_1{background-position:4px 0px;}
td i.kj_2{background-position:-16px 0px;}
td i.kj_3{background-position:-35px 0px;}
td i.kj_4{background-position:-56px 0px;}
td i.kj_5{background-position:-78px 0px;}
td i.kj_6{background-position: -98px 0px;}
td i.kj_7{background-position: -118px 0px;}
td i.kj_8{background-position: -138px 0px;}
td i.kj_9{background-position: -159px 0px;}
td i.kj_{ display: none;}
td i.hja{background: url(../images/ja.png); width:22px; height:28px;display: inline-block;}
td i.hdeng{background: url(../images/ja.png); background-position:-27px 0px; width:22px; height:28px;display: inline-block;}

td i.mh{background: url(../images/m01.png?v=11); width:28px; height:28px;display: inline-block;}
td i.m0{ background-position:0px -891px;}
td i.m1{ background-position:0px 0px;}
td i.m2{ background-position:0px -33px;}
td i.m3{ background-position:0px -66px;}
td i.m4{ background-position:0px -99px;}
td i.m5{ background-position:0px -132px;}
td i.m6{ background-position:0px -165px;}
td i.m7{ background-position:0px -198px;}
td i.m8{ background-position:0px -231px;}
td i.m9{ background-position:0px -264px;}
td i.m10{ background-position:0px -297px;}
td i.m11{ background-position:0px -330px;}
td i.m12{ background-position:0px -363px;}
td i.m13{ background-position:0px -396px;}
td i.m14{ background-position:0px -429px;}

td i.m15{ background-position:0px -462px;}
td i.m16{ background-position:0px -495px;}
td i.m17{ background-position:0px -528px;}

td i.m18{ background-position:0px -561px;}
td i.m19{ background-position:0px -594px;}
td i.m20{ background-position:0px -627px;}
td i.m21{ background-position:0px -660px;}

td i.m22{ background-position:0px -693px;}
td i.m23{ background-position:0px -726px;}
td i.m24{ background-position:0px -759px;}
td i.m25{ background-position:0px -792px;}
td i.m26{ background-position:0px -825px;}
td i.m27{ background-position:0px -858px;}

td i.zh{background: url(../images/z01.png); width:28px; height:28px;display: inline-block;margin-top:5px;}
td i.z1{ background-position:0px 0px;}
td i.z3{ background-position:0px -32px;}
td i.z2{ background-position:0px -65px;}
td i.z4{ background-position:0px -98px;}
td i.z5{ background-position:0px -131px;}
td i.z6{ background-position:0px -32px;}
.bjl_nolist_z{ width: 84px; float: left; margin-left: 50px;}
.bjl_nolist_x{ width: 84px; float: left;}
.bjl_nolist_r{ width: 48px; float: left;}
.bjl_res{background: url(../images/GamePokerAtlas.png) no-repeat; width: 27px; height: 34px; float: left;}
.bjl_res.p1a{background-position: -54px -105px;}
.bjl_res.p1b{background-position: -162px -140px;}
.bjl_res.p1c{background-position: -27px -105px;}
.bjl_res.p1d{background-position: -215px -70px;}


.bjl_res.p2a{background-position: -81px -35px;}
.bjl_res.p2b{background-position: -189px -140px;}
.bjl_res.p2c{background-position: -243px -35px;}
.bjl_res.p2d{background-position: -54px 0px;}

.bjl_res.p3a{background-position: -242px -70px;}
.bjl_res.p3b{background-position: -135px 0px;}
.bjl_res.p3c{background-position: -54px -35px;}
.bjl_res.p3d{background-position: -0px -105px;}

.bjl_res.p4a{background-position: -81px -140px;}
.bjl_res.p4b{background-position: -135px -70px;}
.bjl_res.p4c{background-position: -108px -35px;}
.bjl_res.p4d{background-position: -161px -70px;}

.bjl_res.p5a{background-position: -108px -70px;}
.bjl_res.p5b{background-position: -216px -105px;}
.bjl_res.p5c{background-position: 0px -70px;}
.bjl_res.p5d{background-position: -270px -70px;}

.bjl_res.p6a{background-position: -269px -140px;}
.bjl_res.p6b{background-position: -27px -70px;}
.bjl_res.p6c{background-position: -243px -140px;}
.bjl_res.p6d{background-position: -215px 0px;}

.bjl_res.p7a{background-position: -27px -35px;}
.bjl_res.p7b{background-position: -135px -105px;}
.bjl_res.p7c{background-position: -54px -140px;}
.bjl_res.p7d{background-position: -188px -35px;}

.bjl_res.p8a{background-position: -269px -105px;}
.bjl_res.p8b{background-position: -162px 0px;}
.bjl_res.p8c{background-position: -242px -105px;}
.bjl_res.p8d{background-position: -135px -140px;}

.bjl_res.p9a{background-position: -161px -105px;}
.bjl_res.p9b{background-position: -81px -105px;}
.bjl_res.p9c{background-position: -108px -140px;}
.bjl_res.p9d{background-position: -188px -70px;}

.bjl_res.p10a{background-position: -27px -140px;}
.bjl_res.p10b{background-position: -135px -35px;}
.bjl_res.p10c{background-position: -27px 0px;}
.bjl_res.p10d{background-position: 0px -35px;}

.bjl_res.p11a{background-position: -108px -105px;}
.bjl_res.p11b{background-position: -54px -70px;}
.bjl_res.p11c{background-position: -81px -70px;}
.bjl_res.p11d{background-position: -108px 0px;}

.bjl_res.p12a{background-position: -162px -35px;}
.bjl_res.p12b{background-position: -189px -105px;}
.bjl_res.p12c{background-position: -189px 0px;}
.bjl_res.p12d{background-position: -215px -140px;}

.bjl_res.p13a{background-position: 0px 0px;}
.bjl_res.p13b{background-position: -216px -35px;}
.bjl_res.p13c{background-position: -81px 0px;}
.bjl_res.p13d{background-position: -243px 0px;}

.bjl_res.pr2{background-position: -309px -43px; width: 45px;}
.bjl_res.pr3{background-position: -309px -86px; width: 45px;}
.bjl_res.pr1{background-position: -309px -1px; width: 45px;}
.page { height:70px; position:relative}
.page ul.pages { position: absolute; top: 15px; right: 0px; text-align: center;}
.page ul.pages li {list-style:none; display: inline-block; border:1px solid #e4cccc; margin:0 2px; text-decoration:none; padding:4px 7px; color: #f53e40; cursor:pointer;}
.page ul.pages li:hover { background: #ddd;}
.page ul.pages li.pgEmpty { cursor:not-allowed; pointer-events: none; color:#e4cccc; border-color:#e4cccc}
.page ul.pages li.pgCurrent { border-color:#fff; font-weight:bold; color:#444; cursor:text}
.page ul.pages li.pgCurrent:hover { background: #FFF;}
.page select{ margin: 0 5px; height: 23px; vertical-align: middle;}

.table_list{ font-size:12px}
.trend .table_list th{ height:24px; text-align:center; line-height:24px; font-size:12px;  }

.table_list {
    background-color: #FFFFFF;
    border-color: #E4EAEF;
    border:1px #dcdcdc solid;
    border-top:2px #cc0000 solid;
    margin: 0 auto 10px;
}
.table_list th {
    border: 1px solid #e4eaef;
    padding: 0;
    height:24px;
    line-height:24px;
    text-align:center;
}
.f14 {
    font-size: 12px;
    line-height: 200%;
}
.timeh th {
    background-color: #FFFDE3;
    background-image: none;
    border: 1px solid #e4eaef;
    color: #FF6600;
    font-weight: normal;
}

.table_list td {
    border: 1px solid #e4eaef;
    color: #FFF;
    font-size: 12px;
    height: 24px;
    line-height: 24px;
    padding: 0;
    text-align: center;
}
.table_list .font_color_2 {
    color:#888;
}
.black777 {
    color: #5D5D5D;
}
.bgnum {
    background: none repeat scroll 0 0 #E9FFE1;
}
.table_list .tdbg3 {
    color: #3366CC;
    font-size: 12px;
}

.table_list th.black777, .table_list td.black777 {
    color: #777777;
}

.table_list td em{ font-style:normal; background: #f53e40; border-radius: 50%; display:inline-block; width:21px; height:21px; text-indent:0; padding:0 1px; margin:0;
    *display:inline;
    *zoom:1;
    letter-spacing:normal;
    word-spacing:normal;
}
.table_list td em.final{ height:22px; width:22px; position:relative; top:5px}
.table_list td em.finals{height:22px; width:22px; position:relative; top:5px}
.table_list td em.final i{ position:absolute; width:22px; display:block; font-style: normal; height:22px; text-align:center; color:#fff; top:0px; left:0; line-height:22px;font-size: 14px; font-weight: bold;}

.table_list td.black333 {
    color: #333333;
}
.table_list td.bgkai01 {
    background: none repeat scroll 0 0 #0033CC;
    color:#FFF;
}
.table_list td.bgkai02 {
    background: none repeat scroll 0 0 #FF3333;
    color:#FFF;
}
.table_list td.bgkai03 {
    background: none repeat scroll 0 0 #660099;
    color:#FFF;
}
.table_list td.bgkai04 {
    background: none repeat scroll 0 0 #FF9900;
    color:#FFF;
}
.table_list td.bgkai05 {
    background: none repeat scroll 0 0 #FF0099;
    color:#FFF;
}
.table_list td.bgkai06 {
    background: none repeat scroll 0 0 #00CC00;
    color: hsl(0, 100%, 100%);
}
.table_list td.bgkai07 {
    background: none repeat scroll 0 0 #0033CC;
    color:#FFF;
}
.table_list td.bgkai08 {
    background: none repeat scroll 0 0 #FF3333;
    color:#FFF;
}
.finalbig {
    width: 22px;
    height: 22px;
    overflow: hidden;
    background: red;
    border-radius: 4px;
    line-height: 22px;
    color: #ffffff;
    display: inline-block;
    text-align: center;
}
.fruit_f_ww {
    width: 40px;
    height: 30px;
    background: red;
    border-radius: 4px;
    line-height: 30px;
    color: #ffffff;
    display: inline-block;
    font-size: 14px;
}

.table_sc .table_f{ width: 100%; border: 0; border-top: 2px solid #D00; text-align: center;}
.table_sc .table_f thead{ background: #e6e6e6;}
.table_sc .table_f thead td{ padding: 8px 0;}
.table_sc .table_f td{ border: 0;}
.table_sc .table_s{ border: 1px solid #CCC; width: 100%;}
.table_sc .table_s td{ padding: 4px; font-size: 14px; border-bottom: 1px solid #CCC;}
.table_sc .table_f .btb{ border-right: 1px solid #dadada;}
.table_sc .win_bg{ background: #ffeded;}

.rule_img{ display: inline-block;}

.modal-open {overflow: hidden;}
.modal{ position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1040; display: none; overflow: auto; overflow-y: scroll;}
.modal.in{ display: block;}
.modal-backdrop { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1030; background-color: #000;}
.modal-backdrop.in { opacity: .5; filter: alpha(opacity=50);}
.modal-dialog { position: relative; z-index: 1050; width: 950px; margin: 120px auto 0;}
.modal-content { position: relative; background-color: #fff; border-radius: 5px; border: solid 2px #666; box-shadow: 0 0 10px #666;}
.modal-header{ border-bottom: 1px solid #ddd; height: 40px; padding: 12px; position: relative;}
.modal-header h4{ text-align: center; font-size: 16px; font-weight: bold;}
.modal-header .close { float: right; color: #999; padding: 5px; margin: -2px -5px -5px; font: bold 14px/14px simsun; text-shadow: 0 1px 0 #ddd;  }
.modal-header button{ background: none; border: 0; cursor: pointer;}
.modal-header button:hover{ color:#444;}
.modal-body {position: relative;}
.modal-body textarea{ width: 100%; padding: 10px;}
.modal-body .p_title{ text-align: center;}
.modal-body .table{ margin-bottom: 0;}
.modal-body .table table{ border: 1px solid #CCC;width: 100%;}
.modal-body .table table th{ border: 1px solid #CCC; padding: 5px; background: #e6e6e6;}
.modal-body .table table td{ border: 1px solid #CCC; text-align: center; padding: 5px;}
.modal-body .table table td i{ font-style: normal;}