a{color: #333}



[class^="ico-"]{ display:inline-block; overflow:hidden; vertical-align:middle; background:url(http://ue1.17173cdn.com/a/newgame/index/2016/v2.8.4/m/img/sprite.png) no-repeat; background-size:200px auto;}
.ico-play{background-position:0 0; width: 40px; height: 40px; position: absolute; left: 50%; top: 50%; margin: -20px 0 0 -20px; z-index: 5}
.ico-dl{background-position:-43px 0; width: 16px; height: 19px; margin: 0 8px 3px 0}
.ico-gift{background-position:-64px 0; width:14px; height: 19px; margin: 0 8px 3px 0}
.ico-arrow-down{background-position:-83px 0; width:14px; height: 7px; margin: 0 8px 3px 0}
.ico-close{background-position:-43px -23px; width: 16px; height: 16px; position: absolute; top: -25px; right:20px;}
.ico-prize{background-position:-63px -22px; width: 11px; height: 12px; margin: 0 5px 3px 0}

.game-txt .tit, .comm-tlist .tit{width: 100%; overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}

.content, .content-in{padding: .625rem}
.content-ex{background:url(http://ue2.17173cdn.com/a/newgame/index/2016/v2.8.4/m/img/bg1.png) no-repeat center 1.75rem; background-size: 100% auto;}
.game-info{overflow: hidden; padding:.9375rem .625rem; box-sizing:border-box; border-bottom: 1px solid #eaeaea}
.game-img{width:23%; float: left;}
.game-txt{width:51%; float: left; padding-left: .625rem;}
.game-txt .tit{font-size: 1.125rem; line-height: 1.5; }
.game-txt p{font-size: .75rem; color:#999}
.game-txt .rank, .game-txt .rank a{color:#ff7200}
.game-bt{width:26%;float: left;}
.game-bt a{display: block; border-radius:2rem; border: 1px solid #508cf0; text-align: center; line-height: 1.875rem; font-size: .9375rem; color:#508cf0; margin-bottom:.5rem}
.game-bt a:last-child{margin-bottom: 0}
.game-bt a:hover{background:#508cf0; color: #fff;}
.game-bt .bt-gift{border-color: #ff7200; color:#ff7200}
.game-bt .bt-gift:hover{background:#ff7200;}

.mod-video{position: relative; margin-bottom:.9375rem}
.mod-video img{width: 100%; display: block; max-width: 640px; margin: 0 auto}
.mod-video a{display: block;}

[class^="bt-dl-"]{display:block; line-height:2.5rem; text-align: center; color: #fff; font-size:.9375rem; border-radius: .2rem; margin-bottom: .625rem;}
.bt-dl-blue{background:#508cf0}
.bt-dl-blue:hover{background:#649eff}

.bt-dl-orange{background:#ff7222}
.bt-dl-orange:hover{background:#fb8b38}
.bt-dl-blue.disabled, .bt-dl-orange.disabled{background: #999}

.bt-dl-blue.fixed{position: fixed; left:0%; top:2.8rem; z-index: 999; width: 100%; border-radius: 0}


.mod-summary .hd {overflow: hidden; line-height:2.5rem}
.mod-summary .hd .tit{font-size:1.125rem;float: left;}
.mod-summary .hd .score{font-size:1.125rem;float: left; color: #ff7222; font-size: .75rem; float: right;}
.mod-summary .hd .score span{font-size:1.4375rem}
.mod-summary .text-box{ overflow: hidden; height: 8.25rem; margin-bottom: 10px;}
.mod-summary .text-box p { font-size: 0.9375rem; padding-bottom: 1.65rem; line-height: 1.65rem }
.mod-summary .text-box p:last-child { padding-bottom: 0; }
.mod-summary .bt-more{display: block; margin:0 auto 1rem ; border-radius: 2rem; width: 9.3125rem; line-height:1.875rem;  padding:0 1rem; color:#999; border: 1px solid #ccc; font-size:.9375rem;}
.mod-summary-ex .bt-more .ico-arrow-down{
	-webkit-transform: rotate(180deg);transform: rotate(180deg);
}
.mod-share{margin: 1.7rem auto 1rem}
.mod-share .gb-share .gb-share-con, .mod-share .gb-share .gb-share-btn{float: none;}
.mod-share .gb-share a.gb-share-btn{display: inline-block; margin: 0 .5rem}
.mod-share .gb-share .gb-share-con{text-align: center;}

.pn-hd{ border-bottom:1px solid #e8e8e8; padding: 0 .625rem .3rem}
.pn-hd .tit{font-size:1.125rem;}

.comm-ptlist .game-bt{margin-top:1rem}

.comm-tlist{padding-bottom: 1rem}
.comm-tlist .tit{font-size:.9375rem; line-height: 2}
.comm-tlist .tit::before{content: ' '; width:.375rem; height: .375rem; border-radius: 50%; background: #a6c1ef; display: inline-block; vertical-align: middle; margin: 0 .5rem .2rem 0;}
.comm-tlist a{color: #333}
.comm-tlist a:hover{color:#888}


.pn-eva{margin:2rem 0 1rem}
.pn-eva-c1{height: 3.6875rem; width:6.27rem; position: relative; margin: 0 auto; text-align: center; color: #fff; background:#ff7200}
.pn-eva-c1::before{content: ' '; width:0;height:0;line-height:0;border-width:2rem 3.15rem;border-style:solid; border-color: #ff7200 transparent transparent transparent; border-style:solid dashed dashed dashed;position:absolute;top:3.6875rem;left:0; z-index: 0}
.pn-eva-c1::after{content: ' '; width:0;height:0;line-height:0;border-width:2rem 3.15rem;border-style:solid; border-color: transparent transparent #ff7200 transparent; border-style:dashed dashed solid dashed;position:absolute;top:-4rem;left:0; z-index: 0}
.pn-eva-c1 .num{font-size:2.8125rem; line-height: 1}
.pn-eva-c1 .txt{font-size:.75rem; position: relative;}
.pn-eva-c1 .txt::after{content: ' '; width: .9375rem; height: 1px; background: #fff; overflow: hidden; position: absolute; bottom: -0.2rem; left: 50%; margin-left: -.465rem; z-index: 9}
.pn-eva-c2{padding: 3rem 0 1.5rem; font-size: .9375rem}
.pn-eva-c2 .date{text-align: right; color: #999999; font-size: .75rem; padding-top: 1rem}
.pn-eva .pn-hd{border-color: #ccd8ed; padding-left: 0}
.pn-eva .pn-bd{padding-top: .5rem}

.mod-article{font-size:.9375rem;}
.mod-article p{padding-bottom: 1rem}

.mod-article h3{position: relative; line-height: 1.5;font-weight: bold; line-height:1.7; margin-bottom:.5rem; font-size: 1rem; border-bottom:1px solid #e8e8e8; padding-bottom: .3rem; padding-left:2rem}
.mod-article h3 .article-num{color: #ff7200;position: absolute; left: 0; bottom: -1px;border-bottom: 1px solid #ff7200; padding:0 .2rem .1rem; font-size: 1.2rem}


.swiper-container{ overflow: hidden; position: relative;}
.swiper-wrapper{-webkit-transform-style: preserve-3d;-ms-transform-style: preserve-3d;
    transform-style: preserve-3d;-webkit-transition-property: -webkit-transform;
    transition-property: transform;display:-webkit-box;display:-webkit-flex; display: flex;position: relative;width: 100%; height: 100%}
.swiper-slide{ -webkit-transform-style: preserve-3d; -ms-transform-style: preserve-3d;
    transform-style: preserve-3d;-webkit-flex-shrink: 0;  flex-shrink: 0;-webkit-flex: 1 0 100%; flex: 1 0 100%;position: relative;}
.swiper-button-disabled{display: none;}

.focus a{ position: relative; display: block;}
.focus img{ display: block; max-width: 100%; margin:0 auto;}
.focus [class^="btn-"]{position: absolute;top:50%;width:30px;height:50px;margin-top:-25px;opacity: .5; background: url(http://ue1.17173cdn.com/a/newgame/index/2016/v2.8.4/m/img/sprite.png) -100px 0; background-size: 200px auto;}
.focus .btn-prev-arrow{left:0;-webkit-transform: rotate(180deg);transform: rotate(180deg);}
.focus .btn-next-arrow{right:0;}
.focus [class^="btn-"]:hover{opacity: 1}

.footer{padding:.5rem 0 1rem;text-align: center; background:#696969}
.footer-c1 a{position:relative;padding:0 1em;line-height:1.8;display: inline-block; color: #fff}
.footer-c1 a::before{content:"";position:absolute;left:0; top: .6rem;width: 1px;height:1rem; background:#898989}
.footer-c1 a:first-child::before{display: none;}
.footer-c2{padding-top: .5rem;font-size: .625rem; color:#898989}

.dialog{position: fixed; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,.8); z-index: 9999; display: none;}
.dialog-in{margin-top: 5rem; position: relative;}

@media only screen and (min-width: 360px){
}


/*the iPhone 4*/
@media only screen and (min-device-width: 320px) and (max-device-height: 480px){

} 

/*iPhone 5 and iPhone 5s*/
@media only screen and (min-device-width : 320px) and (max-device-width : 568px) {

} 


/*iPhone 6 and iPhone 6+*/
@media only screen and (min-width : 375px){
}

@media only screen and (min-width : 414px){
}

/* Copy from http://ue.17173cdn.com/a/newgame/index/2016/v2.8.4/m/css/style.css */

.footer { position:relative;padding:1em 0 2.5em; background-color:#292c35 }
.mod-platform { margin-bottom:0.5rem; text-align:center }
.mod-platform a { color:#fff }
.mod-platform a:first-child { margin-right:2em }
.copyright {font-size:.75rem; color:#c0c0c0; text-align:center }
.copyright a { color:#c0c0c0 }
[class^="ft-ico-"] {display:inline-block;overflow:hidden;vertical-align:middle;background:url(http://ue2.17173cdn.com/a/newgame/index/2015/v2.7.4/m/img/ft-ico.png) no-repeat}
.ft-ico-pc {width:20px;height:18px;background-position:0 0;-webkit-background-size:100%;-moz-background-size:100%;background-size:100%;}
.ft-ico-mobile {width:11px;height:18px;background-position:0 -17px;-webkit-background-size:20px 68px;background-size:18px 35px;}
.ft-ico-pc,.ft-ico-mobile { margin-bottom:.1em }

[class^="btn-"]::before {content:' ';display:inline-block}
[class^="btn-"]::after {content:' ';display:inline-block}

.btn-gotop {
    display: none;
    position: fixed;
    bottom: -2em;
    left: 50%;
    width: 4em;
    height: 4em;
    margin-left: -2em;
    background: rgba(0, 0, 0, 0.6);
    border-radius: 100%;
    z-index: 100;
}

.btn-gotop::after {
    display: inline-block;
    position: relative;
    top: 1em;
    width: .8em;
    height: .8em;
    border-left: .2em solid #a9abae;
    border-top: .2em solid #a9abae;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}

.pop-yd{background: url(http://ue.17173cdn.com/a/newgame/index/2016/v2.8.4/m/img/yd.png) no-repeat right 10% rgba(0,0,0,.6); background-size: 60% auto}