/* ??? */
table { border-collapse: collapse; border:none;}
body { font: 14px/1.5 "\5FAE\8F6F\96C5\9ED1", tahoma, arial, "Hiragino Sans GB", \5b8b\4f53; color: #333; margin: -9px; padding: 0px;overflow: hidden; }
a { color: #ff2400; text-decoration: none; }
a:visited { color: #ff2400; text-decoration: none; }
a:hover, a:active, a:focus { color: #f00; text-decoration: none; }
h1, h2, h3, h4 { margin: 0px; padding: 0px; }
ul, li, ol, dl, dt, dd { list-style: none; margin: 0; padding: 0; }
img { border: 0; }
.fl { float: left; }
.fr { float: right; }
/* ??? */
.xpjpop_warp {width: 100%;width: 917px;height: 100%;margin: 0 auto;background: #fff;color: #333;}
.xpjpop_head { height: 70px; padding-top: 10px; background: linear-gradient(to bottom, #fff, #f7f7f7); }
.xpjpop_head .box {width: 218px;float: left;padding-left: 15px;border-right: 1px solid #e0e0e0;}
.xpjpop_head .boxtime { width: 200px; float: left; padding-left: 15px;color:#333;font-size:18px; text-align:center; }
.xpjpop_head .box .box-img { float: left; margin-right: 15px; }
.icon-deposit { background: url(../images/icon.png) 0px 0px; width: 53px; height: 53px; }
.icon-withdraw { background: url(../images/icon.png) -53px 0px; width: 53px; height: 53px; }
.icon-global { background: url(../images/icon.png) -106px 0px; width: 53px; height: 53px; }
.xpjpop_head .box .box-info { line-height: 28px; font-size: 16px; color: #4c4c4c; }
.xpjpop_head .box .box-span { font-size: 28px; color: #e86845; display: inline-block; }
.xpjpop_head .box .span_m{ padding-left:30px;}
/* ???? */

.xpjpop_cont {border: 1px solid #e1e1e1;background: #fff;/* height: 550px; */margin: 0px auto;overflow: hidden;display: flex;}
.xpjpop-tab {position: relative;width: 164px;/* height: 550px; */overflow: hidden;/* border-right: 1px solid #e1e1e1; */}
.xpjpop-tab dd { height: 65px; text-align: center; margin: 0px; padding: 0px; }
.xpjpop-tab dd a {display: block;position: relative;height: 75px;/* border-bottom: 1px dashed #e1e1e1; */font-size: 18px;color: #333;line-height: 79px;}
.xpjpop-tab dd a i { position: absolute; top: 33px; right: 10px; width: 0; height: 0; border-width: 7px; border-style: solid; font-size: 0; line-height: 0; border-color: transparent transparent transparent transparent }
.xpjpop-tab dd a:hover { text-decoration: none; color: #ff5400; border-right: 2px solid #fff; margin-left: 2px; }
.xpjpop-tab dd.cur a { color: #ff5400; border-right: 1px solid #fff; margin-left: 2px; }
/* .xpjpop-tab dd.cur a i { border-color: transparent transparent transparent #ff5400 } */
.xpjpop-con {position: relative;width: 724px;height: 420px;overflow: hidden;padding: 10px 10px;background:#fff;}
.xpjpop-con .mod { display: none; height: 540px;overflow:hidden; }
.xpjpop-con .mod .title_sy{ color: #666; font-size: 15px;font-weight: bold;padding-left: 20px; border-left: 5px solid #ff5400;}

.xpjpop-tab dd a{
  background: url(../images/lbg.png) no-repeat center left;
  color:#fff;
  padding-right:20px;
}
.xpjpop-tab dd.cur a{
  background: url(../images/lbgcur.png) no-repeat center left;
}


.pop_table { width: 100%; display: block;}
.pop_table tbody { width: 100%; display: block;  }
.pop_table .th-tit { background: #675d5d; color: #FFF; padding: 15px 0; font-weight: normal; text-align: center; color: #fff; }
.pop_table .th-tit td { color: #fff; }
.pop_table td.wp100 { width: 100px!important; }
.pop_table td.wp200 { width: 200px!important; }
.pop_table td.wp10 { width: 10%; }
.pop_table td.wp15 { width: 15%; }
.pop_table td.wp20 { width: 20%; }
.pop_table td.wp30 { width: 30%; }
.pop_table td.wp40 { width: 40%; }
.pop_table td.wp50 { width: 50%; }
.pop_table td { text-align: center; border: none; padding: 13px 0; font-size: 13px; color: #7a6025; }
.pop_table tr { color: #7c6d4a; background-color: #fff;}
.pop_table tr.rowbgc ,.pop_table td.rowbgc{ color: #7c6d4a; background: #ececec; }
.pop_table tr.rowbgc .rankTxt ,.pop_table td.rowbgc .rankTxt{ color: #9D9696; }
.pop_table tr p { display: block; height: 19px; position: absolute; margin: auto; left: 0; right: 0; bottom: 0; top: 0; z-index: 20; color: #5A4818; line-height: 19px; }
.pop_table tr img { position: absolute; margin: auto; left: 0; right: 0; bottom: 0; top: 0; z-index: 1; }
.pop_table .f-red{color:#F00!important;font-size:15px;}
.pop_list { }
.pop_list li {position: relative;float: left;height: 41px;width: 100%;border-bottom: 1px dashed #999;padding-top: 11px;line-height: 25px;font-size: 14px;color: #666666;}
/*.pop_list li:last-child{border: none;}*/
.pop_list li:before {position: absolute;left: 0;top: 16px;display: block;content: '';width: 9px;height: 9px;border: 2px solid #666;-moz-border-radius: 7px;border-radius: 7px;}
.pop_list li i { display: inline-block; width: 41px; height: 25px; line-height: 25px; padding-left: 8px; margin-left: 26px; font-style: normal; background: url(../images/newsItemIcon.png) no-repeat; margin-right: 14px; }
.pop_list li a { display: inline-block; width: 780px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; color: #666666; }
.pop_list li a:hover { color: #ff5400; text-decoration: underline; }
.pop_list h2.tit{ padding: 20px 0 8px; text-align: center; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; height: 30px; line-height: 30px; color: #ff5400; }
.pop_list h2 a { color: #ff5400; font-size: 20px; }
.pop_list p {line-height: 21px;font-size: 15px;margin:10px 0px;}
.pop_list img { max-width: 780px; }
.pop_list li .hot_icon { width: 16px; height: 17px; display: inline-block; background: url(../images/hot.gif) no-repeat; }
.nav-item {display: inline-block;float: left;position: relative;margin-right: 7px;margin-top: 15px;_margin-right: 12px;position: relative;}
.nav-item .nav-block {position: relative;display: block;height: 57px;line-height: 65px;width: 163px;background-color: #fcfcfc;border: 1px solid #fcfcfc;}
.nav-item .nav-block:hover { border: 1px solid #efefef; }
.nav-item a img { position: absolute; left: 20px; top: 50%; margin-top: -8px; height: 16px; width: 16px; }
.nav-item .nav-txt { position: absolute; text-align: left; left: 60px; color: #333; font-size: 15px; padding: 0; display: inline-block;/*max-width: 80px; _width: 80px;  overflow: hidden; white-space: nowrap; text-overflow: ellipsis;*/ }
/*????*/
.line_item { display: inline-block; float: left; position: relative; margin-right: 15px; margin-top: 15px; _margin-right: 12px; position: relative; }
.line_item .nav-block { position: relative; display: block; height: 58px; line-height: 58px; width: 373px; background-color: #fcfcfc; border: 1px solid #efefef; }
.line_item .nav-block:hover { border: 1px solid #dfa623; }
.line_item a img { position: absolute; left: 20px; top: 50%; margin-top: -13px; height: 26px; width: 25px; }
.line_item .nav-txt { position: absolute; text-align: left; left: 70px; color: #333; font-size: 18px; padding: 0; display: inline-block; }
.line_item .nav-btn { font-size: 13px; width: 105px; height: 28px; line-height: 27px; position: absolute; text-align: center; top: 13px; right: 20px; color: #dec49b; font-size: 13px; padding: 0; display: inline-block; border: 1px solid #dec49b; border-radius: 5px; }
.line_item .nav-btn:hover { color: #1f1f1e; border: 1px solid #dec49b; background: #dec49b; }


/*????*/
.bojiangbg { margin: 30px auto; background: url(../images/baojiangbg.png) no-repeat; width: 730px; height: 376px; padding: 77px 19px 17px; }
.baojiang_navs .navs-inner { height: 50px; margin: 2px; background: #f9f9f9; }
.baojiang_navs .navs-inner .mod-platfixed { height: 50px; box-shadow: none; border-bottom: 2px solid #ff5400; }

.baojiang_navs .navs-inner li.current, .baojiang_navs li.item:hover ,.baojiang_navs .navs-inner .item a:hover,.baojiang_navs .navs-inner li.current a{color: #fff; background-color: #ff5400; }
.baojiang_navs .navs-inner .item { position: relative; float: left; min-width: 105px; padding: 0 20px; text-align: center; line-height: 50px; color: #333; font-size: 16px; }
.baojiang_navs .navs-inner .item a{ display: block;color: #333;}
.baojiang_navs .navs-inner .item span { position: absolute; top: 2px; right: 0; height: 20px; width: 1px; margin-top: 13px; background-color: #d5d5d5; }
.baojiang_navs .navs-inner .current span, .baojiang_navs li.item:hover span { background-color: #ff5400; }



.baojiang-cont{margin:0px auto;overflow:hidden; height:310px;}

.baojiang-cont .list{display: none;overflow:hidden;}
.baojiang-cont .list li{height:77px;}
.baojiang-cont .list  .item{border-bottom:1px solid #e1e1e1;padding:6px 3px ;width:330px;float:left;margin-right: 10px;margin-left:15px;}
.baojiang-cont .list  .item .game_img{display:inline-block; vertical-align:middle;border-radius:50%;border:2px solid #e3ae5a;}
.baojiang-cont .list  .item .mgicon{ background:url(../images/icon.png) no-repeat 0px -67px;height:60px;width:60px;}
.baojiang-cont .list  .item .pticon{ background:url(../images/icon.png) no-repeat -60px -67px;height:60px;width:60px;}
.baojiang-cont .list  .item .bbinicon{ background:url(../images/icon.png) no-repeat -120px -67px;height:60px;width:60px;}
.baojiang-cont .list  .item .agicon{ background:url(../images/icon.png) no-repeat -180px -67px;height:60px;width:60px;}
.baojiang-cont .list  .item .mwicon{ background:url(../images/icon.png) no-repeat -240px -67px;height:60px;width:60px;}
.baojiang-cont .list  .item .game_img img{ height:60px;width:60px;border-radius:50%;}
.baojiang-cont .list  .item .game_name{display:inline-block;width:130px;color:#333;vertical-align:middle}
.baojiang-cont .list  .item .game_name span.gname{color:#333;font-size:15px; text-align:center;display:block; font-weight:bold;}
.baojiang-cont .list  .item .game_name span.uname{color:#333;font-size:14px; text-align:center;display:block;}
.baojiang-cont .list  .item .game_money{vertical-align:middle;display:inline-block;color:#ff5400;font-size:22px; text-align:center;width:px;line-height:56px;}

.hnva{
  background: url(../images/hbg.png) no-repeat center top;
  height:56px;
  margin-top:6px;
}.hnva a{
  float:left;
  width:20%;
  text-align:center;
  line-height:56px;
  font-size:16px;
  height:56px;
}
.hnva a.ys1{
  color:#;
}.hnva a.ys2{
  color:#bcf881;
}.hnva a.ys3{
  color:#ff5b01;
}.hnva a.ys4{
  color:#f0ff00;
}.vin1{
  padding-top:3px;
}
.hnva a.cur{
  color:#fff; 
}
.vin1 img{
  margin:0 auto;
}


.newbox{
  
  height:35px;
  width:100%;
  background: url(../images/newbg.png);
  z-index: 99;
}
.newin{
  height: 35px;
  padding-left:123px;
  padding-right:10px;
}
.lunleft{
  position:relative;
  overflow:hidden;
  height:35px;
}
.lunleft ul{
  position:absolute;
  left:100%;
  top: 0px;
  display:table;
}
.lunleft ul li{
  display:table-cell;
  white-space:nowrap;
  line-height:35px;
  color:#fff;
}
.xpjpop-con{
  padding:0px;
  margin:10px;
  border-radius: 8px;
  border:1px solid #ddd;
  padding:10px;
  background: url(../images/rbg.jpg) no-repeat center center;
}