@charset "utf-8";

/*游戏下载*/
.appBox{padding: 10px;background:#fff;overflow:hidden;border-top: 1px solid #eee;}
.appBox .app{overflow: hidden;}
.appicon img{width:80px;height:80px;float:left;border-radius:8px;}
.infocont{position:relative;}
.infocont h1,.infocont_lb h1{display:block;font-size:18px;font-weight: bold;max-height:40px;margin-bottom:3px;line-height: 30px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.appicon {width:95px;max-height:107px;float:left;overflow:hidden;clear:both;}
.appicon .zdesc{display:none;width:64px;font-size:10px;padding:2px 0 1px 0;text-align: center;line-height:12px;margin-top:5px;border: 1px solid #e1e1e1;border-radius: 2px;color: #555;position:relative;z-index:9999;}
.appicon .zdesc a{color: #08961e;}
.infocont .infos li { float:  left; width: 33%; font-size: 12px; line-height:22px; color: #666; height: 22px; overflow: hidden; }
.infocont .infos li.time{width: auto;}

.topdown a.down,.safety_btn {display:block;width: 90%;height: 36px;text-align:center;line-height: 36px;background: #138ff1;border-radius: 18px;font-size: 16px;color:#fff;margin: 15px auto 0;}
.topdown .downbtn_a,.d_game .btn_zq_a{display:inline-block;width: 45%;height: 40px;line-height: 40px;margin: 0 2% 0 2%;margin-bottom:10px;background:#fff;font-size: 14px;border: 1px solid #f75c07;color: #f75c07;box-sizing:  border-box;border-radius:5px;text-align: center;margin-top: 15px;}
.topdown .downbtn_b{text-align: center;background: #f75c07;display:  inline-block;width: 45%;margin: 0 2% 0 3%;margin-bottom:10px;line-height: 20px;height: 38px;padding-top:  2px;vertical-align: top;font-size: 14px;border-radius: 5px;color: #fff;margin-top: 15px;}
.topdown .downbtn_b i{display:block;height: 16px;line-height: 16px;font-size:12px;text-align:center;font-style:normal;opacity:.8;}
.topdown p{font-size:12px;background:#fff3e2;color:#787878;padding:4px 8px;box-sizing:border-box;border:1px solid #ffe0b5;line-height:20px;margin-bottom:10px;border-radius:5px;}
.topdown p em{ color:#f75934;}

#address {display: none;width: 95%;height: 40px;text-align:center;line-height: 40px;background: #138ff1;border-radius: 18px;font-size: 16px;color:#fff;margin: 15px auto 0;position: fixed;bottom: 0;z-index: 99;left: 2.5%;}

.checkbox-container{width:310px;margin:0 auto;margin-top:10px;font-size:14px}
.checkbox-container .checkboxlabel{display:-webkit-box}
.checkbox-container .checkboxlabel .checkmark{color:#999;vertical-align:bottom;margin-left:6px;width:300px;/*display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex*/}
.checkbox-container .checkbox{width:20px;height:20px;background-color:#f5f5f5;border:1px solid #e1e1e1;-moz-border-radius:50%;border-radius:50%;font-size:.8rem;margin:0;padding:0;position:relative;display:inline-block;vertical-align:top;cursor:default;-webkit-appearance:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-transition:background-color .1s ease;-moz-transition:background-color ease .1s;transition:background-color .1s ease}
.checkbox-container .checkbox:checked{background:#358ff0;border:1px solid #fff}
.checkbox-container .checkbox:checked:after{content:"";top:4px;left:4px;position:absolute;background:0 0;border:2px solid #fff;border-top:none;border-right:none;height:5px;width:7px;-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}



.game-d .box { display: block; background: #f8f8f8; height: 55px;line-height: 55px;margin: auto 10px;border-radius: 5px;color: #333; font-size: 14px;}
.game-d .box .logo {float: left;margin: 7px 3px 0 9px;background: url(../images/icon_details_app_logo.png) no-repeat;background-size: 100% auto;width: 40px; height: 40px; vertical-align: middle;}
.game-d .box .g-tit{display: inline-block;width: 67%;height: 50px;line-height: 55px;overflow: hidden;}
.game-d .box .btn {margin-top: 15px;margin-right: 11px;float: right;background: url(https://fs.img4399.com/ma~330_20171219155105_5a38c4e9bee58.gif) no-repeat;background-size: 100% auto;width: 24px;height: 24px;}


/**/
.m_tab_detail {padding-top: 5px; background: #fff;display: block;box-shadow: inset 0 -1px 0 #ececec;border-right: none;border-left: none;}
.m_tab_detail .j-tab{ overflow: hidden; display: -webkit-box;box-shadow: inset 0 -1px 0 #ececec;height: 40px;}
.m_tab_detail .m_content{background: #fff;display: block;}
.m_tab_detail .j-tab li { float: left;font-size: 16px;text-align: center;cursor: pointer;height: 40px; line-height: 40px; -webkit-box-flex: 1;}
.m_tab_detail .j-tab li a { position: relative; display: inline-block; margin: 0 auto;height: 100%;min-width: 14%;color: #333;padding: 0 3px;}
.m_tab_detail .j-tab .active a { line-height: 30px;font-size: 18px; font-weight: 700;color: #54ba3d;}
.m_tab_detail .j-tab .active a:after {content: "";position: absolute; bottom: 1px;left: 18%;width: 63%;height: 3px;background: #54ba3d;border-radius: 3px;}

/*轮播*/
.m_introduce_warp {border-bottom: 3px solid #f5f5f5;}
.m_carousel {padding: 8px 8px 0;overflow: hidden;}
.m_carousel ul {white-space: nowrap;overflow-x: scroll;overflow-y: hidden;}
.m_carousel li {display: inline-block;height: 185px;position: relative;border-radius: 10px;margin-right: 5px;box-sizing: border-box;overflow: hidden;width: auto;}
.m_carousel .j-video-click {display: block;width: auto;height: 100%;}
.m_carousel li i {width: 30px;background: url(../images/icon_details_play.png) no-repeat;position: absolute;top: 39%;left: 50%;margin-left: -15px;height: 30px;background-size: auto 100%;z-index: 4;}
.m_carousel li img {width: auto;height: 100%;display: block;transform-origin: left top;-webkit-transform-origin: left top; -moz-transform-origin: left top;}

.yxfl{ width:100%; max-height:280px; overflow:hidden; display:block;margin-top:12px; padding-bottom:2px;}
.slide_A{ overflow:hidden;}
.slide_A a{ display: inline; width: 150px;  float:left;  text-align:center;overflow: hidden;margin-right: 10px;border-radius: 5px;}
.slide_A a img{ width:100%; max-height:280px; display: block;}

/*游戏描述*/
.m_description {position: relative;padding-bottom: 25px;padding-top: 5px;}
.m_description>div { overflow: hidden;}
.m_description .j-box{width: 100%;display: inline-block;}
.m_description .j-box dl {display: inline-block;padding: 0 6px;}
.m_description .j-box dl:first-of-type { margin-bottom: 1rem;}
.m_description .fold dd { overflow: hidden; text-overflow: ellipsis;display: -webkit-box; -webkit-line-clamp: 3; position: relative;}
.m_description .introduce_title {display: block;line-height: 40px;font-size: 18px;font-weight: 700;color: #222;}
.j-box > p {padding: 0 15px;color: #858585;line-height: 26px;font-size: 14px;}
.j-box > h3 {padding:15px 15px 5px 15px;color: #138ff1;line-height: 30px;font-size: 16px;}
.j-box > h2{padding: 0 15px;color: #666;line-height: 26px;}
.m_description dd {line-height: 20px;font-size: 14px;color: #333;}
.u_extension { cursor: pointer; color: #54ba3d;}
.m_description .u_extension {position: absolute;right: 10px;bottom: 5px;}
.u_extension i {display: inline-block;vertical-align: middle;margin-top: -.075rem;margin-left: .2rem;}
.u_extension .down {width: 13px;height: 13px;background: url(../images/icon_details_extension_down.png) no-repeat;background-size: 100% auto;}
.m_warm_prompt {position: relative;padding: 0 6px 30px;}
.m_warm_prompt .u_extension {position: absolute;right: 10px;bottom: 10px;}
.m_warm_prompt section {overflow: hidden;}
.m_warm_prompt p {color: #666;font-size: 14px;white-space: normal;word-break: break-all;display: inline-block;line-height: 20px!important;}
.m_introduce_box {padding: 8px;border-top: 1px solid #f5f5f5;color: #666;overflow: hidden;}
.m_introduce_box .m_introduce_info {line-height: 25px;font-size: 14px;overflow: hidden;}
.m_introduce_box .m_introduce_info span {float: left;min-width: 59px;margin-right: 15px;}
.m_introduce_box .label {padding: 8px 0 0;}
.m_introduce_box .label ul {height: 20px;}
.m_introduce_box .label li {line-height: 20px;float: left;font-size: 14px;color: #666;margin-right: 10px;}
.m_introduce_box .label li i {margin-right: 5px;}
.m_introduce_box .label .right,.m_introduce_box .label .sigh{display: inline-block;width: 12px;height: 12px;position: relative;top: 2px;}
.m_introduce_box .label .right {background: url(../images/icon_details_right.png) no-repeat;background-size: 100% auto;}
.m_introduce_box .label .sigh { background: url(../images/icon_details_sign.png) no-repeat; background-size: 100% auto;}


/*游戏标签*/
.m_recommendLabel { padding-bottom: 9px;  border-bottom: 5px solid #f5f5f5;}
.m_recommendLabel .header {padding-left: 10px;line-height: 45px; height: 45px;  border-bottom: 1px solid #ececec; font-size: 18px; color: #333; font-weight: 700;}
.m_recommendLabel ul {max-height: 85px; padding: 15px 5px 5px 6px; overflow: hidden;}
.m_recommendLabel li { float: left;color: #666; background: #f5f5f5;border-radius: 10px;margin: 0 6px 4px 0;}
.m_recommendLabel a,.m_recommendLabel span {  display: block;height: 30px; line-height: 30px; font-size: 14px; color: #666; padding: 0 16px; overflow: hidden;}
.m_recommendLabel a{color:#0da6ed;border:1px solid #0da6ed;border-radius: 10px;}
/*相关推荐*/
.m_detail_module_box section {border-bottom: none;border-top: 3px solid #f5f5f5;}
.m_recommend .header {padding-left: 10px;line-height: 45px; height: 45px;  border-bottom: 1px solid #ececec; font-size: 18px; color: #333; font-weight: 700;}
.m_recommend ul {  max-height: 85px;  padding: 15px 5px 5px 6px; overflow: hidden;}
.m_recommend ul li {width: 25%; float: left; margin-bottom: 15px;}
.m_recommend a {overflow: hidden;}
.m_recommend a, .m_recommend img, .m_recommend p {display: block; margin: 0 auto;}
.m_recommend img { width: 56px; height: 56px;}
.m_recommend p {line-height: 30px;color: #000;font-size: 14px;width: 85%;text-align: center;-ms-text-overflow: ellipsis;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}

/*猜你喜欢*/
.hd_article,.hd1{display:-webkit-box;display:-moz-box;display:box;}
.hd_article span,.hd1 span{-webkit-box-flex:1.0;-moz-box-flex:1.0;box-flex:1.0;text-align:center;display:block;height:36px;line-height:36px;font-size:16px;overflow: hidden;margin: 0 1%;}
.hd_article span a i{background:#f50;color:#fff;padding:1px 4px;border-radius:8px;letter-spacing:0.6px;font-size:12px;margin-left:4px;}
.hd_article span.cur,.hd1 span.cur{border-bottom:3px solid #1aabc0;}
.hd{font-size:18px;height:20px;line-height:20px;padding-left:10px;border-left:5px solid #1aabc0;margin-bottom: 10px;font-weight:normal;margin-left: 10px;}

.app_guess{background:#fff;margin-top:10px;clear:both; border-top: 10px solid #efefef; padding-top:20px}
#guess_main{margin:10px 5px 0;}
.guessCont .info span{font-size:16px;line-height:26px;background:url(//img.hackhome.com/images/Arr.gif) no-repeat left center;padding-left:10px;}
.guessCont .info span i{font-size:13px;padding-left:5px;}
.guessCont .info p{color:#858585;text-indent:2em;height:66px;line-height:22px;overflow:hidden;}
.guessList{overflow:hidden;margin-top:10px;}
.app_guess .hd_article .cur{color:#1aabc0;}
.guessList li a{position:relative;display:block;overflow:hidden;width:66px;margin:0 auto;}
.guessList li .btn-down { display: block; text-align: center; line-height: 24px;border:1px solid #1aabc0; font-size: 12px; border-radius:4px; color:#1aabc0;}
#guess_main .guessCont{float:left;margin:5px 0;}
.guessList li{float:left;width:25%;text-align:center;margin-bottom:10px;} 
.guessList .gameTit{height:26px;line-height:26px;font-size:13px;overflow:hidden;}
.guessList .appimg{width:66px;height:66px;border-radius:8px;}

/* 相关版本 */
.applist{background: #fff;overflow: hidden;margin: 10px 0;}
#game_list_top{padding: 0 10px;}
.applist ul li{padding:10px 0;overflow:hidden;zoom:1;position:relative;}
.applist ul li .img{margin-right:10px;margin-top:4px;display:block;width:70px;float:left;}
.applist ul li img{width:70px;height:70px;border-radius:8px;}
.applist ul li p.mid{-webkit-box-flex:1;color:#777;overflow:hidden;padding-right:70px;}
.applist ul li p.bot{-webkit-box-flex:1;color:#777;overflow:hidden;padding-right:10px;}
.applist ul li p.mid a{display:block;height:19px;line-height:19px;overflow:hidden;font-size:15px;font-weight:700;text-overflow:ellipsis;white-space:nowrap;}
.applist ul li p.mid span em{margin-right:15px;font-size: 12px;}
.applist ul li p.mid span{display:block;line-height:19px;height:19px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:#929292;font-size: 13px;}
.soft_down{float:right;width:60px;height:28px;line-height:28px;text-align:center;background:#1aabc0;color:#fff;border-radius:3px;margin:-37px 0 0 0;}
.lstcont p{color:#858585;font-size:13px;line-height: 23px;text-overflow:ellipsis;white-space:nowrap;}
.lstcont h3,.lstcont1 h3{font-weight:normal;font-size:18px;max-width: 180px;height:22px;line-height:20px; padding-top: 5px; overflow:hidden;margin-bottom:2px;white-space: nowrap;text-overflow:ellipsis;}

.lstcont h3{padding-top: 0px;}
.soft_down{margin: -54px 0 0 0;}
.lstcont p{overflow: hidden;}
span.lst_extlink{color:#1aabc0;}


/*m端顶部广告*/
.game-Artising{padding:0px;margin: 0px; height: 60px;background-color: #fff; position: relative;overflow: hidden;}
.game-pic{width: 100%; height: 60px;padding: 0px;margin: 0px; background: #eee; display: block; position: relative;overflow: hidden;}
.Close-Button{width: 64px;height: 21px;position: absolute;right: 0;bottom: 0;overflow: hidden;color: #fff;}

/* 落地页举报*/
input[type="button"],input[type="text"],input[type="submit"],input[type="reset"] {-webkit-appearance: none;}
textarea { -webkit-appearance: none;}
.jubao{display: block;width: 24px;height: 30px;line-height: 14px;padding: 10px 0;position: fixed;right: 0;font-size: 14px;text-align: center;top: 36%;color: #888;border: 1px solid #888;z-index: 999999;background: #fff;border-radius: 3px;}
.art .time .jubao { padding-left: 5px }
#overlay {z-index: 9999;border: none;margin: 0px;padding: 0px;width: 100%;height: 100%;top: 0px;left: 0px;opacity: 0.8;position: fixed;background-color:#000;}
#popjubao {z-index: 99999;position: fixed;padding: 8% 5%;color: #666;font-size: 14px;font-family:arial,"Microsoft Yahei";top: 5%;width: 75%;left: 7.5%;background: #fff;border-radius: 5px;}
#popjubao p {line-height: 24px}
#popjubao li {clear: both;margin: 5px 0;}
#popjubao li label {display: block;float: left;width: 50%;line-height: 22px;margin-top: 10px;}
#popjubao .text{position: relative;}
#popjubao .text span{position: absolute;bottom: 0;right: 8px;font-size: 12px;}
#popjubao li .othersp { margin-right: 0; }
#popjubao li label input.radios {margin-right:7px;width:16px;height:16px;float: left;outline:none;}
#popjubao li span { display: block; font-size: 16px; color: #444; line-height: 36px; }
#popjubao li input.other {width: 167px;float: right;height: 20px;margin-left:10px;margin-top: -1px;margin-right: 0;}
#popjubao li textarea.spec {border:1px solid #cdcdcd;width: 95%;min-height: 80px;font-size: 14px;color: #666;resize: none;padding:6px;font-family:arial,"Microsoft Yahei";}
#popjubao li input.text {border:1px solid #cdcdcd;line-height: 26px;padding: 3px;font-size: 14px;color: #666;font-family:arial,"Microsoft Yahei";}
#popjubao li input.code {width: 141px;margin-right:10px;float: left;}
#popjubao li .codeimg {width: 100px;height: 34px;float: right;background: #ccc;}
#popjubao li.submit {text-align: center;padding: 20px 0 0 0;margin:0;}
.blockUI {}
#popjubao li.submit input{border: none;width: 120px;background: #31adfa;color: #fff;height:30px;}
.pop_close{width: 30px;height: 30px;position:absolute;z-index:10;top:5px;right:5px;color: #999;font-size: 30px;text-align: center;line-height: 30px;transform: rotate(45deg);}
.hide{display:none;}
.block{display:block}

/*预约*/
.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:90%;height: 300px;position: fixed;left:5%;top:45%;margin: -150px 0 0 0;background: #fff;border-radius: 8px;z-index: 1000;cursor: initial;}
.yuyuewrap .closebtn{position: absolute;right: 10px;top: 5px;font: 20px/18px microsoft yahei; color: #ff8329; cursor: pointer;}
.yuyuewrap .closebtn:hover{opacity: 0.88;}
.yuyuewrap .yuyue_con{width:90%;height: 260px;margin:0px auto; padding-top:20px}
.yuyuewrap .yuyue_con .phone{width:90%;height: 40px;font-size: 14px;line-height: 40px;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 #ff8329 ;}
.yuyuewrap .yuyue_con .tips{width:90%;text-align: center;line-height: 40px;margin: 10px auto;color: #999;}
.yuyuewrap .yuyuebtn_bs,.yuyuewrap .yuyuebtn_br{width:90%;padding: 0 10px;height: 40px;line-height: 40px;text-align: center;border-radius:3px;margin: 10px auto 20px;font-size: 16px;cursor: pointer;}
.yuyuewrap .yuyuebtn_bs{background: #ff8329;color: #fff;}
.yuyuewrap .yuyuebtn_bs:hover,.yuyuewrap .yuyuebtn_br:hover{opacity: 0.88;}
.yuyuewrap .yuyuebtn_br{color: #ff8329;border: 1px solid #ff8329;}

/*swipebox样式*/
html.swipebox{overflow:hidden!important}
#swipebox-overlay img{border:none!important}
#swipebox-overlay{position:fixed;z-index:99999!important;overflow:hidden;-webkit-user-select:none;-moz-user-select:none;user-select:none}
#swipebox-overlay,#swipebox-slider{top:0;left:0;width:100%;height:100%}
#swipebox-slider{position:absolute;display:none;white-space:nowrap}
#swipebox-slider .slide{display:inline-block;width:100%;height:100%;background:url(../images/loader.gif) no-repeat center center;text-align:center;line-height:1px}
#swipebox-slider .slide:before{display:inline-block;margin-right:-1px;width:1px;height:50%;content:""}
#swipebox-slider .slide .swipebox-video-container,#swipebox-slider .slide img{display:inline-block;margin:0;padding:0;width:auto;height:auto;max-width:100%;max-height:100%;vertical-align:middle}
#swipebox-slider .slide .swipebox-video-container{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:5%;width:100%;max-width:855pt;max-height:100%;background:0 0}
#swipebox-slider .slide .swipebox-video-container .swipebox-video{position:relative;overflow:hidden;padding-bottom:56.25%;width:100%;height:0}
#swipebox-slider .slide .swipebox-video-container .swipebox-video iframe{position:absolute;top:0;left:0;width:100%!important;height:100%!important}
#swipebox-action,#swipebox-caption{position:absolute;left:0;z-index:999;width:100%;height:50px}
#swipebox-action{top:-50px}
#swipebox-action.visible-bars{top:0}
#swipebox-action.force-visible-bars{top:0!important}
#swipebox-caption{top:-50px;text-align:center}
#swipebox-caption.visible-bars{top:0}
#swipebox-caption.force-visible-bars{top:0!important}
#swipebox-action #swipebox-next,#swipebox-action #swipebox-prev{position:absolute;top:0;width:50px;height:50px;border:none!important;background-image:url(../images/icons.png);background-repeat:no-repeat;text-decoration:none!important;cursor:pointer}
#swipebox-action #swipebox-close{left:40px;background-position:15px 9pt}
#swipebox-action #swipebox-prev{right:75pt;background-position:-2pc 13px}
#swipebox-action #swipebox-next{right:40px;background-position:-78px 13px}
#swipebox-action #swipebox-next.disabled,#swipebox-action #swipebox-prev.disabled{opacity:.3;filter:alpha(Opacity=30)}
#swipebox-slider.rightSpring{-moz-animation:rightSpring .3s;-webkit-animation:rightSpring .3s}
#swipebox-slider.leftSpring{-moz-animation:leftSpring .3s;-webkit-animation:leftSpring .3s}
@-webkit-keyframes rightSpring{0%{margin-left:0}
50%{margin-left:-30px}
to{margin-left:0}
}
@-webkit-keyframes leftSpring{0%{margin-left:0}
50%{margin-left:30px}
to{margin-left:0}
}
@media screen and (max-width:800px){
#swipebox-action #swipebox-close{width:50px;height:50px;border:none!important;background-image:url(../images/icons.png);background-repeat:no-repeat;text-decoration:none!important;cursor:pointer; float: right;}
#swipebox-action #swipebox-prev{left:0;}
#swipebox-action #swipebox-next{left:60px;}
}
#swipebox-overlay{background:#0d0d0d}
#swipebox-action,#swipebox-caption{background-color:#0d0d0d;background-image:-webkit-gradient(linear,50% 0,50% 100%,color-stop(0,#0d0d0d),color-stop(100%,#000));background-image:-webkit-linear-gradient(#0d0d0d,#000);background-image:linear-gradient(#0d0d0d,#000);text-shadow:1px 1px 1px #000;opacity:.95;filter:alpha(Opacity=95)}
#swipebox-action{border-bottom:1px solid hsla(0,0%,100%,.2)}
#swipebox-caption{border-bottom:1px solid hsla(0,0%,100%,.2);color:#fff!important;font-size:15px;font-family:Helvetica,Arial,sans-serif;line-height:43px}



footer{text-align:center;font-size:12px;line-height:20px;padding:12px 0;}