@charset "utf-8";
/* 游戏信息 */
.content{width: 1180px;margin: 5px auto 0;padding: 10px;background: #fff;}
.mbx{height:40px;line-height:40px;padding:0 0 0 48px;background: url(../images/place.png) no-repeat 13px 10px;font-size:14px;color:#333333;border-bottom:1px solid #ececec;margin-bottom: 10px;}

.content .content_left{width: 836px;float: left;}
.content .content_right{width: 320px;float: right;}
.content .Gminfo {width: 100%;height: 265px;position: relative;}
.content .Gminfo h1{line-height: 30px;font-size: 26px;margin-left: 10px;margin-bottom: 15px;font-weight: normal;}
.content .Gminfo .gminfo_left{width: 186px;float: left;margin-right: 15px;}
.dozan{width: 170px;height: 34px;border: 1px solid #ccc;border-radius: 15px;line-height: 34px;margin-top: 18px;}
.dozan span{display:block;float:left;width: 48%;line-height: 34px;}
.dozan span i{display:block;width:45px;height:34px;float:left;background: url(../images/icon-1.png) no-repeat;cursor:pointer;}
.dozan span b{font-weight:400}
.dozan .dozan-a2{float:right}
.dozan .dozan-a1 i{background-position:-69px 5px}
.dozan .dozan-a2 i{background-position:-110px 5px}

.content .Gminfo .img {display: block;margin: 0 auto;}
.content .Gminfo .img, .content .Gminfo .img img {width: 150px;height: 150px;border-radius: 18px;}
.content .Gminfo .lis {float: right;width: 630px;height: 60px;margin-top: 15px;}
.content .Gminfo .lis li {width: 190px;height: 30px;line-height: 30px;margin-right: 15px;float: left;font-size: 14px;color: #303030;}
.content .Gminfo .lis li a { color: #f0412a; }
/*游戏介绍-标签*/
.gtag {overflow:hidden;float: right;width: 630px;zoom:1;background:url(../images/g_tag_pl.gif) repeat-x 0px 46px;}
.gtag span {padding: 0 0 0 20px;display:block;background: url(../images/tag_tb.png) no-repeat 1px 3px;margin: 5px 0 5px 0;line-height:18px;height:20px;overflow:hidden;zoom:1;}
.gtag span a{color: #17a7ee;border: 1px solid #17a7ee;border-radius: 2px;padding: 0px 3px;margin-right: 10px;display: inline-block;}
.gtag span a:hover{color:#fff; background: #17a7ee}
.gtag span i {color: #C0C0C0;font-style: normal;border: 1px solid #DBDBDB;border-radius: 2px;margin-bottom: 10px;padding: 0px 3px;margin-right: 10px;display: inline-block;}

.content .Gminfo .btn_box{width: 630px;float: right;}
.content .Gminfo .btn_box .btn{/* width: 424px; *//* height: 150px; */float: left;}
.content .Gminfo .btn_box .btn a{display: block;width: 170px;height: 50px;float: left;line-height: 50px;color: #fff;border-radius: 5px;margin-top: 20px;font-size: 16px;margin-right: 40px;}
.content .Gminfo .btn_box .btn .book-now-btn{display: block;width: 170px;height: 50px;float: left;line-height: 50px;color: #fff;border-radius: 5px;margin-top: 20px;font-size: 16px;margin-right: 40px;background: #c5c5c5;text-align: center;}
.content .Gminfo .btn_box .btn a span{display: block;width: 52px;height: 50px;float: left;background: url(../images/soft_pc_infoicon.png) no-repeat;}
.content .Gminfo .btn_box .btn .az_btn{background: #23bc6a;}
.content .Gminfo .btn_box .btn .az_btn span{background-position: -355px -3px;}
.content .Gminfo .btn_box .btn .pc_btn{background: #0d8dfa;}
.content .Gminfo .btn_box .btn .pc_btn span{background-position: -408px -4px;}
.content .Gminfo .btn_box .btn .ios_btn{background: #9a9a9a;}
.content .Gminfo .btn_box .btn .ios_btn span{background-position: -355px -48px;}
.content .Gminfo .btn_box .btn .zl_btn{background: #5c5c5c;}
.content .Gminfo .btn_box .btn .zl_btn span{background-position: -398px -6px;}
.content .Gminfo .btn_box .qr_img{width: 200px;height: 150px;float: right;}
.content .Gminfo .btn_box .qr_img img{margin-top: 15px;}
.content .Gminfo .btn_box .btn a i{font-style: normal;}


.title_h{line-height: 38px;}
.title_h span{padding-left: 10px;border-left: 5px solid #00a9c3;font-size: 16px;}

/* content nav */
.content .s_title{width: 836px;z-index:9999;padding-top: 8px;}
.content .s_title{height: 45px;line-height: 45px;border-bottom: 3px solid #ddd;}
.content .s_title li,.content .s_title span{float:left;padding: 0 15px;cursor:pointer;color:#666;font-size:16px;height: 45px;}
.content .s_title .cur{border-bottom: 3px solid #00a9c3;margin-bottom: -3px;}
.content .s_title .one{background:#1aabc0;color:#fff;border-color:#1aabc0;border-radius: 5px 5px 0px 0px;}

#v-intro{line-height:24px;color:#666;font-size:15px;margin-top: 15px;}
#v-intro p{line-height: 30px;}
#v-intro h3 {border-left: 5px solid #00a9c3;padding-left: 10px;line-height: 30px;height: 30px;background: #f8f8f8;margin: 15px 0 10px 0;font-size: 16px;}
#special-box{margin:10px;background:#fefadd;border:1px solid #fbd074;padding:10px;}
#special-box h2{font-size:14px;border-bottom:1px dashed #fbd074;color:#ffa93a;}
#special-info{padding:10px 0;}
#special-info a{color:red;}
#special-info img{display:block;}
#v-recom{position:absolute;height:76px;top:4px;right:120px;}

.oTit{border-bottom: 3px solid #dddddd;margin-bottom:12px;position:relative;}
.oTit h2{height: 50px;line-height: 50px;padding:0 15px;color: #00a9c3;display:inline-block;font-size: 18px;margin-bottom: -3px;font-weight: 600;float:left;border-bottom: 3px solid #00a9c3;}
.oTit a {float: right; margin-top: 25px;}
.guess_tab{position:absolute;bottom: 4px;margin-left: 20px; right: 0; height: 30px;overflow: hidden}
.guess_tab b{font-weight:normal;margin:0 0 0 5px;cursor:pointer;background:#e5e5e5;padding:6px 10px;border-radius:3px;color:#6b6b6b;font-size: 13px;display: inline-block;}
.guess_tab b.cur{background: #00a9c3;color:#fff;}

/*imgview*/
#imgview{margin-bottom:10px;overflow: hidden;}
#imgview ul{width: 860px;height: auto;overflow: auto;white-space: nowrap;}
#imgview ul li{padding-right: 12px;display: inline-block;}
#imgview ul li img{max-height:300px;}

.r-look-c{ padding-top:20px; overflow: hidden; }
.r-look-img{ float: left; display:inline-block; width:192px; height:100px; margin-right: 16px; }
.r-look-img img{ width:100%; height:100%; display: block; object-fit:cover; }
.r-look-t{ font-size:14px; }
.r-look-h3{ padding:10px 0; }
.r-look-h3-a1{ color:#333; font-size: 16px; font-weight: 500; }
.r-look-h3-a2{ float:right; font-weight:500; font-size:12px; color:#f2662f; position: relative; padding-right: 10px; }
.r-look-h3-a2:after{ content: '>'; position: absolute; top:0; right:0; }
.r-look-t p{ color:#999; line-height: 26px; font-size:14px; height:52px; overflow: hidden; }
.r-look-soft{ padding-top:24px; }
.r-look-soft ul{ overflow: hidden; }
.r-look-soft ul li{float:left;width:200px;margin-right: 10px;margin-bottom:30px;}
.r-look-soft ul li:nth-of-type(4n+4){ margin-right:0; }
.r-look-soft-img{ float:left; margin-right: 10px; }
.r-look-soft-img img{ width:70px; height:70px; border-radius: 4px; display:block; object-fit:cover; }
.r-look-soft-p1{ height:18px; overflow: hidden; }
.r-look-soft-p1 a{color:#333;font-size:14px;display: block;width: 115px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.r-look-soft-p1 span{ color:#bbb; margin-left:5px; font-size: 12px; }
.r-look-soft-p2{ padding:6px 0; }
.r-look-soft-p2 a{ color:#1c70e3; }
.r-look-soft-p2 i{ color:#c2c2c2; font-style: normal; position: relative; padding-left:10px; }
.r-look-soft-p2 i:before{ content: ''; position: absolute; width:1px; height:10px; background:#e0e0e0; top:0; left:5px; bottom:0; margin:auto; }
.r-look-soft-p3{ font-size:14px; width: 140px; overflow: hidden; height: 30px; }
.r-look-soft-d{ width:260px; }
.r-look-soft-p3 span{ margin-right: 6px; border-radius: 2px; padding:3px 5px; display: inline-block; max-width: 100px; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; }
.r-look-soft-p3 span:nth-of-type(1){color: #9a9a9a;border: 1px solid #9a9a9a;}
.r-look-soft-p3 span:nth-of-type(2){ color:#f1c720; border:1px solid #f1c720; }
.r-look-soft-p3 span:nth-of-type(3){ color:#333; border:1px solid #333; }
.r-look-soft-p3 span:nth-of-type(4){ color:#1dbb37; border:1px solid #1dbb37; }
.r-look-soft-p3 span:nth-of-type(5){ color:#0b3ebc; border:1px solid #0b3ebc; }


/* 热门标签 */
.colors-tag{margin-left:-10px;overflow:hidden}
.colors-tag li{float:left;margin:0 0 10px 10px}
.colors-tag li a{display:block;color:#fff;line-height:24px;padding:0 9px;}
.colors-tag li a:hover{opacity:.8;filter:alpha(opacity=80)}
.background_1 {background: rgb(242, 160, 161);}
.background_2 {background: rgb(132, 185, 203);}
.background_3 {background: rgb(205, 140, 92);}
.background_4 {background: rgb(248, 184, 98);}
.background_5 {background: rgb(165, 154, 202);}
.background_6 {background: rgb(165, 143, 134);}
.background_7 {background: rgb(136, 203, 127);}

/* 手游详情 - 同类手游 */
.mg_similar{width: 100%;}
.mg_similar ul{width: 330px;}
.mg_similar li{float:left;width: 87px;text-align:center;margin-top:20px;margin-right: 23px;}
.mg_similar li a{display: block;}
.mg_similar li img{display:block;margin:0 auto;border:1px solid #f2f2f2;border-radius:16px;}
.mg_similar li span{display:block;height:30px;line-height:30px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin:0 auto;}

/* 本类排行 */
.top_ph{margin-bottom: 20px;}
.top_ph{width: 100%;height: auto;}
.top_ph ul li{width: 100%;min-height: auto;cursor: pointer;margin: 4px auto 1px;display: block;overflow: hidden;}
.top_ph ul li>span{display: block;float: left;width: 26px;height: 18px;text-align: center;border-radius: 3px;font-size: 14px;color: #999;line-height: 18px;margin: 10px 12px 0 0;}
.top_ph ul li .bt{overflow: hidden;font-size: 15px;color: #404040;display: block;float: left;width: 270px;height: 30px;line-height: 30px;margin-top: 4px;}
.ph-game{display: none;float: left;width: 260px;height: 70px;margin: 5px 0 0 50px;}
.ph-game .img img{display: block;float: left;width: 65px;height: 65px;border-radius: 12px;margin-right: 10px;}
.ph-game span{display: block;float: left;width: 123px;height: 24px;line-height: 24px;margin-top: 7px;font-size: 14px;color: #8ba8a3;overflow: hidden;}
.ph-game a.downl{display: block;float: right;width: 50px;height: 22px;border: 1px solid #589cf6;color: #589cf6;text-align: center;line-height: 24px;font-size: 12px;border-radius: 4px; margin-top: -8px;}
.ph-game a.downl:hover{background: #589cf6 !important;color: #fff !important;}
/*.showstyle>p{font-weight: bold}*/
.showstyle .ph-game{display: block;}



.hotgame-lb{width: 100%;height: auto;display: table;margin: 10px 0;}
.lb-con{width: 100%;height: 60px;display: block;float: left;border-bottom: 1px dashed #ddd;}
.lb-con>a img{width: 50px;height: 50px;display: block;float: left;margin: 5px 20px 0 10px;border-radius: 12px;}
.lb-con>a p{width: 200px;height: 20px;display: block;float: left;margin-top: 10px;overflow: hidden;line-height: 20px;color: #404040;font-size: 16px;}
.lb-con>a p:hover{color: #589cf6;}
.lb-con:hover{background: #f0f0f0;}
.lblq-con{display: block;float: left;margin-top: 16px;width: 250px;height: 26px;}
.lblq-con>span{display: block;float: left;width: 16px;height: 18px;margin: 0 10px 0 0;}
.lblq-con>p{display: block;float: left;color: #8ba8a3;font-size: 12px;line-height: 26px;margin-left: 10px;}
.dowl-but{display: block;float: right;width: 60px;height: 26px;text-align: center;line-height: 26px;border: 1px solid #589cf6;color: #589cf6;border-radius: 6px;margin-top: -14px;    margin-right: 6px;}
.dowl-but:hover{color: #fff;background: #589cf6;}
.tuijian-dowl{width: 170px;}
.tuijian-dowl p{height: 24px;width: 170px;margin: 2px 0;overflow: hidden;line-height: 24px;font-size: 12px;color: #8ba8a3;}
.tuijian-dowl p span{margin: 0 4px;}

.side_tlgame {overflow: hidden; margin-bottom:20px; position: relative; margin-top: 30px }
.side_tlgame .tab_con {margin-top:18px}
.side_tlgame h2.tab_til span { width: 130px;}
.hj_list { margin-top: 20px ; padding: 10px 20px;}
.hj_list li{height: 110px; overflow: hidden; margin-bottom: 15px; border-radius: 5px;  cursor: pointer; background: #000; position: relative;}
.hj_list li img {display: block; width: 280px; }
.hj_list li a { display: none; position: absolute; top: 55px; left: 100px; width: 80px; text-align: center; border-radius: 3px; line-height: 30px; background: #0877d0; color: #fff; }
.hj_list li:hover img { opacity: 0.3 }
.hj_list li h4 { display: none; position:absolute; top: 25px; width:240px; left: 20px; color: #fff; font-size: 16px; text-align: center; font-weight: bold;overflow:hidden;  text-overflow: ellipsis; white-space: nowrap; }
.hj_list li:hover h4 { display: block; }
.hj_list li:hover a { display: block; }
.hj_list li:hover a:hover { background: #f02f2f}


/*预约*/
.yuyuemengban{display: none; width: 100%;height:2000px;position: fixed;z-index: 999;;background: rgba(0,0,0,.5);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#7f000000,endColorstr=#7f000000);left: 0;top: 0;}
.yuyuewrap{display:none; width: 400px;height: 300px;position: fixed;left: 50%;top:45%;margin: -150px 0 0 -200px;background: #fff;border-radius: 8px;z-index: 1000;cursor: initial;}
.yuyuewrap .closebtn{position: absolute;right: 10px;top: 5px;font: 20px/18px microsoft yahei; color: #3bb3f2; cursor: pointer;}
.yuyuewrap .closebtn:hover{opacity: 0.88;}
.yuyuewrap .yuyue_con{width: 320px;height: 260px;margin:0px auto; padding-top:20px}
.yuyuewrap .yuyue_con .phone{width: 300px;height: 45px;font-size: 14px;line-height: 45px;padding: 0 10px;border:1px solid #ccc ; display: block; margin: 20px auto 0 auto; border-radius: 5px;}
.yuyuewrap .yuyue_con .phone:focus{border:1px solid #3bb3f2 ;}
.yuyuewrap .yuyue_con .tips{width: 320px;text-align: center;line-height: 45px;font: 16/45;margin: 10px auto;color: #999;}
.yuyuewrap .yuyuebtn_bs,.yuyuewrap .yuyuebtn_br{width: 330px;height: 45px;line-height: 45px;text-align: center;border-radius:3px;margin: 10px auto 20px;font-size: 16px;cursor: pointer;}
.yuyuewrap .yuyuebtn_bs{background: #3bb3f2;color: #fff;}
.yuyuewrap .yuyuebtn_bs:hover,.yuyuewrap .yuyuebtn_br:hover{opacity: 0.88;}
.yuyuewrap .yuyuebtn_br{color: #3bb3f2;border: 1px solid #3bb3f2;}


/*最新推荐*/
.new_tj{width: 100%;}
.new_tj ul{width: 864px;}
.new_tj li{float:left;width: 72px;text-align:center;margin-top:20px;margin-right: 24px;}
.new_tj li a{display: block;}
.new_tj li img{display:block;margin:0 auto;border:1px solid #f2f2f2;border-radius:16px;width: 72px;height: 72px;}
.new_tj li span{display:block;height:30px;line-height:30px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin:0 auto;}