@charset "utf-8";
/* CSS Document */
.select-dl div ul li{float:left;}
/* game-cdk*/
.icon-sj-t{background-position:-222px -151px;margin-top:4px;}
.main-banner{ background:#0e2020 url(../images/game4_02.jpg) center -18px no-repeat; border-bottom:4px solid #ff9900; height:288px;}
.banner-ct{ position:relative; z-index:1;}
.bar{ height:32px; line-height:32px; color:#fff; background:#000; opacity:0.5; filter:alpha(opacity=50);}
.bar .main-ct{/* opacity:1; filter:alpha(opacity=100);*/}
.bar a{ color:#fff;}
.bar .icon-hm{margin-top:5px;}
.game-logo{ height:130px;}
.game-logo a{ display:block; height:120px;width:200px;}
.game-ct{width:1200px; color:#666666; height:86px;}
.game-ct h2{ color:#ccc;font-size:30px;}
.ds-method li{ float:left;}
.ds-method li.down_hover{ z-index:500; position:relative;}
.ds-method li .mod-md{ position:absolute;right:-400px;top:0; /*z-index:50;*/}
.icon-star-on{ position:absolute;left:0; top:0;}
.icon-star-on .icon-star{background-position:-60px -716px; }
.ds-method .down_hover .mod-md{ display:block;}
.game-ct .button .txt{width:85px; float:left; text-align:center;}
.game-ct .button-small{ padding:0;}
.game-ct .button span{padding:0 5px; height:26px; background-color:#8fc31f}

.game-ct .icon-C,.game-ct .icon-heart{background-position:-115px -682px;}
.game-ct .icon-F,.game-ct .icon-ff-2{/*background-position:-223px -327px;*/background-position:-220px -294px;}
.game-ct .icon-I,.game-ct .icon-xf-2{background-position:-8px -537px;}
.game-ct .icon-A,.game-ct .icon-lt{background-position:-223px -468px;}
.game-tab-link{ height:30px;padding-top:10px;}
.game-tab-link li{ float:left; color:#4c4c4c; background-color:#ccc; font-size:14px; font-weight:bold; height:30px; line-height:30px; margin-right:3px;}
.game-tab-link li a{ display:block; padding:0 20px; color:#4c4c4c;}
.game-tab-link .on{ background-color:#ff9900; color:#fff;}
.game-tab-link .on a{ background-color:#ff9900; color:#fff;}
.mod-md1-lf{width:505px; margin-right:100px;padding-top:30px;}
.mod-md1-lf .txt-pf{ margin-right:10px;margin-left:10px;font-size:48px;font-weight:bold;margin-top:-10px;}
.mod-md1-lf .txt-pfl{margin-top:5px;font-size:18px; line-height:20px;}
.mod-md1-lf .txt-pfl i{font-size:16px;}
.mod-md1-lf .icon-star{width:40px; height:40px;background-position:-776px -436px;}
.mod-md1-lf .icon-star-on{ height:40px;position:absolute;left:0;top:0; overflow:hidden;}
.mod-md1-lf .icon-star-on span{ float:left; display:block;width:200px; height:40px;}
.mod-md1-lf .icon-star-on .icon-star{background-position:-939px -87px;}
.mod-md1-rt{width:500px;}
.mod-md1-rt h5{ height:30px;}
.mod-md1-rt dt{width:102px;margin-right:10px; float:left;}
.mod-md1-rt dd{float:left; text-align:right;}
.mod-md1-rt .jd-t{ display:inline-block;width:145px; height:10px; float:none;background-color:#e6e6e6;}
.mod-md1-rt .jd-t-on{height:10px;position:absolute;left:0;top:0;background-color:#ffa722;}

.mod-tt1 h3{ color:#4c4c4c; font-weight:bold;font-size:14px; height:40px; line-height:40px;padding-left:10px;background-color:#e6e6e6;}
.mod-tt1 .btn-mor{ position:absolute;right:15px;top:10px;}
.mod-md2 dl{ border-top:1px dotted #dbdbdb; padding:10px 0;}
.mod-md2 dt{float:left;width:995px; overflow:hidden;}
.mod-md2 dt .gm_pic{ float:left;}
.mod-md2 dt .gm_pic span{border:1px solid #f5f5f5}
.mod-md2 dt .gm_nm,.mod-md2 dt .gm_txt{margin-left:60px; display:block;}
.mod-md2 dd{ float:left; text-align:right;width:150px;}

.mod-md2 dd .gm_star a{ display:inline-block;}
.mod-md2 dd .gm_txt{ display:inline-block;width:150px;}
.mod-md2 dd .icon-star-on{position:absolute;left:0;top:0;}
.mod-md2 dd .icon-star-on .icon-star{background-position:-61px -716px;}
.btn-mor-md2-box{position:absolute;left:50%;margin-left:-250px;bottom:0; width:500px; text-align:center;}
.btn-mor-md2{ position:relative; display:inline-block;height:24px; line-height:24px; background-color:#f5f5f5; color:#4c4c4c; cursor:pointer;
    border:none 0 #000000;
    -moz-border-radius-topleft: 3px;
    -moz-border-radius-topright:3px;
    -moz-border-radius-bottomleft:0px;
    -moz-border-radius-bottomright:0px;
    -webkit-border-top-left-radius:3px;
    -webkit-border-top-right-radius:3px;
    -webkit-border-bottom-left-radius:0;
    -webkit-border-bottom-right-radius:0;
    border-top-left-radius:3px;
    border-top-right-radius:3px;
    border-bottom-left-radius:0;
    border-bottom-right-radius:0;}
.btn-mor-md2 span{ padding-left:10px;}	


/*game-Currency*/
.main-fl-list{background-color:#fafafa;border-bottom:1px solid #e6e6e6; padding:20px 0; position:relative;}
/*.main-fl-list .poe-region a{width:115px; display:inline-block; text-align:center;}*/
.main-fl-list .poe-region a{display:inline-block; padding: 0 15px;}
.main-fl-list .poe-region a span{float:none; display:inline-block; padding:5px 10px;}
.poe-title{display:none;}
.show{display:block;}
.main-fl-list .selected-tj dd{ float:none;margin-left:160px;}	
.main-fl-list .selected-tj dd a{margin-bottom:5px;}
.main-fl-list .mod-md3 .selected-tj dd a span{ float:left; padding:5px;max-width:186px; overflow:hidden; height:14px; line-height:14px; white-space:nowrap;text-overflow:ellipsis;}
.main-fl-list .selected-tj dd span.icon-pf1,.main-fl-list .selected-tj dd span.icon-pf2,.main-fl-list .selected-tj dd span.icon-pf3,.main-fl-list .selected-tj dd span.icon-pf4,.main-fl-list .selected-tj dd span.icon-pf5,.main-fl-list .selected-tj dd span.icon-pf6,.main-fl-list .selected-tj dd span.icon-pf7{width:118px; height:14px;}	
.selected-tj .icon-close3{ position:static;margin-top:2px;}
.selected-tj .icon-gq{margin-top:7px;}
.mod-md3 .selected-tj .icon-jb{margin-top:2px;}
.mod-md3 .selected-tj .icon-gp{margin-top:2px;}
.mod-md3 dt{ text-align:right; line-height:40px; float:left;width:160px; height:40px;}
.mod-md3 dd{ padding-top:5px; float:left;width:1035px; }
.mod-md3 dd.gq-check{ float:none;margin-left:160px;}
.mod-md3 dd.gq-check a{margin-bottom:5px;}
.mod-md3 dd a{background-color:#ffffff; float:left;border:1px solid #e6e6e6; display:inline-block; margin-right:5px;}
.mod-md3 dd .on,.mod-md3 dd .check-on,.mod-md3 dd a:hover{background-color:#ff9900; color:#fff; text-decoration:none;border-color:#fff;}
.mod-md3 .poe-region .pic-pf img{max-width:30px; max-height:30px;margin-top: 5px; float: left;}
.mod-md3 dd a span{ padding:5px 10px; float:left;}
.mod-md3 dd .on .sjx-b{display:inline-block;}
.mod-md3 .icon-gp{margin-top:4px;margin-left:5px;}
.mod-md3 .icon-jb{margin-left:5px;}
.mod-md3 dd .on .icon-gp,.mod-md3 dd a:hover .icon-gp{background-position:-12px -114px;}
.mod-md3 dd .on .icon-jb,.mod-md3 dd a:hover .icon-jb{background-position:-61px -256px;}
.mod-md3 dd .on .icon-yes,.mod-md3 dd a:hover .icon-yes{background-position:-12px -147px;margin-top:4px;}
.mod-md3 .on{ display:block;}
.poe-title{width:1153px; height:30px; line-height:30px; padding:5px 20px; color:#ff9900; font-size:16px; font-weight:bold; border:1px solid #ffdaa1; border-bottom:1px dotted #ffdaa1; margin-left:-160px; background-color:#fff;}
.dd-list{display:none;margin-left:-160px; padding:0 20px 0 20px;border:1px solid #ffdaa1;border-top:none;/*background-color:#fffcdc;*/background-color:#fff;}
.dd-list ul{width:1155px;}
.tab-box .dd-list li{ float:none;width:1155px;/* padding-top:10px; height:120px;max-height:820px;overflow-y:auto;*/ }
.dd-list h4{ line-height:40px;}
.dd-list h4 a{ width:auto; float:none;background:transparent;border:0;margin:0;}
.dd-list h4 a:hover{ background-color:transparent; color:#000;}
.dd-list a{width:181px; height:30px; line-height:22px; padding:0 2px; border:1px solid #e6e6e6; text-align:center;margin:0 10px 10px 0;background-color:#fff;}
.dd-list a i{width:30px; height:30px; line-height:48px; float:left; margin-left:10px;}
.dd-list a img{max-width:30px; max-height:30px;}
.mod-md3 .dd-list a span{width:130px; float:left; white-space:nowrap;overflow:hidden;text-overflow:ellipsis; text-align:left; margin-left:4px; padding-left:0; padding-right:0;}
.dd-list a.on,.dd-list a:hover{background-color:#ff9900; color:#fff; text-decoration:none;border-color:#fff;}
.dd-list a span{padding:5px 10px; display:inline-block;}
.dd-list .backtop .sel-a{width:181px; height:30px;}
.tab-box{  /*position:relative;*/}

.tab-box .ct-on{ display:block;}
.tab-box .tt-li li{ float:left; }
.tab-box .tt-li li a{ position:relative; z-index:0;}
.poe-region a .sjx-b{top:27px; left:46px; display:none; z-index:3;background-position:-196px -680px;}
.poe-region .l_item4{width: 155px !important;}
.dd-list2{display:none;float:left; position:absolute; z-index:3;left:0;top:39px; color:#434343; width:300px;margin-left:0; padding:10px;border:1px solid #ffdaa1;background-color:#fefee8;}
.tab-box2{  /*position:relative;*/}
.tab-box2 .tt-li li{ float:left;}
.tab-box2 .tt-li li a{ position:relative;}
.mod-md3 .tab-box2 .sjx-b,.mod-md3 .tab-box2 .on .sjx-b{top:27px;left:3px; display:none; z-index:3;background-position:-196px -680px;}
.mod-md3 .tab-box2 .down_hover .sjx-b{ display:block;}
.down_hover .dd-list2{ display:block;}

/*---------------game-About Game*/
.mod-tt5 h3{font-size:36px; color:#ff9900;}
.mod-md8{ margin-top:20px; overflow:hidden;}
.mod-md8 ul{width:1300px;}
.mod-md8 li{ float:left;width:342px;margin-right:67px;margin-bottom:30px;}
.mod-md8 p{ display:block;}
.mod-md8 .gm-pic,.mod-md8 .gm-pic img{width:342px; height:192px;}
.mod-md8 .gm-nm,.mod-md8 .gm-nm a{color:#4c4c4c; font-size:20px; font-weight:bold;}
.mod-md9 dl{border-bottom:1px dotted #dbdbdb; padding:10px 0;}
.mod-md9 dt{ color:#b2b2b2; float:left;width:865px;}
.mod-md9 dt h4{ font-weight:bold;}
.mod-md9 dd{margin-left:865px; text-align:right;}
.mod-md9 dd .gm-txt{ display:inline-block; vertical-align:bottom;}