@charset "UTF-8";

/**
 * style.css
 * @authors leiting (444961169@qq.com)
 * @Last Modified time: 2018-11-02 11:10:40
 * @version 0.0.1
 * @desc    19196.com 改版
 * @update-log:
 *
 */
body{font-size: 14px; font-family: 'Microsoft Yahei', 'Lantinghei SC', 'Hiragino Sans GB', 'Microsoft Sans Serif', 'WenQuanYi Micro Hei', sans-serif; color: #363636; background: #efefef;}
html,
body,
div,
span,
h1,
h2,
h3,
h4,
h5,
h6,
em,
img,
strong,
sub,
sup,
tt,
dd,
dl,
dt,
form,
label,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
ul,
li,
p,
a{margin: 0; padding: 0;}
input,
select,
textarea{vertical-align: middle;}
img{border: 0;}
ul,
li{list-style-type: none;}
em{font-style: normal;}
.clearfix:after{clear: both; content: ' '; display: block; font-size: 0; line-height: 0; visibility: hidden; width: 0; height: 0;}
.clearfix{zoom: 1}
.fl{float: left;}
.fr{float: right !important;}
/*主体内容*/
.main{width: 1200px; margin: 0 auto; height: 100%; clear: both;}
.all-advert{margin-top: 20px; float: left; overflow: hidden;}
.all-advert,
.all-advert a,
.all-advert a img{width: 1200px; height: 100px;}
.all-advert a img{display: block;}
.warp{width: 1260px;margin: 20px auto;background: #fff;}
.current{font-size: 14px; height: 42px; line-height: 42px; color: #666;}
.current a{display: inline-block; text-align: center;}
.news_con{width: 850px;padding-left: 0px;}
.news_txt{width: 850px;padding: 40px 14px 10px;margin-bottom: 16px;background: #fff;}
.news_txt h1{text-align: center;}
.news_txt_info{padding-top: 10px; margin-bottom: 30px; color: #999; text-align: center;}
.news_txt_info span{padding: 0 20px;}
/*正文中广告部分*/
.news_txt_ad{background: #efefef;}
.ad_img{width: 80px; height: 80px; margin-top: 15px; margin-left: 20px;}
.ad_img img{width: 100%;}
.ad_con{width: 136px; padding-left: 10px; margin-top: 15px;}
.ad_con a.sc{border-width: 1px; border-color: rgb(0, 160, 233); color: rgb(0, 160, 233); border-style: solid; border-radius: 5px; width: 94px; height: 26px; line-height: 26px; text-align: center; display: inline-block; margin-top: 5px;}
.ad_con .sc:hover,
.ad_con .sc.on{border-color: #ff9898; color: #ff9898;}
.ad_gameName{margin-bottom: 10px; font-size: 16px;}
.ad_down{float: right;}
.ad_wh{display: block; width: 66px; height: 30px; line-height: 30px; margin-left: 10px; text-align: center;}
.ad_down .color_1{color: #e43828; border: 1px solid #e43828;}
.ad_down .color_2{color: #4daa7b; border: 1px solid #4daa7b;}
.ad_down .color_3{color: #0d8ae0; border: 1px solid #0d8ae0;}
.ad_gameDown{display: block; width: 128px; height: 38px; text-indent: -999px; margin-top: 19px; background: url(Images/down.png?v=32467e02) no-repeat center;}
.ad_ewm{width: 110px; height: 110px;}
.ad_ewm img { display: none }
.ad_ewm canvas{width: 110px;height: 110px;border: 5px solid #fff;}
/*广告部分结束*/
/*正文*/
.news_text{font-size: 14px; line-height: 30px; padding: 0 10px;}
.news_text img{max-width: 100%;}
.text_img{display: block; margin: 30px 0; text-align: center;}
.disabled{line-height: 36px;}
/*正文结束*/
/*相关资讯*/
.infor{width: 855px;background: #fff;padding: 15px 20px 0;margin-bottom: 15px;}
.infor_top{padding: 10px 0;margin: 10px 0;border-bottom: 1px solid rgb(240, 240, 240);border-top: 1px solid rgb(240, 240, 240);}
.infor_top h1{font-size: 20px; height: 20px; line-height: 20px; padding-left: 10px; border-left: 4px solid #ffcb2f;}
.infor .infor_more{font-size: 12px; color: #999;}
.infor .infor_more:hover{color: #e43828;}
.game_groom .infor_more{font-size: 16px; color: #999;}
.game_groom .infor_more:hover{color: #e43828;}
.infor .infor_time{font-size: 16px; color: #ccc;}
.infor_list a{display: block; float: left; width: 700px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.infor_left{height: 16px;margin-top: 22px;padding-right: 10px;border-left: 4px solid #ccc;}
.infor_list li{font-size: 16px;height: 60px;line-height: 60px;border-bottom: 1px dotted #efefef;}
/*相关资讯结束*/
/*主体结束*/
/*礼包、开服、开测*/
.index-gift-tab{margin: 20px 0 0 0;float: left;width: 370px;}
.index-gift-tab-tit a.more{position: absolute; right: 0; top: 0; color: #ffcb2f; font-size: 12px; line-height: 20px;}
.index-gift-tab-tit a.more:hover{color: #E43828;}
.index-gift-tab-tit ul li{cursor: pointer; width: 82px; line-height: 38px; text-align: center;}
.notice .tab-hd{height: 40px;background-color: #fff;margin-bottom: -1px;color: #404040;position: relative;}
.notice .tab-hd ul{height: 40px;border-bottom: 1px solid #f0f0f0;}
.notice .tab-hd li{float: left;height: 40px;line-height: 40px;font-size: 18px;font-weight: bold;}
.notice .tab-hd li:hover{color: #ffcb2f;}
.notice .tab-hd li.on{color: #ffcb2f;border-bottom: 4px solid #ffcb2f;position: relative;margin-right: -1px;}
.notice .tab-bd .tab-pal{width: 415px;}
.notice .tab-bd .tab-pal .tab-pal-top{margin-top: 20px; float: left; width: 413px; height: 158px; border: 1px solid #d8d8d8;}
.notice .tab-bd .tab-pal .tab-pal-top a{margin: 1px; overflow: hidden; width: 411px; height: 156px; display: block;}
.notice .tab-bd .tab-pal .tab-pal-top img{float: left; width: 411px; height: 156px; display: block;}
.pack-list{height: 322px; overflow: hidden; float: left;}
.pack-item{position: relative; width: 260px; padding: 13px 0; border-bottom: 1px dashed #e5e2e2; overflow: hidden;}
.pack-title{height: 22px; font-weight: 400; font-size: 14px; line-height: 22px;}
.pack-btn{position: absolute; top: 50%; right: 0; width: 58px; height: 22px; border: 1px solid #ffcb2f; margin-top: -11px; font-size: 16px; line-height: 22px; text-align: center; color: #ffcb2f; border-radius: 5px;}
.pack-meta{display: none; height: 74px; overflow: hidden;}
.pack-pic{float: left; width: 80px; height: 80px; margin-right: 10px; position: relative; display: block; overflow: hidden;}
.pack-pic img{width: 80px; height: 80px; border-radius: 15px; -webkit-border-radius: 15px; -moz-border-radius: 15px; -ms-border-radius: 15px;}
.pack-info{float: left; width: 120px;}
.pack-info h3{margin-bottom: 5px; font-weight: 400; font-size: 14px; line-height: 20px;}
.pack-info p{color: #333; font-size: 12px; line-height: 25px; white-space: nowrap; overflow: hidden;}
.pack-info p b{font-weight: 400; color: #ffcb2f;}
.pack-info p i{font-style: normal; font-weight: 400; color: #999; margin-left: 2px;}
.pack-item-active .pack-btn{border-color: #ffcb2f; color: #fff; background: #ffcb2f; border-radius: 5px;}
.pack-item-active .pack-btn:hover{border-color: #ffcb2f; background: #ffcb2f; color: #fff;}
.pack-item-active .pack-title{display: none;}
.pack-item-active .pack-meta{display: block; height: 100%;}
.index-server{margin-top: 10px; width: 415px; position: relative;}
.index-server dt,
.index-server dd,
.index-server{width: 370px;}
.index-server dt span,
.index-server dd span{display: block;float: left;font-size: 14px;color: #333;text-align: center;}
.index-server dt{background: #f5f5f5; height: 40px; line-height: 40px;}
.index-server dt .s1,
.index-server dd .s1{width: 80px;border-right: 1px solid #fff;padding-left: 14px !important;color: #999999;}
.index-server dt .s2,
.index-server dd .s2{width: 153px;border-right: 1px solid #fff;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;text-align: center;}
.index-server dt .s3,
.index-server dd .s3{width: 120px;}
.index-server dd{height: 40px;line-height: 40px;position: relative;border-bottom: 1px dotted #e8e8e8;}
.index-server dd .s3{color: #f13415;}
.infor_list{padding: 0px;width: 810px;padding-bottom: 10px;display: inline-block;}
.ad_gameDown1{width: 110px;height: 110px;display: block;float: right;background: #ffcb2f url('Images/down.png') no-repeat center;text-indent: -99999px;overflow: hidden;margin-top: 0px;}
.ad_gameDown1:hover{background: #f69a15 url('../Gift/Images/down.png') no-repeat center;}
.groom-pic-list{text-align: center; font-size: 16px; margin-left: -20px; padding-bottom: 20px;}
.groom-pic-list a,
.groom-pic-list img{padding-top: 10px; display: block; width: 90px;}
.groom-pic-list p,
.girl-pic .girl-pic-list p{overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.groom-pic-list li{margin-left: 20px; float: left;}
.cloud-tie-wrapper{width: 850px;}
/* 礼包列表 */
.pack-itemt{margin-left: -10px;}
.pack-item1{border-style: solid; border-width: 1px; border-color: rgb(240, 240, 240); width: 186px; display: inline-block; margin: 10px 0 10px 10px; padding: 10px; font-size: 12px;}
.pack-itemt p.l-ell{margin: 10px 0 20px; display: -webkit-box; display: box; word-wrap: break-word; word-break: break-all; overflow: hidden; text-overflow: ellipsis; -webkit-box-orient: vertical; box-orient: vertical; -ms-line-clamp: 2; -moz-line-clamp: 2; -webkit-line-clamp: 2; line-clamp: 2;}
.pack-itemt p a{border-radius: 5px; background-color: rgb(67, 178, 255); width: 78px; height: 28px; line-height: 28px; text-align: center; color: #fff!important; display: inline-block; margin-top: -5px; float: right;}
.pack-itemt a.a1{background: #aeaeae}
.pack-itemt a.a2{background: #01ba99}
.pack-itemt a.a3{background: #fd7272}
/* 游戏图片 */
.picScroll-left{overflow: hidden; position: relative; margin: 20px 0; border-bottom: 1px solid #f1f1f1;}
.picScroll-left .hd{overflow: hidden;}
.picScroll-left .hd ul{float: right; overflow: hidden; zoom: 1; margin-top: 10px; zoom: 1;}
.picScroll-left .hd ul li{float: left; width: 9px; height: 9px; overflow: hidden; margin-right: 5px; text-indent: -999px; cursor: pointer; background: #ccc;}
.picScroll-left .hd ul li.on{background: #000;}
.picScroll-left .bd{padding: 10px;}
.picScroll-left .bd ul{overflow: hidden; text-align: center; zoom: 1;}
.picScroll-left .bd ul li{margin: 0 8px; float: left; _display: inline; overflow: hidden; text-align: center;}
.picScroll-left .bd ul li .pic{text-align: center;}
.picScroll-left .bd ul li .pic img{width: 190px; display: block;}
.picScroll-left .bd ul li .pic a:hover img{border-color: #999;}
.picScroll-left .bd ul li .title{line-height: 24px;}
.g-game-tit{background: #e1e1e1; height: 35px; line-height: 35px; display: block; padding: 0 10px; font-weight: bold; font-size: 16px;}
.game-downl{border-top: 1px dotted #e2e2e2; text-align: center; display: block; margin-top: 20px; padding: 20px; position: relative;}
.game-downl a{border-radius: 5px; background-color: #999999; width: 182px; height: 43px; line-height: 43px; text-align: center; color: #fff; display: inline-block; font-size: 12px; margin-top: 10px;}
.game-downl a.and{ margin-top: 150px;}
.game-downl a.and.on{background: #03be64;}
.game-downl a.ios.on{background: #3baeff;}
.game-downl img{ display: none; }
.game-downl canvas{ width: 120px; height: 120px; position: absolute; top: 30px; left: 50%; margin-left: -60px }
/* 图片滚动 */
.show_r2{width: 654px;overflow:hidden;}
.showcase{padding-top:20px;padding-bottom:20px;}
.showcase .s-content{width:10000px}
.showcase .scrollbar{overflow:hidden}
.showcase .scrollbar .s-box{height:250px;margin-bottom:20px;_width:794px;*position:relative;*overflow:hidden}
.showcase .scrollbar li{float:left;position:relative;height:250px;margin-right:18px;overflow:hidden}
.showcase .scrollbar li.last{margin-right:0}.showcase .scrollbar li img{max-height:250px;_height:250px}
.showcase .scrollbar li span{position:absolute;top:0;left:0;display:block;width:100%;height:45px}
.showcase .scrollbar li .bg{background:#000;opacity:.50;filter:alpha(opacity=50)}
.showcase .scrollbar li .info{line-height:45px;text-indent:45px;font-size:18px;color:#fff}
.showcase .scrollbar li.picture span{display:none;width:45px}
.showcase .scrollbar li.picture .info{background:url(Images/find.png) no-repeat;_background:url(find.gif) no-repeat; cursor:pointer;}
.showcase .scrollbar li.picture .info:hover{background:url(Images/find_h.png) no-repeat;}
.showcase .scrollbar li.active span{display:block;width:45px !important; min-width:45px;}
.showcase .scrollbar li .video-bg{position:absolute;top:0;left:0;width:100%;height:100%;display:block;background:#000;opacity:.50;filter:alpha(opacity=50)}
.showcase .scrollbar li.active .video-bg{opacity:.70;filter:alpha(opacity=70)}
.showcase .scrollbar li .video-info{position:absolute;top:0;left:0;padding-top:72px;width:100%;height:178px;text-align:center}
.showcase .scrollbar li .video-info span{position:static}
.showcase .scrollbar li .video-info .video-icon{width:50px;height:50px;display:block;margin:0 auto;background:url(Images/video-icon.png) center center no-repeat;_background:none;_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=video-icon.png)}
.showcase .scrollbar li .video-info .video-title{width:auto;height:auto;line-height:30px;font-size:20px;color:#fff;display:block;padding:18px 18px 0 18px;white-space:normal}
.showcase .scrollbar .track{display:none;position:relative;margin:0 4px;height:6px;background-color:#d4d4d4;font-size:0px;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px}
.showcase .scrollbar .track div{width:110px;height:6px;background-color: #ffcb2f;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;}
.showcase .slider{position:relative;display:none}
.showcase .slider .s-box{position:relative;width:605px;height:375px;margin:0 auto 20px;overflow:hidden}
.showcase .slider .s-box li{float:left;position:relative;width:605px;text-align:center}
.showcase .slider .trigger{position:absolute;top:0;right:0px;width:45px;height:45px;border:1px solid #f6f6f6;background:#fff url(Images/bs.png) center no-repeat;text-indent:-333em}
.showcase .slider .prev,.showcase .slider .next{position:absolute;top:30%;display:block;width:44px;height:110px;border:1px solid #f6f6f6;background:#fff url(Images/slider_arrow.png) 12px center no-repeat;text-indent:-333em}
.showcase .slider .prev{left:0px}
.showcase .slider .prev:hover{background-position:-83px center}
.showcase .slider .next{right:0px;background-position:-33px center}
.showcase .slider .next:hover{background-position:-128px center}
.showcase .slider .s-nav{text-align:center;height:30px}
.showcase .slider .s-nav .picture,.showcase .slider .s-nav .video{margin:0 7px;min-width:30px; width:30px;}
.showcase .slider .s-nav .picture span,.showcase .slider .s-nav .video span{display:inline-block; min-width:30px; width:30px;height:30px;background-image:url(Images/slider_nav.png);background-repeat:no-repeat; cursor:pointer;}
.showcase .slider .s-nav .picture span{background-position:-40px 0}
.showcase .slider .s-nav .picture .active{background-position:-122px 0}
.showcase .slider .s-nav .video span{background-position:0 0}
.showcase .slider .s-nav .video .active{background-position:-82px 0}