html,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{margin:0;padding:0;-webkit-tap-highlight-color: transparent;border: none;}
table{border-collapse:collapse;border-spacing:0}
fieldset,img{border:0}
address,caption,cite,code,dfn,em,th,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; color: inherit}
body{font-size: .24rem;background-color: #f1f9ff;}
.left{float: left;}
.right{float: right;}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}
.btn:active{transform:scale(.95);-webkit-transform:scale(.95);}
.text-hide{overflow: hidden;text-indent: -9999px;}
.spr{background: url(//game.gtimg.cn/images/duty/cp/a20180828matchm/spr.png) no-repeat; background-size: 7.5rem 10rem;}

.top{
    height: .8rem;
    display: flex;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    /* border-bottom: 1px solid #c3c3c3; */
    justify-content: space-between;
    align-items: center;
    background: #fff;
    z-index: 3;
    
}
.top::after{
    content: "";
    width: 100%;
    height: 1px;
    position: absolute;
    bottom: -1px;
    left: 0;
    background: url("data:image/svg+xml;utf-8,<svg xmlns='http://www.w3.org/2000/svg' width='100%' height='1px'><line x1='0' y1='0' x2='100%' y2='0' stroke='#c3c3c3'></line></svg>");
}
.logo{
    width: 2.14rem;
    height: .54rem;
    background-position: -3rem 0;
    margin-left: .2rem;
}
.logo a{
    display: block;
    width: 100%;
    height: 100%;
    flex: 0 0 auto;
}
.home-btn{
    display: block;
    flex: 0 0 auto;
    width: 1.61rem;
    height: .45rem;
    line-height: .45rem;
    text-align: center;
    font-size: .24rem;
    color: #4c6ad6;
    border: .02rem solid #4c6ad6;
    border-radius: .3rem;
    margin-right: .2rem;
}

.nav{
    display: flex;
    position: fixed;
    top: .8rem;
    left: 0;
    right: 0;
    height: .8rem;
    z-index: 2;
}
.nav a{
    display: block;
    flex: 1 1 auto;
    height: 100%;
    text-align: center;
    line-height: .8rem;
    background: #fff;
    font-size: .26rem;
    color: #666666;
}
.nav a.on{
    background: #4c6ad6;
    color: #fff;
}

.tab{
    display: flex;
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    /* border-top: 1px solid #cccccc; */
    background: #fff;
    z-index: 3;
}
.tab::before{
    content: "";
    width: 100%;
    height: 1px;
    position: absolute;
    top: 0;
    left: 0;
    background: url("data:image/svg+xml;utf-8,<svg xmlns='http://www.w3.org/2000/svg' width='100%' height='1px'><line x1='0' y1='0' x2='100%' y2='0' stroke='#cccccc'></line></svg>");
}
.tab>li{
    flex: 1 1 auto;
    width: 1.5rem;
}
.tab>li>a{
    display: block;
    height: 1.1rem;
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.tab>li i{
    display: block;
    width: .52rem;
    height: .5rem;
    margin: 0 auto;
}
.tab>li p{
    font-size: .2rem;
    line-height: 1.2;
    color: #666666;
}
.tab>li.on p{
    color: #527ae7;
}
.tab>li.tab-index i{
    background-position: 0 0;
}
.tab>li.tab-detail i{
    background-position: -.6rem 0;
}
.tab>li.tab-news i{
    background-position: -1.2rem 0;
}
.tab>li.tab-works i{
    background-position: -1.8rem 0;
}
.tab>li.tab-entry i{
    background-position: -2.4rem 0;
}
.tab>li.on.tab-index i{
    background-position: 0 -.6rem;
}
.tab>li.on.tab-detail i{
    background-position: -.6rem -.6rem;
}
.tab>li.on.tab-news i{
    background-position: -1.2rem -.6rem;
}
.tab>li.on.tab-works i{
    background-position: -1.8rem -.6rem;
}
.tab>li.on.tab-entry i{
    background-position: -2.4rem -.6rem;
}

.wrap{
    padding: 1.6rem 0 1.1rem;
    position: relative;
    z-index: 1;
}
.banner{
    height: 4.6rem;
    background: url(//game.gtimg.cn/images/duty/cp/a20180828matchm/kv.jpg) no-repeat;
    background-size: cover;
}
.sec{
    width: 6.5rem;
    margin: 1.4rem auto 0;
    background: #fff;
    border-radius: .2rem;
    box-shadow: 0 .15rem .4rem rgba(74, 148, 234, .18);
    position: relative;
    padding-top: 1.3rem;
    padding-bottom: 1rem;
    line-height: .48rem;
    /* overflow: hidden; */
}
.sec-tit{
    width: 3.38rem;
    height: 2.4rem;
    background-position: 0 -1.2rem;
    text-align: center;
    /* overflow: hidden; */
    position: absolute;
    top: -.95rem;
    left: 50%;
    margin-left: -1.69rem;
}
.sec-tit::before{
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    width: 1rem;
    height: .81rem;
    background: url(//game.gtimg.cn/images/duty/cp/a20180828matchm/spr.png) no-repeat;
    background-size: 7.5rem 10rem;
    margin-left: -.5rem;
    margin-top: -.6rem;
}
.sec-1 .sec-tit::before{
    background-position: -3rem -3.7rem;
}
.sec-2 .sec-tit::before{
    background-position: -4.1rem -3.7rem;
}
.sec-3 .sec-tit::before{
    background-position: -5.2rem -3.7rem;
}
.sec-4 .sec-tit::before{
    background-position: -6.3rem -3.7rem;
}
.sec-tit::after{
    content: "";
    position: absolute;
    width: 1.67rem;
    height: 1.8rem;
    left: .94rem;
    top: .04rem;
    background: url(//game.gtimg.cn/images/duty/cp/a20180828matchm/spr.png) no-repeat;
    background-size: 7.5rem 10rem;
    background-position: -3.6rem -1.2rem;
}
.sec-tit b{
    display: block;
    font-size: .28rem;
    color: #fff;
    margin-top: .75rem;
}
.sec-tit span{
    font-size: .12rem;
    color: #fff;
    opacity: .7;
    line-height: 1.2;
    vertical-align: top;
}

.sec h4{
    position: relative;
    margin: 0 .5rem;
    padding-left: .2rem;
    font-size: .3rem;
    color: #527ae7;
    line-height: 1.5;
    margin-bottom: .24rem;
    font-weight: bold;
}
.sec h4::before{
    content: " ";
    display: block;
    width: .05rem;
    height: .24rem;
    background: #527ae7;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    border-radius: .5rem;
}
.sec p{
    font-size: .28rem;
    line-height: .48rem;
    color: #5f7288;
    margin: 0 .5rem;
    text-align: justify;
}
.sec p span{
    font-size: .26rem;
    color: #b9b9b9;
}
.circle:before {
    content: '';
    display: inline-block;
    width: .14rem;
    height: .14rem;
    border-radius: 50%;
    background: #858ba0;
    margin-right: .2rem;
}
.sec-list{
    font-size: .28rem;
    line-height: .48rem;
    color: #5f7288;
    margin: 0 .5rem;
    text-align: justify;
}
.sec-list span{
    font-size: .26rem;
    color: #b9b9b9;
}
.tips-xing{
    position: relative;
}
.tips-xing::before{
    content: "*";
    color: #f00;
    position: absolute;
    left: -.2rem;
    top: 0;
    line-height: .58rem;
}
.btn-1{
    display: block;
    width: 2.28rem;
    height: .6rem;
    text-align: center;
    line-height: .6rem;
    border-radius: .6rem;
    border: 1px solid #527ae7;
    color: #527ae7;
    font-size: .26rem;
    margin: .5rem auto 0;
}

.contact-wrap{
    background: #fff;
    overflow: hidden;
    margin-top: 1rem;
    padding-bottom: .2rem;
    position: relative;
}
.contact-wrap:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: .06rem;
    background: linear-gradient(to right, #0965b6, #ee7619, #fad30b, #acd607);
    background: -webkit-linear-gradient(to right, #0965b6, #ee7619, #fad30b, #acd607);
}
.contact-mail{
    color: #b3b3b3;
    font-size: .24rem;
    text-align: center;
    margin-top: .5rem;
}
.qr-btns{
    display: flex;
    margin-top: 1rem;
}
.qr-btns>li{
    flex: 1 1 auto;
    width: 50%;
    text-align: center;
}
.qr-btns>li p{
    color: #b3b3b3;
    font-size: .24rem;
    margin-top: .3rem;
}
.qr-icon{
    display: inline-block;
    width: 1.2rem;
    height: 1.2rem;
}
.qr-wx{
    background-position: -1.28rem -3.7rem;
}
.qr-qq{
    background-position: .01rem -3.7rem;
}
#afooter{
    color: #b3b3b3;
    background: #f4f0ef;
    text-align: center;
    padding: .6rem 0;
    font-size: .24rem;
}

.dia-msk{
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 999;
    overflow: auto;
    background: rgba(0, 0, 0, .8);
    display: none;
}
.dia{
    display: none;
    margin-bottom: 1rem;
}
.dia.show{
    display: block;
    animation: bounceInDown .8s 0s both;
}
.dia-close{
    width: .37rem;
    height: .38rem;
    position: absolute;
    right: .38rem;
    top: .38rem;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACUAAAAmBAMAAACxJE+eAAAAMFBMVEUAAACFi6CFi6CFi6CFi6CFi6CFi6CFi6CFi6CFi6CFi6CFi6CFi6CFi6CFi6CFi6AollUpAAAAEHRSTlMA/vlXgIpQTIyIdyLFtCsIlS2jaQAAAKBJREFUKM9l0MEJwkAQRuEHQoR4Cqyg4GU7UO9CSogtWEIqsARLsAY7sgNLcCPqI7Pv/MEwP1Ur6sY7bc+sZb7yTIFtYNH1kcEhRSaUCWVCmVAmlAllwokNEOC4hgBlwsuPCZs/E8qEXWRw3hFrchcGn46W05EN5XRkfi3DeWRCmVAmlAllQplQJpQJ47zH9GE3QJgLfGwhwvbLhHuqTq83w4ce6lmQGtUAAAAASUVORK5CYII=);
    background-size: 100% 100%;
}

.dia-qr{
    position: absolute;
    width: 3.53rem;
    height: 3.53rem;
    left: 50%;
    top: 50%;
    margin-left: -1.76rem;
    margin-top: -1.76rem;
}
.dia-qr img{
    width: 100%;
    height: 100%;
}


/* 游戏营 首页 */
.act-time-box{
    width: 5.09rem;
    height: 10.04rem;
    margin: 0 auto;
    position: relative;
}
.act-time-box .act-bg{
    width: 100%;
    height: 100%;
}
.act-content{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
}
.act-info{
    width: 2rem;
    height: 2rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.act-info strong{
    display: block;
    font-size: .26rem;
    text-align: center;
    color: #527ae7;
}
.act-info em{
    display: block;
    text-align: center;
    color: #5f7288;
    font-size: .16rem;
    line-height: 1.2;
}
.act-date{
    display: block;
    width: 2rem;
    height: 2rem;
    line-height: 2rem;
    font-style: normal;
    color: #527ae7;
    font-size: .4rem;
    font-weight: bold;
}
.act-date.left{
    text-align: right;
}
.act-date.right{
    text-align: left;
}
.company-list{
    /* text-align: center; */
    /* font-size: 0; */

    width: 6rem;
    margin: 0 auto;
}
.company-list>li{
    width: 2.5rem;
    height: 1.2rem;
    /* display: inline-block; */
    margin: .25rem;
    border: 1px solid #dce4fa;
    box-sizing: border-box;
    border-radius: .1rem;
    float: left;
}
.com-tiog{
    background-position: 0 -5rem;
}
.com-gh{
    background-position: -3rem -5rem;
}
.com-tag{
    background-position: 0 -6.3rem;
}
.com-in{
    background-position: -3rem -6.3rem;
}
.com-qedj{
    background-position: 0 -7.6rem;
}
.com-vsgi{
    background-position: -3rem -7.6rem;
}

/* 赛事详情 */
.judges-list{
    text-align: center;
    font-size: 0;
}
.judges-list>li{
    display: inline-block;
    margin: 0 .25rem .25rem;
    width: 2.18rem;
    vertical-align: top;
}
.judges-list>li img{
    width: 2.18rem;
    height: 2.18rem;
    border-radius: 50% 50%;
    vertical-align: top;
    display: block
}
.judges-list>li strong{
    display: block;
    font-size: .3rem;
    color: #527ae7;
    text-align: center;
    line-height: 2;
}
.judges-list>li em{
    display:block;
    font-size: .2rem;
    color: #5f7288;
    text-align: center;
    line-height: 1.2;
}

/* 新闻资讯 */
.sec-news{
    margin-top: .5rem;
    padding: 0;
    padding-bottom: 1rem;
    overflow: hidden; 
}
.news-swiper-container{
    width: 100%;
    height: 6rem;
}
.news-swiper-container .swiper-slide a.swiper-img{
    display: block;
    width: 100%;
    height: 4rem;
    background-size: cover;
    background-position: center center;
}
.swiper-tit{
    padding: .5rem;
    box-sizing: border-box;
    display: block;
}
.swiper-tit strong{
    display: block;
    font-size: .34rem;
    color: #394368;
    line-height: .48rem;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap
}
.swiper-tit em{
    display: block;
    font-size: .28rem;
    color: #858ba0;
    line-height: .4rem;
    margin: .1rem 0;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    height: .8rem;
}
.new-list{
    margin: 0 .5rem;
    border-top: .02rem solid #e2eaff;
}
.new-list>li{
    padding: .5rem 0;
    border-bottom: .02rem solid #e2eaff;
}
.new-list h5{
    font-size: .34rem;
    color: #394368;
    line-height: .48rem;
}
.new-list p{
    text-align: left;
    display: block;
    font-size: .28rem;
    color: #858ba0;
    line-height: .4rem;
    margin: .1rem 0;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.new-list-b{
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: .2rem;
}
.ctime{
    flex: 0 0 auto;
    line-height: .5rem;
    color: #aeb3c6;
    font-size: .26rem;
}
.more-btn{
    flex: 0 0 auto;
    width: 1.5rem;
    height: .5rem;
    text-align: center;
    line-height: .5rem;
    border-radius: .5rem;
    box-sizing: border-box;
    color: #5b627b;
    border: 1px solid #5b627b;
}
.loadmore-btn{
    width: 3rem;
    height: .7rem;
    line-height: .7rem;
    color: #5b627b;
    border: 1px solid #5b627b;
}
.news-swiper-container .swiper-pagination.swiper-pagination-bullets{
    line-height: 1;
    bottom: auto;
    top: 3.5rem;
}
.news-swiper-container .swiper-pagination-bullet {
    width: .1rem;
    height: .1rem;
    background: #fff;
    opacity: 1;
    vertical-align: top;
}
.news-swiper-container .swiper-pagination-bullet-active {
    opacity: 1;
    background: #4c6ad6;
}


 
@keyframes bounceInDown {

  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -13rem, 0);
    transform: translate3d(0, -13rem, 0);
  }
 
  60% {
    -webkit-transform: translate3d(0, .5rem, 0);
    transform: translate3d(0, .5rem, 0);
  }
 
 
  100% {
    -webkit-transform: none;
    transform: none;
  }
}


/* 修改 */
.judges-list>li em{
    line-height: 1.5;
}
.judges-list>li:nth-child(3) strong{
    line-height: 1
}
.img-pt {
    margin: 1.3rem 0 0 0;
}
.section11 .name-list-tb{
    margin: 1.5rem auto 0;
}