body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td,hr,button,article,aside,
details,figcaption,figure,footer,header,hgroup,menu,section{margin:0;padding:0;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,section { display:block;}
table{border-collapse:collapse;border-spacing:0;}
audio,canvas,video { display: inline-block;*display: inline;*zoom: 1;}
fieldset,img{border:0;}
address,cite,code,dfn,em,var{font-style:normal;font-weight:normal;}
ol,ul{list-style:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym{border:0;font-variant:normal;}
sup{vertical-align:text-top;}
sub{vertical-align:text-bottom;}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}
input,textarea,select{*font-size:100%;}
a{text-decoration: none;}
html{font-size: 50px;-webkit-text-size-adjust: 100%;}
img{-webkit-user-select: none;user-select: none;pointer-events: none;}

/* common */
body {background: #0a284d url('//game.gtimg.cn/images/speedm/ingame/web201808/v201910/bg.jpg') 100% 100%/100% 100% no-repeat;height: 100vh;-webkit-overflow-scrolling: touch;font-size: .2rem;position: relative;}
body,a {color:#dee7ff;}
.fl {float: left;}
.fr {float: right;}
.hd{	display: block;	text-indent: -9999px;overflow: hidden;font-size: 0;}
.hide{	display: none; }
.flex-row{display: flex; justify-content: space-between;}
.scroll{overflow-y: scroll; height: 100%;}
.t-clear { zoom: 1; }
.t-clear::after { display: block; height: 0; clear: both; visibility: hidden; content: " " }
.tag-y,.tag-b {display: inline-block;font-size: .22rem;padding: .03rem .1rem;border-radius: .06rem;margin-right: .1rem;}
.tag-y {display: inline-block;font-size: .21rem;padding: 0 .06rem .02rem;color: #dcd942;border: .02rem solid #dcd942;border-radius: .06rem;margin-right: .1rem;box-sizing: border-box}
.tag-b {display: inline-block;font-size: .18rem;padding: .01rem .12rem;color: #a0d6f6;border: 1px solid #00ffff;border-radius: .04rem;margin-right: .1rem;}
.sprite,.icon-read-count{background: url('//game.gtimg.cn/images/speedm/ingame/web201808/v201910/spr.png') no-repeat;background-size:4.72rem auto;}

.light, .light .title{color: #fff6e5 !important;}
.tin {text-indent: -99rem;}
.read-count {font-size: .2rem;color: #19b1ba;}
.publish-time {color: #19b1ba;font-size: .2rem;}
.clearfix:after {display: block;height: 0;clear: both;visibility: hidden;}
.red-dot {position: absolute;top: .1rem;right: .17rem;width: .17rem;height: .17rem;box-sizing: border-box;background-color: #f11700;border: 1px solid #fff;border-radius: 50%;}
.light .title::before  {display: inline-block;font-size: .22rem;padding: .03rem .1rem;color: #ff9000;border: 1px solid #ff9000;border-radius: .06rem;margin-right: .08rem;content: "推荐";}
.btn-play-l,.light .newstype{display: none}
.isvideo .btn-play-l{display: block;z-index: 1;}
/*.isvideo::after {position: absolute; content: ''; background: rgba(0, 0, 0, .3);top: 0;right: 0;bottom: 0;left: 0;width: 100%; height: 100%;}*/
.icon-read-count {display: inline-block;width: .23rem;height: .17rem;margin-right: .06rem;background: url(//game.gtimg.cn/images/speedm/ingame/web201808/v201910/icon-yey.png) no-repeat center/cover;transform: translateY(.01rem);}
/* detail */
.main-box {display: flex;flex-direction: column;height: 100%;box-sizing: border-box;justify-content: flex-start;width: 100%;overflow: hidden;padding-top: .44rem;}
/* nav */
nav{display: flex;position: fixed;left: 0;background: linear-gradient(180deg, #22396b, #2962ae);bottom: 0;}
.nav-item{position: relative;display: flex;flex-direction: column;justify-content: center;align-items: center;}
nav .on{background-repeat: no-repeat;background-size: 100% 100%;}
.nav-1,.nav-2,.nav-3,.nav-4,.nav-5,.nav-6{width: .6rem;height: .75rem;margin: 0 auto;}
.nav-1 {background-position: 0 0;}
.nav-2 {background-position: -.6rem 0;}
.nav-3 {background-position: -1.2rem 0;}
.nav-4 {background-position: -1.8rem 0;}
.nav-5 {background-position: 0 -1.61rem;}
.on .nav-1{background-position: 0 -.8rem;}
.on .nav-2{background-position: -.6rem -.8rem;}
.on .nav-3{background-position: -1.2rem -.8rem;}
.on .nav-4{background-position: -1.8rem -.8rem;}
.on .nav-5 {background-position: -.6rem -1.61rem;}
#white-list-wrap{font-size: .22rem;}
/* content */
.sub-box {margin: 0 .2rem;overflow-y: scroll; overflow-x: hidden;/* width: 100%;display: flex;  flex-direction: column; */box-sizing: border-box;}
.body-index .sub-box{margin-top: .2rem;}
/* head-box */
.head-box {display: flex;/* flex-basis: 3rem; */margin-bottom: .2rem;}
.head-swiper {width:5.72rem;height: 3rem;overflow: hidden;position: relative;margin-right: .2rem;background: #1a2e51;}
.head-swiper img {width: 100%;height: 100%;}
.head-swiper,.head-swiper img,.head-swiper .swiper-slide {border-radius: .06rem;}
.head-swiper-pagination {z-index: 9;position: absolute;text-align: center;}
.head-swiper .swiper-pagination-bullet {width: .27rem;height: .18rem;margin-right: .14rem;opacity: 1;background-color: #fff; border:1px solid #43daff;border-radius:0; transform:skewX(12deg)}
.head-swiper .swiper-pagination-bullet-active {background-color: #19b2ba;}
/*???????????????*/
.adPic { position:absolute; width:100%; height:100%; left:0; top:0}
.adPic a { display:block; width:100%; height:100%; overflow:hidden; position:absolute; left:0; top:0; }
.adPic img { width:100%; height:100%; position:absolute; top:0; left:0}
.adPic p { position:relative; padding-top:50px}
.loadI { width:130px; text-align:center; line-height:20px; color:#FFF; margin:0px auto; display:block}
.adPicUl { width:1000%; height:100%; overflow:hidden; -webkit-transition: all 0.1s linear; -webkit-transform-style: preserve-3d;-webkit-backface-visibility: hidden;}
.adPicUl li { float:left; width:14.3%; height: 100%;}
.adPicUl a { display:block; width:100%; height: 100%}
.adPicUl img { display:block; width:100%; height:100%}
/*????????????????????~*/
.adBtn {position:absolute;z-index:2;text-align: center;bottom: .2rem;width: 100%;}
.adBtn a {width: .27rem;height: .18rem;margin-right: .14rem;opacity: 1;background-color: #fff;border:1px solid #43daff;border-radius:0;transform:skewX(12deg);text-indent: -999rem;text-align: left;overflow: hidden;display: inline-block;}/*?????*/
.adBtn a.on { background-color: #19b2ba;}
.adBtn a:hover {background-color: #19b2ba;}

.head-right {position: relative;flex: 1;}
.btn-right-arrow {position: absolute;top: 0;right: 0;height: 1.25rem;width: .38rem;background: #1a2e52;border-radius: .06rem;border: solid 1px rgba(67, 218, 255, 0.4);box-sizing: border-box;}
.btn-next {position: absolute;top: 50%;right: .06rem;background-position: -3.9rem 0;width: .25rem;height: .38rem;margin-top: -.19rem;}
.list-swiper-wrapper {position: relative;/* font-size: 0; */width: 5.2rem;overflow: hidden;height: 1.25rem;}
.idx-2 {background-position: -1.2rem 0;}
.idx-3 {background-position: -2.4rem 0;}
.idx-4 {background-position: -3.6rem 0;}
.list-swiper-wrapper .swiper-slide {background-image: url('//game.gtimg.cn/images/speedm/ingame/web201808/v201910/idx-spr.jpg');background-repeat: no-repeat;background-size: 4.8rem 1.26rem;width: 1.2rem;/* height: 1.28rem; *//* margin-right: .07rem!important; */position: relative;/* padding-top:.05rem; *//* vertical-align: middle; */display: inline-block;text-align: center;/* font-size: 0; */box-sizing: border-box;border: 1px solid #206a91;border-radius: .08rem;}
.list-swiper-wrapper img,.list-swiper-wrapper a { display: block; height:100%;}
.head-right .tips {/* font-size: .18rem; */color: #e9f0ff;/* font-weight: bold; *//* margin-top: -.3rem; */line-height: 1rem;}
.head-info {margin-top: .2rem;background: url(//game.gtimg.cn/images/speedm/ingame/web201808/head-info.png) no-repeat 0 0/100% 100%;height: 1.53rem;box-sizing: border-box;padding: .2rem;vertical-align: bottom;}
.head-info h3 {font-size: .26rem;color: #dee7ff;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;height: .75rem;}
.head-info-extra {margin-top: .06rem;}
.head-info-extra > span, .head-info-extra > time {color: #19b1ba;font-size: .2rem;}
.head-info-extra > time {  bottom: 0;}
/* menu */
.content-box {/* flex: 1; *//* margin-top: 3rem; */}
.content-nav,.menu_wrap{background-color: #184380;border: 1px solid rgba(67,218,255,.7);font-size: .28rem;line-height: .7rem;height: .7rem;text-align: center;}
.content-nav .on,.content-nav .active,.menu_wrap .active{border-bottom: .04rem solid #43daff;color:#43daff;}
.content-nav li,.content-nav a{flex: 1;}
.content-nav a,.menu_wrap a{color: #dee7ff;}
.menu_wrap .active a,.content-nav .on a,.content-nav .active a{color:#43daff ;}
.content-nav {display: flex; justify-content: space-between;}
.content-box .content-item {display: none;}
.content-box .active {display: block;}
/*data list*/
.content-item {padding: .2rem 0;}
.strategy-img,.video-wrapper{background:#0b142b;}
/* message */
.message {padding: 0 .1rem;padding-bottom: .2rem;background-color: rgba(19, 75, 143, 0.4);}
.message-item {border-bottom: 1px solid rgba(0, 255, 255, 0.3);height: .8rem;padding: 0 .3rem;}
.message-item a {display: block;overflow: hidden;}
.message-item span {position: relative;top: .23rem;}
.message-item h4 {display: inline-block;font-size: .2rem;width: 9rem;color: #8db6ea;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;padding: .25rem 0;}
.message-item .light {color: #dbe2ec;}
.message time {line-height: .8rem;}
.strategy-item,.video-item{border-width: .2rem;border-style: solid;background-color: rgba(55,105,190,.3);/* box-sizing: border-box; */}
.strategy-item{border-image: url('//game.gtimg.cn/images/speedm/ingame/web201808/v201910/border-img-1.png') 20% round;height: 1.58rem;box-sizing: border-box;margin: 0 .1rem .2rem;border-radius: 0 .25rem 0 .25rem;}
.video-item{border-image: url('//game.gtimg.cn/images/speedm/ingame/web201808/v201910/border-img-2.png') 33.33% round;}
.strategy-list {display: flex;flex-wrap: wrap;justify-content:flex-start;margin: 0 -.1rem;}
.strategy-item:last-child {margin-bottom: 0;}
.strategy-img {position: relative;width: 2.17rem;margin-right: .2rem;float: left;height: 100%;overflow: hidden;}
.strategy-img img{width: 100%;height: 100%;}
.strategy-item .info {flex: 1;}
.desc{text-align: justify;}
.strategy-list .desc{position: relative;vertical-align: top;font-size: 0;height: 100%;margin-left: 2.4rem;}
.strategy-list .title{font-size: .26rem;color: #8eb7ed;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.strategy-list .info {position: absolute;bottom: 0;left: 0;right: 0;}
/* video */
.video-item {width: 3.34rem;height: 2.8rem;margin: 0 .1rem .2rem;}
.video-wrapper {position: relative;width: 100%;height: 1.96rem;overflow: hidden}
.video-info {position: absolute;bottom: 0;left: 0;right: 0;height: .36rem;background-color: rgba(0, 0, 0, .5);}
.video-wrapper img {width: 100%;height: 100%;}
.video-item .title {font-size: .26rem;color: #8cb7ec;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;margin-top: .14rem;text-overflow: ellipsis;}
.video-item .normal {margin-top: .14rem;}
.btn-play-l {position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);background-position: -3.02rem 0;width: .57rem;height: .57rem;}
.video-item .btn-play-s {display: inline-block;/* vertical-align: unset; */background-position: -3.6rem 0;width: .3rem;height: .3rem;position: relative;top: .04rem;margin-right: .05rem;}
.video-item .read-count {position: absolute;left: .1rem;bottom: .02rem;font-size: .22rem;color: #ffffff;}
.video-item .video-time {position: absolute;right: .1rem;bottom: .02rem;font-size: .22rem;color: #ffffff;}
.load-more {margin-top: .1rem;display: block;font-size: .22rem;color: #fff6e5;text-align: center;}
.nodata,.gicpnews-status--2{font-size: .22rem;text-align: center;line-height: 1rem;max-width: 100%!important;color: #999;width: 100%;}
/* detail */
.sub-box-head {position: relative;}
.back-index {background-position: -2.89rem -.85rem;width: .3rem;height: .5rem;display: inline-block;position: absolute;left: .1rem;padding: .1rem;z-index: 999;}
.sub-box-head h3{text-align: center;position: relative;font-size: .36rem;margin-bottom: .2rem;color: #fff6e5;}
.detail .content-item {background-color: #15203c;padding: 0 .2rem;}
.detail .publish-time {line-height: .8rem;font-size: .2rem;}
.detail .content-box {margin-top: 0;}
.detail .load-more {padding-bottom: .1rem;}
.div-mask {height: 100%;background: #000;position: absolute;bottom: 0;right: 0;opacity: .8;z-index: 20;left: 0;	}
#flowers{position: fixed;top: 0;left: 0;right: 0;bottom: 0;z-index: 999;pointer-events: none;}
#corner{position: fixed;right: 0.1rem;bottom: 0.2rem;z-index: 800;}
#corner .goquestion{display: block;text-indent: -9999px;background: url('//game.gtimg.cn/images/speedm/ingame/web201808/v201910/goquestion.png') center/cover no-repeat;width: 1.41rem;height: 1.74rem;}

/* #corner .goquestion{display: block;text-indent: -9999px;background: url('../../../ossweb-img/web201808/v201910/goquestion.png') center/cover no-repeat;width: 1.41rem;height: 1.74rem;} */
.pailian-corner-close {font-size: .4rem;line-height: .6rem;position: absolute;z-index: 881;top: -.3rem;right: -.1rem;width: .6rem;height: .6rem;text-align: center;color: #fff;}
.pailian-corner-ctn {display: block;width: 2.2rem;height: 1.94rem;text-decoration: none;}
.pailian-corner-ctn img {display: block;width: 100%;height: 100%;}

.modal-open { /*position: fixed;top:.2rem;right: 0;*/}
.sub-box.lock{overflow-y: hidden;}

.list-swiper-wrapper .swiper-slide img{width: auto;height: auto;max-width: 100%;max-height: 100%;}
.smm-moment>.smm--container .smm--content{font-size: .2rem !important;color: #dee7ff !important;}

/*top*/
.head-top{z-index: 999;position: fixed;display: flex;width: 100%;height: .44rem;background: #0a284d url('//game.gtimg.cn/images/speedm/ingame/web201808/v201910/bg-top.jpg') no-repeat 50% 100%/13.34rem auto;top: 0;}
.return{width:1.7rem;height: .62rem;background-position: -3.02rem -.8rem;}
.search1{flex-grow:2;display: flex;align-items:center;justify-content: space-between;height: 100%;}
.search2{position: relative;z-index: 999;padding: .04rem 0.2rem;height: 100%;box-sizing: border-box;flex-grow: 2;}
.search_title{width: .78rem;height: .25rem;background-position: -3.6rem -.5rem;margin-left: .3rem;}
.search1_icon1{width: .42rem;height: .4rem;background-position:-4.2rem 0;margin-right: .4rem;}
/*search*/
.search_box{width: 100%;height: 100%;box-sizing: border-box;border: .01rem solid rgba(58,125,200,.5);border-radius:.08rem;position: relative;background: rgba(10,60,110,.8);}
.search_box i{display: block;position: absolute;left: 4.94rem;top: .2rem;width: .18rem;height: .19rem;background-position: -9.11rem -1.8rem;z-index: 2;}
.search_cover1{position: relative;/* height: .7rem; *//* overflow-y: hidden; */box-sizing: border-box;}
.search_cover{height: 100%;overflow-x:auto; overflow-y: hidden;white-space: nowrap;}
.search_cover a{display:inline-block;box-sizing: border-box;height: 100%;width: 1.6rem;}
.show_search {  width: .8rem;  height: .7rem;  position: absolute;  top: 0;  right: 0;  z-index: 100;  background: #1a2e52;}
.search_icon_s {width: .23rem;height: .2rem;background-position: -3.6rem -.3rem;position: absolute;top: .08rem;left: .18rem;}
.search>a{color: #dee7ff;font-size: .2rem;line-height: .35rem;margin-left: .19rem;text-align: center;position: absolute;top: .05rem;right: .42rem;flex-basis: .8rem;}
.search_box input{background: none;color: #8c97b0;font-size: .22rem;width: 100%;border: none;position: absolute;left: .6rem;top: 0;height: .35rem;line-height: .35rem;}
.search-dialog {z-index: 999;position: absolute;top: .44rem;background: rgba(26,46,82, .95);font-size: .28rem;}
.search-dialog h4 {color: #dee7ff;margin: .1rem 0;}
.search-dialog h4 i {display: inline-block;position: relative;top: .06rem;width: .07rem;height: .3rem;background: #dee7ff;margin: 0 .13rem 0 .2rem;}
.search-word {display: flex;flex-wrap: wrap;margin-left: .26rem;}
.search-word a {font-size: .22rem;text-align: center;color: #c7c7c7;padding: .16rem .22rem;border: solid .02rem #19649e;border-radius: .06rem;margin: .1rem .15rem .28rem;max-width: 1.3rem;white-space: nowrap;flex: 1;}

/*box*/
.tab-head{border: 1px solid rgba(67,218,255,.3);font-size: .24rem;color: #c4deff;display: flex;align-items: center;height: .28rem;padding: .11rem .2rem;background: url('//game.gtimg.cn/images/speedm/ingame/web201808/v201910/create-act1.png') no-repeat;background-size: 100% 100%;justify-content: space-between;line-height: .28rem; flex-basis: .28rem;}
.tab-head .title{padding-left: .2rem;}
.tab-box,.gl-box li:first-child{background-color: rgba(25, 68, 129, 0.5);border-radius: 0 0 .25rem 0;box-sizing: border-box;border-image: url('//game.gtimg.cn/images/speedm/ingame/web201808/v201910/border-img-3.png') 20 round;border-width:0 .2rem .2rem;border-style: solid;padding-top:.2rem ;}
.tips-no-data{line-height:1rem;font-size: .22rem;color: #8cb7ec;text-align: center;}

@media only screen and (orientation:landscape) {
  .main-box{padding-left: 1.3rem;}
  nav{flex-direction: column;padding-top: .72rem;box-sizing: border-box;width: 1.3rem;height: 100%;}
  nav .on{background-image: url('//game.gtimg.cn/images/speedm/ingame/web201808/v201910/nav-choose.jpg')}
  .nav-item:after {content: '';width:100%;height: 1px;background: url(//game.gtimg.cn/images/speedm/ingame/web201808/nav-li.png) no-repeat center/cover;position: absolute;left: 0;bottom: 0;}
  .nav-item{height:20%}
  .modal-open {left: 1rem;width: auto;}
  .strategy-item{width: 5.72rem;}
  .search_cover{width:10.84rem}
}
@media only screen and (orientation: portrait) {
  body{background-size: auto 100%;}
  .main-box {padding-bottom: 1.4rem;}
  nav {bottom: 0;right: 0;flex-direction: row;height: 1.2rem;width: 100%;z-index: 999;}
  .nav-item {width:20%}
  nav .on{background-image: url('//game.gtimg.cn/images/speedm/ingame/web201808/v201910/nav-choose-v.jpg');}
  .sub-box {box-sizing: border-box;}
  .head-box {display: block;width: 100%;}
  .head-swiper {width: 100%;height: 3.9rem;flex-basis: 3.9rem;}
  .list-swiper-wrapper .swiper-slide {width: 1.55rem;background-size: 6.2rem 1.65rem;margin-right: .09rem!important;}
  .idx-1 {background-position: 0 50%;}
  .idx-2 {background-position: -1.55rem 50%;}
  .idx-3 {background-position: -3.1rem 50%;}
  .idx-4 {background-position: -4.65rem 50%;}
  .list-swiper-wrapper {width: 6.6rem;margin-top: .2rem;height: 1.55rem;}
  .btn-right-arrow{height: 1.55rem;}
  .strategy-list{margin:0;justify-content: space-between;}
  .strategy-item{width: 100%;margin-left: 0;margin-right: 0;}
  .content-box {margin-top: 0;}
  .message-item h4 {width: 4.5rem;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
  .sub-box.lock{overflow-y: hidden;margin-left: 0;}
  /* video */
  .video-item {width: 3.06rem;height: 2.6rem;margin-left: 0;margin-right: 0;}
  .video-wrapper {height: 1.67rem;}
  .video-item .title {margin-top: .12rem;}
  .video-item .normal {margin-top: .16rem;}
  .search_cover{width:6.4rem}

  #corner{bottom:1.4rem}
  .content-wrap-subnav{padding-bottom: 60px;}
  /*search*/
  .search_box i{left: 2.5rem;}
  .search2{padding-left:0}
}
/*has hair*/
@media screen and (min-device-aspect-ratio: 2/1) {
  .direction_land .nav-item{padding-left: .62rem;}
}
@media screen and (min-aspect-ratio: 2/1) {
  .direction_land .nav-item{padding-left: .62rem;}
}
@media screen and (max-aspect-ratio: 1/2) {
  .direction_por .head-top{padding-top: .54rem;}
  .direction_por .return{margin-top: -.15rem;}
  .direction_por .main-box{padding-top: .98rem;}
  .direction_por .tc-box{margin-top: .54rem;}
}
@media screen and (max-device-aspect-ratio: 1/2) {
  .direction_por .head-top{padding-top: .54rem;}
  .direction_por .return{margin-top: -.15rem;}
  .direction_por .main-box{padding-top: .98rem;}
  .direction_por .tc-box{margin-top: .54rem;}
}