body,p,h1,h2,h3,h4,h5,h6,ul,li,ol,button,input,form,label,div{margin: 0;padding: 0;-webkit-box-sizing: border-box;box-sizing: border-box;}
ol,ul{list-style: none;}
*{-webkit-text-size-adjust : none ;
    -moz-text-size-adjust : none ;
    -ms-text-size-adjust : none ;
    text-size-adjust : none}
a{text-decoration: none;}
i{font-style: normal;}
a, button, input,div {-webkit-tap-highlight-color: rgba(255,0,0,0);}
body{font-family:"HelveticaNeue-Light", "Helvetica Neue Light","Clockopia";}
@font-face {
    font-family: "igfont";
    src: url('//game.gtimg.cn/images/sy/2016/miniweb/ingame/iconfont/iconfont.eot');
    src: url('//game.gtimg.cn/images/sy/2016/miniweb/ingame/iconfont/iconfont.eot?#iefix') format('embedded-opentype'),
    url('//game.gtimg.cn/images/sy/2016/miniweb/ingame/iconfont/iconfont.svg#iconfont') format('svg'),
    url('//game.gtimg.cn/images/sy/2016/miniweb/ingame/iconfont/iconfont.woff') format('woff'),
    url('//game.gtimg.cn/images/sy/2016/miniweb/ingame/iconfont/iconfont.ttf') format('truetype');
}
html, body{ height:auto;background-color: #16151a;background: url(//game.gtimg.cn/images/bwzy/ingame/w/img-body.jpg)repeat-y;background-size: 7.5rem auto;min-height: 13rem;}
.hairlines .ig-list li,.hairlines .color-12,.hairlines .index-data,.hairlines .index-data-number-item,.hairlines .news-title{border-width: 0.5px;}
/*--------工具类----------*/
/*flexbox*/
.ig-flex{display: -webkit-box;display: box;display: -webkit-flexbox;display: flexbox;display: -webkit-flex;display:flex;}
/*flex direction*/
.ig-flex-fld {-webkit-box-orient: vertical;box-orient: vertical;-webkit-box-direction: normal;box-direction: normal;-webkit-flex-direction: column;flex-direction: column;}
/*flexbox align  */
.ig-flex-fls{-webkit-box-pack: justify;box-pack: justify;-webkit-flex-pack: justify;flex-pack: justify;-webkit-justify-content: space-between;justify-content: space-between;}
.ig-flex-flc{-webkit-box-pack: center;box-pack: center;-webkit-flex-pack: center;flex-pack: center;-webkit-justify-content: center;justify-content: center;}
.ig-flex-flv{-webkit-box-align: center;box-align: justify;-webkit-flex-align: center;flex-align: center;-webkit-align-items: center;align-items: center;}
.ig-flex-flt{-webkit-box-align: stretch;box-align: stretch;-webkit-flex-align: stretch;flex-align: stretch;-webkit-align-items: stretch;align-items: stretch;}
/*flex item*/
.ig-flex-item{-webkit-box-flex:1;box-flex:1;-webkit-flex:1;flex:1;}
/*文字移除省略*/
.ig-wordwrap-line2{display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;overflow: hidden;-webkit-line-clamp:2;}
.ig-wordwrap-line3{display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;overflow: hidden;-webkit-line-clamp:3;}
.ig-wordwrap{overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
/*字体图表*/
.ig-font {font-family:"igfont" !important;font-style:normal;-webkit-font-smoothing: antialiased;-webkit-text-stroke-width: 0.1px;-moz-osx-font-smoothing: grayscale;}
/*--------导航----------*/
.main-nav{ }
.main-nav li{display: -webkit-flex;-webkit-box-flex:1;text-align: center;position: relative;height:1.04rem;overflow: hidden;}
.main-nav li p{font-size: 10px;margin-top:4px;}
.main-nav li a{line-height: 18px;width: 100%; display: block;height:100%;}
.main-nav-align{-webkit-transform: translate(-50%,-50%);top:50%;left:50%; position: absolute;width:100%;text-align: center;}
.container,.container-nonav{ height:100%;padding-bottom: 1.2rem}
.main-body-ctn{padding:0 10px 30px;}
.main{min-height:100%;}
.main-body-hasfixed{ padding-top:45px;}
.menu{ background: url("//game.gtimg.cn/images/zht/ingame/bg_menu_deco.jpg") repeat-x; background-size: cover;height:45px;position: relative;overflow:hidden}
.menu::before{ content: ''; position: absolute;top:0; right:0;left:0;bottom:0;background: url("//game.gtimg.cn/images/zht/ingame/bg_menu_deco_r.png") no-repeat top right;background-size: contain; z-index:1;pointer-events: none}
.menu-fix{ position: fixed;left:0;top:0; right:0;z-index:40; width:100%;padding-left: 58px;}
.menu ul{height:100%; z-index:2; position: relative; overflow: hidden;}
.menu li{width:25%;line-height: 45px;font-size: 15px;height:45px; float: left;}
.menu li a{ display: block;text-align: center;}
.menu li a span{ position: relative;}
.menu li.current a span::before,.menu li.current a span::after{ position: absolute; content: ''; background: url("//game.gtimg.cn/images/zht/ingame/bg_spr.png") no-repeat; background-size:51px;width:8px;height:13px;top:50%;margin-top: -6px}
.menu li.current a span::before{background-position: 0 0;left:-15px;}
.menu li.current a span::after{background-position: -9px 0;right:-15px;}
.menu li.current a{}
/*--------竖屏CSS---------*/
@media screen and (orientation:portrait) {
    /*--------热门活动-导航-----------*/
    .main-nav{width: 100%;height: 1.04rem;position: fixed;left: 0; bottom: 0; z-index:40;}
    .main-nav ul{width: 100%;height: 1.04rem;display: -webkit-box;  -webkit-box-orient: horizontal;}
    .main-nav li i{font-size: 22px;margin-top: 4px;line-height: 22px;}
    .main-nav li p{margin-top: 0;    font-size: 0.3rem;color: #fdf1d4;}
    .main_nav_deco,.index-links-ad{ display: none;}
    .index{ padding:0;}
    .index-links{ position: relative;width:100%; height:auto; padding:0;top:5px}
    .index-links-enterance { width:100%; overflow: hidden;}
    .index-links-enterance a{ float: left;width:50%; padding:5px;-webkit-box-sizing: border-box;box-sizing: border-box;}
    .index-info{width:100%; padding:0 0 70px;}
    .menu-fix{left:0;padding-left:0}
    #scrollwrapper{ padding:0 0 60px 0;bottom:50px;}
    .menu li.current a span::before, .menu li.current a span::after{ display: none;}
    .news-detail-wrap{padding-bottom: 70px;}
    .shareFoot{margin-bottom: 60px;}
    .share-text{left: 12%;top: 50%;position: fixed;}
    .shareBtn{margin: 15px 0 30px 0; }
    .ig-font{background: url(//game.gtimg.cn/images/bwzy/ingame/w/sprite.png)no-repeat;width: 0.8rem;height: 0.5rem;display: block;margin: 0 auto;background-size: 3.8rem auto;}
    .ig-font2{width: 0.52rem;background-position: -0.9rem 0}
    .ig-font3{width: 0.5rem;background-position: -1.5rem 0}

    .index-roll,.index-ams{ width:100%;padding-right: 0; float: none;padding-top: 36.8020305%}
    .index-entrance{ width:100%; float: none;padding-top: 0;margin-top: 10px;}
    .index-entrance-ctn{ padding-left:0; overflow: hidden; position: relative;}
    .index-entrance-item{width:50%;float: left;}
    .index-entrance-item a{padding-top: 34.9740933%; position: relative;}
    .index-entrance-item img{ position: absolute; width:100%;top:0; left:0;height: 100%;}
    .index-entrance-item:nth-child(1),.index-entrance-item:nth-child(2){padding-top: 0;padding-bottom: 0}
    .index-entrance-item:nth-child(1){padding-right: 5px;}
    .index-entrance-item:nth-child(2){padding-left: 5px;}

    .index{ padding:10px;}
    .index-data{ height:97px; position: relative;}
    .index-data-section{padding-right: 0; height:60px;padding-left: 5px;}
    .index-data-number-item{padding:15px 5px 0 5px}
    .index-data-number{width:55%;}
    .index-data-user{width:45%;}
    .index-data-operation{ width:100%; padding:0; height:35px; position: absolute;top:60px;}
    .opertation-btn{margin-top: 0;height:35px;border-radius: 0;line-height: 35px; background: none!important;text-align: center;}
    .opertation-btn i{top:2px; position:relative;right:0;}
    .index-data-wrap{border-bottom: 0!important;}

    /*个人中心*/
    .my-wrap .name-it{width:100%;padding:12px 0 0;position: relative;border-right: none;}
    .my-baseinfo-detail{ left:78px;}
    .my-baseinfo{ padding:10px;height:76px;}
    .mb-detail-title h1{ font-size: 16px;line-height: 18px}
    .my-baseinfo::after{ display: none;}
    .mb-detail-subtitle{margin-top:3px}
    .my-wrap .data-list{ display: block;}
    .my-wrap .data-list li{ padding:5px 15px;width:50%; overflow: hidden; float: left;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;height:45px;}
    .my-wrap .data-list li:nth-child(2n){ border-right: none}
    .hairlines .data-list li,.hairlines .name-it,.hairlines .medal-list{ border-width:0.5px;}
    .my-wrap .icon_reddot{top:-7px; right:2px;}
    .my-wrap .sharetool{padding-left: 0;bottom:50px;}
    .my-wrap .medal-info-item2{ padding-bottom:100px;}
    .my-wrap-share .medal-info-item2{ padding-bottom:30px;}
    .my-wrap-share .share-action{ padding-bottom:60px;}
    .bottom-share-bar{bottom:50px;padding-left: 0}

    .myshare-page  .myshare-page-base,.myshare-page  .myshare-page-data{ position: relative;width:100%;}
    .myshare-page .myshare-page-data{ overflow: hidden;padding-bottom: 0;margin-bottom: 60px;}
    .myshare-page-total{padding:25px 0;}
    .myshare-page .data-list li{padding:5px 15px;height:auto;}
    .myshare-page .data-list li{border-bottom: none;}
    .myshare-page-item{width:50%;-webkit-box-sizing:border-box;box-sizing:border-box; float: left;padding:12px 0;height:auto;}
    .my-baseinfo-share{ position: relative;top:0;right:0; display: block;width:100%;border-radius: 0;margin-top: -1px;height:35px;line-height: 34px;-webkit-box-sizing:border-box;box-sizing:border-box;background:none!important;}

    .giftcenter-main ul li{width:100%;}
    .giftcenter-main ul li.ig-border-right{border-right: none;}
    .p-header-wrap{width:48%;}
    .p-info{padding:20px 15px;}
    .p-btn-wrap{text-align: right;height:54px;}
    .p-weekly-btn{float: none;margin-left: 0;margin-bottom: 5px}
}
/*---------横屏CSS---------*/
@media screen and (orientation: landscape) {
    /*--------导航-----------*/
    .ig-nav{width: 50px;min-width: 50px;max-width: 50px;height: 100%;position: fixed;z-index: 1;top: 0;left: 0; }
    .ig-nav ul{height: 100%;width: 50px;min-width: 50px;max-width: 50px;display: -webkit-box;  -webkit-box-orient: vertical;}
    .ig-nav li i{font-size: 30px;}

    /*--------热门活动-导航-----------*/
    .main-nav { width: 50px; min-width: 50px; max-width: 50px; height: 100%; position: fixed; z-index: 50; top: 0; left: 0; }
    .main-nav ul { height: 100%; width: 50px; min-width: 50px; max-width: 50px; display: -webkit-box; -webkit-box-orient: vertical; }
    .main-nav li{height:33.3333333%;width:100%;}
    .main-nav li i { font-size:26px; }
    .main-nav li a{width:50px;}

    /*---------热门活动-右边主功能区----------*/
    .container { padding-left: 50px; }
    .container-index { padding-left:0;}
    .share-text { left: 12%; bottom: 10px; position: absolute; }
    .shareBtn { margin: 15px 0 30px 0; }
    .data-list li{border-bottom: none;}
}

/*颜色样式大全*/
/*1.所有分隔线、未选中标签描边、个人中心描边*/
.ig-border{border:1px solid #dad2d2;}
.ig-border-top{/* border-top:1px solid #dad2d2; */}
.ig-border-left{border-left:1px solid #dad2d2;}
.ig-border-bottom{border-bottom: 1px solid #bad4e2;}
.ig-border-right{border-right: 1px solid #bad4e2;}
.hairlines .ig-border{border-width: 0.5px;}
.hairlines .ig-border-top{border-top-width: 0.5px;}
.hairlines .ig-border-left{border-left-width: 0.5px;}
.hairlines .ig-border-bottom{border-bottom-width: 0.5px;}
.hairlines .ig-border-right{border-right-width: 0.5px;}
.ig-tags-step3 .current .ig-border{ border:none;}
/*4.主导航栏未选中文字 字颜色*/
.ig-color-nav{color:#ffffff;}
/*5.主导航栏选中文字 字颜色*/
.main-nav .current .ig-color-nav{color:#ffffff;}
.ig-tags-step3 .current .ig-color-tit{color:#ffffff;}
/*6.实心按钮文字色 字颜色*/
.ig-color-btn{color: #f7f7f9;}
.circle::before{border:1px solid #f7f7f9;}
.mcircle_arrow{ background: #f7f7f9;}
/*7.未选中标签底色、分类背景色、说明背景色*/
.ig-bg-tag{background: #add0e2!important;}
.ig-border-video{border-color: #f1ecec;}
/*8.实心按钮底色*/
.ig-bg-btn{background:#786cc8; }
/*l镂空按钮描边*/
.ig-border-btn{border:1px solid #786cc8;}
.hairlines .ig-border-btn{border-width: 0.5px;}
/*强调文字色*/
.ig-color-strong{color:#786cc8;}
.ig-color-link a{color:#786cc8;}
/*9.主导航栏选择底色*/
.ig-bg-tag.current,.ig-bg-splite:before,.ig-tags-step3 .current .ig-bg-tag,.circle .mcircle::before,.circle .mcircle_core,.ig-bg-strong{background:#e6314a; }
/*二级导航选择态下划线色*/
.ig-border-tab:after{background: #53aace;}
.ig-border-tab2:after{border-bottom-color:#e6314a;}
/*等级标签描边*/
.ig-border-level{border:1px solid #e6314a;}
/*.hairlines .ig-border-level{border-width: 0.5px;}*/
/*等级文字 字颜色*/
.ig-color-level,.ig-tags-it1.current .ig-tags-text1,.ig-tags-it2.current .ig-tags-text2{color: #53aace;}
.ig-title-slash{ border-left-color: #e6314a;}
.ig-bg-nav .current{background-color: #19192a;}
/*10.主导航条底色*/
.ig-bg-nav{background-color: #353847;border-top: 0.01rem solid #d7a546;}
/*11.标题栏底色、个人中心条底色、二级导航底色*/
.ig-bg-bg1,.ig-tags-it1,.circle, .mcircle::after{background: #c9e3f0;}
/*12.背景色、二级菜单选中底色、三级菜单底色*/
.ig-bg-body,.ig-tags-it1.current,.ig-tags-step3,.ig-tags-step2{background: #f1f9fb;}
/*--------竖屏CSS---------*/
@media screen and (orientation:portrait) {
    /*8.镂空按钮描边*/
    .index-data-operation .ig-bg-btn,.my-baseinfo-share.ig-bg-btn{border:1px solid #786cc8;color:#786cc8;}