@charset "utf-8";

body ,html{background: #21150F url(http://pic.yee5.com/h5special/cqbzh5/body_bg.jpg) no-repeat center 40px;min-width: 1200px;}
a:hover{text-decoration: none;}
.wrap_top{padding-top:610px}
.mtop10{margin-top:10px}
.mtop15{margin-top:15px}
.mtop20{margin-top:20px}
.mtop25{margin-top:25px}
.mtop30{margin-top:30px}
.mleft20{margin-left:20px}
.wrap1200{position: relative;}
.wrap280{width:280px}

.video_top_bg{position: absolute;top:40px;left:0;width:100%;height:1080px;overflow: hidden;}
.video_top_bg video{position: absolute; top: 0; left: 50%; width: 1920px; margin-left: -960px;}

.header-submenu{position: relative;z-index: 10;background:url(../images/menu_bg.png) repeat;height: 70px;}
.header-submenu .game-logo{position:absolute;left:50%;top:0px;width:314px;height:150px;margin-left:-157px;background:url(../images/game-logo.png) no-repeat center 0;z-index: 5;}
.header-submenu .sub-menu{margin-left:-55px;padding:0 20px;height:70px}
.header-submenu .sub-menu a{font-size:19px;color:#D4B768;display:inline-block;margin:15px 8px 0 55px}
.header-submenu .sub-menu a em{display: block;font-size:10px;font-weight: normal;text-align: center;color:#D4B768;font-family: 'Arial';margin-top:2px;}

.footer {background-color: #342D2A;padding: 40px 0;color:#7c7c7b;font-size:13px;text-align: center;line-height: 26px;margin-top:50px}
.footer p,.footer a {color:#7c7c7b;font-size:13px;text-align: center;line-height: 26px;}
.footer p span,.footer a {margin: 0 4px;}

.playgamebtn{width:280px;height:157px;background:url(http://pic.yee5.com/h5special/cqbzh5/gamestart.png) no-repeat;display:block;margin-top:-26px;}
.playgamebtn:hover{background-position:-289px 0;}

.code_down_wrap{width:200px;}
.codeimgbox{width:180px;background:#474747 url(../images/code_bg.jpg) repeat;padding:10px 10px 0 10px;}
.codeimg{position: relative;z-index: 2;width:180px;height:180px;text-align: center;}
.codeimg img{width:180px;height:180px;}
.codeimg p{font-size: 14px;color:#f2d5a3;font-weight: bold;margin-bottom: 12px;height: 18px;line-height: 18px;display:none;}
.codeimg .scanning{display: block;width:163px;height:23px;background:url(../images/code_bj_sm.png) no-repeat;position: absolute;top:0px;left:8px;z-index: 101;-webkit-animation:code-scanning 2s linear infinite;animation:code-scanning 2s linear infinite;}
@-webkit-keyframes code-scanning {
	from {top:0px;}
	to {top:152px;}
}

@keyframes code-scanning {
	from {top:0px;}
	to {top:152px;}
}

.left-ctn{margin-top:-131px}
.left-ctn .mx-code{width:240px;padding:20px;background:#474747 url(../images/code_bg.jpg) repeat;}
.left-ctn .mx-code .codeimgbox{background:#fff;padding:10px 30px 20px 30px;height:210px;}
.left-ctn .mx-code .codeimgbox .codeimg{height:210px;}
.left-ctn .mx-code .codeimgbox .codeimg p{color:#4d4d4d;margin-bottom: 5px;height:25px;line-height: 25px;display:block;}
.left-ctn .mx-code .codeimgbox .codeimg .scanning{top:30px;-webkit-animation:code-scanning1 2s linear infinite;animation:code-scanning1 2s linear infinite;}
.left-ctn .mx-code .codeimgbox .codeimg .refresh_qrcode{top:30px !important;}
.left-ctn .mx-code .down_wrap{width:240px;padding:12px 0 0 0;}
.left-ctn .mx-code .down_wrap .downitem{width:100%}
.left-ctn .kaifulist {border:1px solid #464646;width:238px}
.left-ctn .kaifulist .title{color:#b7a073;}
@-webkit-keyframes code-scanning1 {
	from {top:30px;}
	to {top:182px;}
}

@keyframes code-scanning1 {
	from {top:30px;}
	to {top:182px;}
}

.down_wrap{width:180px;background:#474747 url(../images/code_bg.jpg) repeat;padding:2px 10px 10px 10px;}
.downitem{width:182px;height:56px;background:url(../images/down_item.jpg) repeat;margin:5px -1px 0 -1px;border:1px solid #403F3F;}
.downitem a{display: block;width:100%;height: 100%;background:url(../images/down_ico.png) no-repeat;line-height: 56px;color:#3e362f;font-weight: bold;font-size:16px;font-family: '思源宋体 CN';text-indent: 50px;}
.downitem.disabled{-webkit-filter: grayscale(100%);-o-filter: grayscale(100%);-moz-filter: grayscale(100%);-ms-filter: grayscale(100%);filter: grayscale(100%);filter: gray;cursor: no-drop;}
.downitem.disabled a{cursor: no-drop;}
.downitem.appstoreitem a{background-position: 10px 10px;}
.downitem.androiditem a{background-position: 10px -51px;text-indent: 56px;}
.downitem.weiduanitem a{background-position: 10px -116px;text-indent: 70px;}
.downitem:hover{opacity:0.9;filter:Alpha(opacity=90);}

.kaifulist{width:240px;height:210px;padding:10px 20px;background:#373332 url(../images/bg.jpg) repeat;overflow: hidden;margin-top:10px}
.kaifulist .title{color:#bababa;font-size:22px;font-weight: bold;font-family: '思源宋体 CN';}
.kaifulist ul{margin-top:10px;}
.kaifulist ul li{height:32px;line-height: 32px;}
.kaifulist ul li span,.kaifulist ul li a{float:left;display: inline-block;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;font-size:12px;color:#ececec;}
.kaifulist ul li .line{width:65px;padding-left:15px;background:url(../images/list_ico.png) no-repeat 0 center;}
.kaifulist ul li .time{width:95px;}
.kaifulist ul li .play{float: right;width:60px;text-align: center;}
.kaifulist ul li .play span{display: block;width:100%;color:#bababa;}
.kaifulist ul li .play a{display:none;width: 60px;height: 22px;text-align: center;line-height: 22px;color:#fff6bc;background:#8E6229;margin-top:5px;border-radius: 2px;}
.kaifulist ul li.next span,.kaifulist ul li.next a{color:#7f7f7f;}
.kaifulist ul li:hover .play span{display: none;}
.kaifulist ul li:hover .play a{display: inline-block;}
.kaifulist ul li.next:hover .play span{display: inline-block;}
.kaifulist ul li.next:hover .play a{display: none;}
.kaifulist ul li:hover span{color:#ffca59}

.slideBox{width:700px;height:320px;overflow: hidden;}
.slideBox .bd{width: 100%;height: 100%}
.slideBox .bd ul , .slideBox .bd ul li{width: 100%;height: 100%}
.slideBox .bd ul li img{vertical-align: middle;}
.slideBox .hd{position: relative;height: 20px;margin: -20px 20px 0 0;text-align: right;}
.slideBox .hd span{width: 17px;height: 6px;border: 2px solid #fff;display: inline-block;margin-left: 10px;}
.slideBox .hd span.on{background-color: #cc0000;border-color: #cc0000;}

.news-index-wrap{width:700px;height:301px;background:#E0DDD8 url(../images/news_bg.jpg) repeat;margin-top:10px;}
.news-index-wrap .tab{height:50px;border-bottom: 1px solid #C1AC92;margin:0 30px;}
.news-index-wrap .tab .item{font-size:18px;color:#824f0d;line-height:49px;display:inline-block;padding:0 15px;margin-right:20px;cursor:pointer;float:left;}
.news-index-wrap .tab .item.active{color:#824f0d;border-bottom:2px solid #DB902E;font-weight: bold;}
.news-index-wrap .tab a.more{display:inline-block;float:right;width:16px;height:16px;background:url(../images/more_ico.png) no-repeat;font-size:0;margin-top:17px;}
.news-index-wrap .news-list .list{min-height:200px;margin-top:10px;}
.news-index-wrap .news-list li{height:33px;line-height: 33px;padding:0 30px;}
.news-index-wrap .news-list li .txt{color:#2d2d2d;font-size:14px;float:left;max-width:560px;overflow:hidden;white-space: nowrap;text-overflow: ellipsis;padding-left:15px;background:url(../images/list_ico.png) no-repeat 0 center;}
.news-index-wrap .news-list li.gonglue .txt{max-width: 100%;}
.news-index-wrap .news-list li .date{color:#444444;font-size:13px;float:right}
.news-index-wrap .news-list li:hover .ico,.news-index-wrap .news-list li:hover .txt{color:#8E6229}
.news-index-wrap .news-list li.nodata{color:#444444;text-align: center;line-height: 50px;background:none}
.news-index-wrap .news-list .loading_img{text-align: center;padding:25px}
.news-index-wrap .news-list .morelink{font-size:14px;color:#444444;display:none;margin-top:5px;padding:0 15px;height:23px;line-height: 23px;}
.news-index-wrap .news-list .morelink:hover{color:#8E6229;}

.numDiv{height:800px;position:relative;background:url(http://pic.yee5.com/h5special/cqbzh5/zhiye_bg.jpg) no-repeat top center;}
.numDiv .numNav{width:390px;height:150px; position:absolute;top:35px;left:30px;opacity:0;z-index:1;}
.numDiv .numNav li{width:113px;height:150px;background:url(http://pic.yee5.com/h5special/cqbzh5/zhiye_nav1.png) no-repeat; cursor:pointer; float:left; margin-right:14px;}
.numDiv .numNav li.rw1{background-position:0px 0px;}
.numDiv .numNav li.rw2{background-position:-127px 0;}
.numDiv .numNav li.rw3{background-position:-255px 0;}
.numDiv .numNav li.rw1.cur{background-position:-388px 0px;}
.numDiv .numNav li.rw2.cur{background-position:-515px 0;}
.numDiv .numNav li.rw3.cur{background-position:-643px 0;}
.numDiv .numTab{width:125px;height:60px; position:absolute;top:257px;left:127px;opacity:0;z-index:1;}
.numDiv .numTab li{width:62px;height:60px;background:url(http://pic.yee5.com/h5special/cqbzh5/zhiye_icon.png) no-repeat; cursor:pointer; float:left;}
.numDiv .numTab li.rw1{background-position:0px -72px;}
.numDiv .numTab li.rw2{background-position:-62px 0;}
.numDiv .numTab li.rw1.cur{background-position:0px 0px;}
.numDiv .numTab li.rw2.cur{background-position:-62px -72px;}
.numDiv .Block{display:none;width:1200px;height:800px;position:relative}
.numDiv .Block .k1, .numDiv .Block .k2{position:absolute;bottom:0;display: none;opacity: 0;}
.numDiv .Block .rw1_n{right:-60px}
.numDiv .Block .rw1_g{right:-30px}
.numDiv .Block .rw2_n{right:-50px;bottom:-12px;}
.numDiv .Block .rw2_g{right:-50px;bottom:-12px;}
.numDiv .Block .rw3_n{right:-35px;bottom:-33px;}
.numDiv .Block .rw3_g{right:-80px;bottom:-33px;}
.numDiv .Block .k3{width:456px;height:331px;position:absolute;bottom:100px;left:135px;z-index:1}

.server-wrap{width:238px;height:202px;padding:8px 20px;background:#332F2E url(../images/bg.jpg) repeat;border:1px solid #464646}
.server-wrap .title{font-size:24px;color:#b7a073;font-weight:bold;margin-bottom: 16px;font-family: '思源宋体 CN';}
.server-wrap .qq-box{height:115px;background:#fff url(../images/qq.png) no-repeat 15px 23px;border-radius: 5px;padding-left:85px;position: relative;}
.server-wrap .qq-box .triangle{position: absolute;border:6px solid transparent;border-bottom: 6px solid #fff;top:-12px;left:30px;}
.server-wrap .qq-box .subtitle{color:#666;font-size:13px;padding-top:23px}
.server-wrap .qq-box .qq-number{margin-top:3px;color:#333;font-size:15px;}
.server-wrap .qq-box .link{display:inline-block;height:22px;line-height: 22px;color:#fff;padding:0 10px;border-radius: 2px;margin-top:5px;background:#2094F6;font-size:12px}
.server-wrap .qq-box .wechatlink{background:#48CC00;}
.server-wrap .qq-box .wechatcode{width:140px;height:164px;border:1px solid #DFDFDF;position:relative;top:-188px;left:40px;background:#fff;display: none;text-align: center;z-index: 5;}
.server-wrap .qq-box .wechatcode .arraw_befor{content:'';width:0;height:0;border-top:6px solid #DFDFDF;border-left:6px solid transparent;border-right: 6px solid transparent;position:absolute;bottom:-6px;left:50%;margin-left:-13px;}
.server-wrap .qq-box .wechatcode .arraw_after{content:'';width:0;height:0;border-top:5px solid #fff;border-left:5px solid transparent;border-right: 5px solid transparent;position:absolute;bottom:-5px;left:50%;margin-left:-12px;}
.server-wrap .qq-box .wechatcode p{font-size:14px;color:#636363;}
.server-wrap .qq-time{font-size:12px;color:#867e6f;margin-top:10px;}

.ziliao_box{width:263px;height:218px;border:1px solid #464646;background:#332F2E url(../images/bg.jpg) repeat;float:left;margin-left:10px;}
.ziliao_box .title{background:url(../images/tit_bg.jpg) no-repeat;height: 40px;line-height: 40px;margin:-1px;color:#b7a073;font-size:20px;font-weight: bold;font-family: '思源宋体 CN';text-indent: 20px;}
.ziliao_box ul{padding:12px;}
.ziliao_box ul li{height: 26px;line-height: 26px;color:#979797;font-size:13px;}
.ziliao_box ul li a{color:#979797;}
.ziliao_box ul li a:hover{color:#C4C4C4;}

.game-jietu-wrap{width:360px;height:220px;margin-left:10px}
.game-jietu-wrap .gameimgs{overflow: hidden; position: relative;}
.game-jietu-wrap .gameimgs ul{height: 220px;}
.game-jietu-wrap .gameimgs ul li {width: 360px;height:220px;overflow: hidden;}
.game-jietu-wrap .gameimgs ul li img{width: 100%; height: 100%;transition: all .2s;}
.game-jietu-wrap .gameimgs ul li img:hover{transform: scale(1.1);}

.game-jieshao-wrap{width:170px;height: 207px;background:#D6E9F8 url(../images/bg.jpg) repeat;padding:12px 15px;margin-top:10px;}
.game-jieshao-wrap .title{font-size:22px;color:#bababa;font-weight:bold;margin-bottom: 12px;font-family: '思源宋体 CN';}
.game-jieshao-wrap .cn{font-size:13px;color:#7d7d7d;line-height: 24px;text-indent: 30px;}

.firend_link{font-size:13px;color:#666;margin-top:25px}
.firend_link span,.firend_link a{font-size:13px;color:#666;margin-right:10px}

.right-wrap{width:910px;float:right;}

.game-bn-wrap{height:130px;position: relative;}
.game-bn-wrap .back-bn{background:#2D3035 url(../images/game_bn.jpg) repeat;width:100%;height:130px;position:absolute;bottom:0;left:0}
.game-bn-wrap .title{font-size:36px;color:#b7a073;font-family: '思源宋体 CN';line-height: 120px;margin-left:50px;font-weight: bold;}
.game-bn-wrap .curr_map{position:absolute;bottom:15px;right:25px;color:#8d8981;font-size:12px}
.game-bn-wrap .curr_map a{color:#8d8981;font-size:12px}

.news-wrap{background:#D7D4CF url(../images/news_bg.jpg) repeat;min-height: 823px;}
.news-wrap .tab{border-bottom: 1px solid #C1AC92;margin:0 30px;height:50px;}
.news-wrap .tab .item{font-size:17px;color:#824f0d;line-height:44px;display:inline-block;padding:0 20px;cursor:pointer;float:left;margin-top: 5px;margin-right:20px;}
.news-wrap .tab .item.active{border-bottom:2px solid #DB902E;color:#824f0d;font-weight: bold;}
.news-wrap .news-list{padding:18px 30px;}
.news-wrap .news-list li{height:48px;width:100%;float:left;line-height:48px;border-bottom: 1px dashed #B5B5B5;}
.news-wrap .news-list li .txt{color:#2d2d2d;font-size:16px;float:left;max-width:700px;overflow:hidden;white-space: nowrap;text-overflow: ellipsis;padding-left: 15px;background: url(../images/list_ico.png) no-repeat 0 center;}
.news-wrap .news-list li.gonglue .txt , .news-wrap .news-list li.ziliao .txt{max-width: 860px;}
.news-wrap .news-list li .date{color:#444444;font-size:13px;float:right}
.news-wrap .news-list li:hover .txt{color:#8E6229}
.news-wrap .news-list li.nodata{text-align: center;color:#444444;padding:30px 0;border-bottom: 0;}

.paging{height:30px;line-height:30px;text-align:center;font-size:14px;color:#999;margin-top: 30px;margin-bottom: 20px;}
.paging a,.paging span{display:inline-block;border:1px solid #CCC8C2;height:30px;line-height:30px;padding:0 10px;text-align: center;margin:0 3px;cursor:pointer;background:#E2E2E2}
.paging a:hover{color:#666; text-decoration:none; background:#F8F8F8;}
.paging span{background:#90763F;color:#fff;border:1px solid #90763F;}
.paging a.cur{color:#fff; text-decoration:none; background:#90763F;border:1px solid #90763F;}

.libao-wrap{padding: 30px 35px;}
.libao-wrap .nogift{text-align: center;color:#666;font-size:14px;margin:30px 0}
.libao-wrap .card_list{ height: auto;margin-left:-15px;}
.libao-wrap .card_list ul{width:100%;}
.libao-wrap .card_list ul li{width:33.33%; float: left; height: 85px;margin-bottom: 15px;}
.libao-wrap .card_list ul li .itembox{margin-left:15px;border: 1px solid #CCC8C2;background:#E2E2E2 url(../images/gift_icon.png) 10px 10px no-repeat;height:83px;padding-left:85px}
.libao-wrap .card_list ul li .card_name{width: 100%;font-size: 17px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;margin-top:12px}
.libao-wrap .card_list ul li .card_bottom{width: 100%;margin-top:10px}
.libao-wrap .card_list ul li .card_bottom .getGift_btn{width: 75px; height: 25px; line-height: 25px; background-color: #ff6000; display: inline-block; text-align: center; color: #fff; font-size: 14px; border-radius: 5px; margin-top: 4.5px;}
.libao-wrap .card_list ul li.nodata{text-align: center;color:#999;padding:30px 0;width:100%}

.news-content-wrap{background:#D7D4CF url(../images/news_bg.jpg) repeat;padding:45px 30px 30px;min-height: 748px;}
.news-content-wrap .title{color:#333;font-size:28px;font-weight: bold;text-align: center;}
.news-content-wrap .sub-title{color:#686868;font-size:13px;margin-top:15px;text-align: center;}
.news-content-wrap .content-text{border-top:1px dashed #A8A39B;margin-top:15px;font-size:15px;line-height:25px;padding:10px 0 20px 0;min-height: 260px;}
.news-content-wrap .content-text p,.news-content-wrap .content-text div{font-size:15px;line-height:30px}
.news-content-wrap .content-text img{max-width: 100%;}
.news-content-wrap .r_back{text-align:right;border-top:1px solid #BCBCBC}
.news-content-wrap .r_back a{display:inline-block; color:#999;font-size:14px;margin-top:15px;}
.news-content-wrap .r_back a:hover{color:#666;}
.news-content-wrap a.playgame:hover{color:#ff0;text-decoration:none;background:#f00;}
.news-content-wrap a.playgame{margin:30px;display:inline-block;width:150px;line-height:35px;text-align:center;color:#fff;border-radius:20px;background:#b00;font-size:16px;}

/*H5礼包详情*/
.sy_detail_card{height: auto;padding: 20px;}
.sy_detail_card .sy_game_img{width: 150px; height: 150px; float: left;}
.sy_detail_card .gift_info {width: 440px;height: 100%;float: left;margin-left: 20px;}
.sy_detail_card .gift_info div{width: 100%; font-size: 14px; margin-top: 6px; float: left; height: 20px; line-height: 20px;}
.sy_detail_card .gift_info .name{height: 30px; line-height: 30px; font-size: 22px; color: #303030; margin-bottom: 3px; margin-top: 0;}
.sy_detail_card .gift_info .txt1{color: #444; float: left; margin-right: 8px;}
.sy_detail_card .gift_info .txt2{float: left;}
.sy_detail_card .gift_info .progress_box{width: 310px; float: left; margin-top: 0;}
.sy_detail_card .gift_info .progress{width: 265px; height: 14px; background-color: #eaeaea; margin-top: 3px; border-radius: 3px; margin-right: 7px;}
.sy_detail_card .gift_info .progress_bar{height: 14px; display: inline-block; background-color: #ff3e3e; border-top-left-radius: 3px; border-bottom-left-radius: 3px;}
.sy_detail_card .gift_info .progress_val{width: 37px; color: #000; display: inline-block;}
.sy_detail_card .gift_info .valid_time .txt2{color: #000;}
.sy_detail_card .gift_info .down_android .txt2{color: #0078ff;}

.sy_detail_card .gift_btn_wrap{min-width: 220px; float: right; height: auto; text-align: right;}
.sy_detail_card .gift_btn_wrap .imme_receive_btn{width: 150px; height: 45px; line-height: 45px; display: inline-block; text-align: center; background-color: #50b326; color: #fff; font-size: 22px; border-radius: 5px; margin-top: 46px;}
.sy_detail_card .gift_btn_wrap ul{border: 1px solid #FBD299; background: #FCF8E8; padding: 12px; border-radius: 8px; margin-top: 25px;}
.sy_detail_card .gift_btn_wrap ul .card_cdkey{color: #f00; font-size: 16px; text-align: center; line-height: 32px; font-weight: 600;}
.sy_detail_card .gift_btn_wrap ul .card_tips{color: #369; font-size: 12px; text-align: center; margin-top: 6px;}

.card_info_box{height: auto;padding: 0 20px 20px 20px;border-top:1px solid #eae9e9;}
.card_info_box .giftBag_that , .card_info_box .instructions , .card_info_box .game_des{width: 100%;height: auto;padding-top: 30px;padding-bottom: 30px;border-bottom: 1px solid #e7e7e7;}
.card_info_box .game_des{border-bottom: 0 none;}
.card_info_box .subtitle{width: 100%; font-size: 18px; display: inline-block;}
.card_info_box .details{margin-top: 13px; font-size: 14px; color: #666; line-height: 22px;}
.card_info_box .details p, .card_info_box .details div{font-size: 14px; color: #666; line-height: 22px;}
.card_info_box .details img{max-width: 100%;}

/* 传奇霸主h5 */
.master_login{height: 260px;}
.master_login .back_bn{background:url(/Public/H5special/cqbzh5/images/login_bg.png) repeat;height: 260px;}
.master_login .title{display: none;}
.master_login  .uname a.name{color:#999}
.master_login .box_after_hd,.master_login .last_hd .type_tabs{border-color:#494848}
.master_login .umoney,.master_login .last_hd h2,.master_login .last_hd .type_tabs{color:#a6a6a6;}
.master_login .last_hd ul li{margin-top:10px;}
.master_login .last_hd ul li.lastgame_4{display: none;}
.master_login .last_hd ul li .play{color:#c97e58}
.master_login .vip_info{background:#494949;}

.tip18year{margin-top: -180px;margin-bottom: 160px;}