[class^="ico-"]{ display:inline-block; overflow:hidden; vertical-align:middle; background:url(http://ue2.17173cdn.com/a/lol/zt/2015/s5/m/img/ico.png) no-repeat; background-size:100%}
.ico-win{background-position:0 0;}
.ico-lose{background-position:0 -30px;}
.ico-play1{background:url(http://ue1.17173cdn.com/a/lol/zt/2015/s5/m/img/ico-video1.png); width:22px; height: 22px; background-size: 100%; margin: 0 .3rem .3rem 0}




.pn{ padding: .75rem .8rem;}
.pn-hd{border-bottom: 1px solid #d4ccc7; position: relative; height:35px}
.pn-hd .tit{color:#ad561f; font-size:1.1875rem; display: inline-block; border-bottom: 1px solid #ad561f; position: absolute; top: 0; bottom:0; height:34px}


.content{}
.nav{height:2.5rem; background: #1d1334;}
.nav-list{ line-height: 2.5rem; font-size:.9375rem; overflow: hidden;}
.nav-list li{width: 20%; text-align: center; float: left; position: relative; list-style: none;}
.nav-list li::after{content:' '; position: absolute; width: 1px; background:#3e3457; height:1rem; right: 0; top: 50%; margin-top: -.5rem; overflow: hidden;}
.nav-list li:last-child::after{display: none;}
.nav-list li a{color:#fff;}
.nav-list li a:hover,.nav .current a{color: #06a4f3;}

.swiper-container {width: 100%;}
.swiper-banner{position: relative; background:#1d1334}
.swiper-banner .swiper-slide{width: 100%; overflow: hidden;}
.swiper-banner .swiper-slide img{width:100%; display:block;}
.swiper-banner .swiper-pagination{text-align: right; padding-right:.8rem}
.swiper-banner .swiper-pagination-bullet{background:#8e8da5;}
.swiper-banner .swiper-pagination-bullet-active{background:#fff }

.swiper-tab{}
.swiper-tab .swiper-slide{}
.my-pagination{overflow: hidden;}
.my-pagination .swiper-pagination-bullet{float: left; width:3.75rem; height:1.875rem; background: #fff; border: 1px solid #ccc; line-height: 1.875rem; color: #333; text-align: center; border-radius: 0.3rem; margin-right:.95rem; margin-bottom: 1.5rem}
.my-pagination .swiper-pagination-bullet-active{color: #fff; background:#dd0000; border-color:#dd0000}
.my-pagination .swiper-pagination-bullet:last-child{margin-right: 0}


.table-data th,.table-data td{color:#333; font-size:.8125rem; font-weight: normal; text-align: center;}
.table-data td{padding:.3rem 0}
.table-data td a{color: #333}
.table-data .c1 .num{display:inline-block; width: 21px; height: 15px; background: url(http://ue1.17173cdn.com/a/lol/zt/2015/s5/m/img/bg-num.png) no-repeat 0 -30px; background-size:100%; vertical-align: middle; font-size:.8125rem; line-height:0.9rem; color: #fff; padding-left:2px; overflow: hidden; margin-right:0.5rem;}
.table-data .c1 .up,.table-data .c1 .down{color:#cc1b1b; letter-spacing: 0.1rem;}
.table-data .c1 .down{color:#000}
.table-data .c1,.table-data .c2{text-align: left;}
.table-data tr:first-child .num, .table-data tr:nth-child(2) .num, .table-data tr:nth-child(3) .num{background-position: 0 0 }

.pn-news .more{display: block; border: 1px solid #ddd; height:2.375rem; line-height: 2.3rem; color: #333;  text-align: center; background: #fff; box-shadow: 2px 2px 0 #f8f8f8; border-radius: 0.2rem; margin-top: 1.5rem}
.pn-video .news-list{margin-top: .8rem}
.pn-video .my-pagination .swiper-pagination-bullet{margin-bottom: 0}

.news-list .item{overflow: hidden; padding-bottom: .5rem; margin-bottom: .4rem; border-bottom: 1px solid #ddd}
.news-list .c1{width:25%; max-width: 150px; float: left; margin:.2rem .625rem 0 0; position: relative;}
.news-list .c1 .mask{background: rgba(0,0,0,.5) url(http://ue3.17173cdn.com/a/lol/zt/2015/s5/m/img/ico-video.png) no-repeat center center; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background-size:30%}
.news-list .c2{overflow: hidden; position: relative;}
.news-list .c2 .tit{font-size:.9375rem; line-height: 1.3; padding-bottom: .1rem}
.news-list .c2 .tit a{color: #333; display: block;}
.news-list .c2 .txt{font-size:.8125rem; color:#999; line-height: 1.5}
.news-list .c2 .info{font-size:.625rem; color:#999; overflow: hidden;}
.news-list .c2 .date{float: left;}
.news-list .c2 .num{float: right;}
.news-list a:link,
.news-list a:visited{ color:#333;}


.tab-sk{overflow: hidden; margin-top: .5rem}
.tab-sk .item{float: left; width:3.75rem; height:1.875rem; background: #fff; border: 1px solid #ccc; line-height: 1.875rem; color: #333; text-align: center; border-radius: 0.3rem; margin-right: 1.18rem;}
.tab-sk .current{color: #fff; background:#dd0000; border-color:#dd0000 }
.tab-sk .item:last-child{margin-right: 0}

.vs-list .item{margin:0 0 1.5rem; position: relative;}
.vs-list .item::after{content:' '; display: table; clear: both;}
.vs-list .item .team-logo{width:5.625rem; height: 5.625rem; background:#333; border-radius: .4rem; text-align: center; position: relative;}
.vs-list .item .team-logo [class^="ico-"]{width: 26px; height: 25px; position: absolute; bottom: -12px; left: 50%; margin-left:-13px; text-align: center; line-height: 25px; font-size:.5rem; color: #fff}
.vs-list .item .team-logo .ico-win{color:#ffdd00 }
.vs-list .item figure{padding:0.7rem 1rem 0rem}
.vs-list .item p{color: #fff; font-size: .625rem}
.vs-list .fl{float: left;}
.vs-list .fr{float: right;}
.vs-list .team-info{width:6.25rem; position:absolute; left: 50%; top: 0; margin-left:-3.125rem; text-align: center;}
.vs-list .status{width:5rem; height:1.25rem; line-height: 1.25rem; text-align: center; color: #fff; margin: 0 auto; border-radius: 5rem; font-size:.8125rem}
.vs-list .time{color: #333; width: 100%;}
.vs-list .underway{background:#06a4f3}
.vs-list .end{background:#666}
.vs-list .vs{font-size:1.7rem; font-style:italic; color:#06a4f3; font-weight: bold; }
.vs-list .red{color:#dd222b;}
.vs-list .btn{padding: 0 .4rem; }
.vs-list .btn a{padding:0 .3rem; border: 1px solid #ccc; color: #999; font-size:0.8125rem; line-height: 1.5; border-radius: .2rem}
.vs-list .score{color: #f3ca71; font-size:3.125rem; letter-spacing: .3rem}
.pn-live{height:14.0625rem; background:#1d1334 url(http://ue1.17173cdn.com/a/lol/zt/2015/s5/m/img/bg-live.jpg) no-repeat center top; background-size: cover; position: relative;}
.pn-live .vs-list{padding:0 .8rem; height:7.6rem; overflow: hidden;}
.pn-live .vs-list .item{margin-top:1rem}
.pn-live .vs-list .item .team-logo{background: rgba(0,0,0,.5)}
.pn-live .btn-live{width: 80%; background:#dd0000; height:2.5rem; line-height: 2.5rem; color: #fff; display: block; text-align: center; margin: .4rem auto; border-radius: 2rem; font-size: 1.125rem;}
.pn-live::after{content: ' '; width:.6rem; height: .6rem; background:#1d1334;-webkit-transform:rotate(45deg); transform:rotate(45deg); position: absolute; bottom: -.3rem; left: 2rem}
.box-player{position: fixed; left: 0; top: 0; width: 100%; height: 100%; background:rgba(0,0,0,.8); z-index: 999}
.box-player .btn-close{color: #fff; font-size:2rem; z-index: 999; text-align: right; padding-right: .8rem}
.box-player .player .video-ios{position: absolute; top: 50%; margin-top: -20%; left: 0;}
.player .video-az{}
.list-live{}
.list-live .item{overflow: hidden; padding:1rem 0; border-bottom: 1px dashed #d8d8d8}
.list-live .item .c1{width:3.625rem; float: left; color: #999; font-size:.875rem; line-height: 1.4}
.list-live .item .c2{overflow: hidden;font-size: .8125rem}
.list-live .item .c2 p{line-height: 1.5}
.list-live .item .c2 figure{padding-top: .4rem;}




/*footer*/
.footer { position:relative; margin-top:1rem; padding:1em 0 2.5em; background-color:#444 }
.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}
.footer-ico-pc, .footer-ico-star {
display:inline-block;
overflow:hidden;
vertical-align:middle;
background:url(http://ue1.17173cdn.com/a/lol/zt/2015/s5/m/img/footer-ico.png) no-repeat
}
.footer-ico-pc, .footer-ico-star {margin-bottom:3px}

.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; text-align: center;}

.btn-gotop::after {
content:' ';
display:inline-block;
position:relative;
top:0.8em;
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)
}

@media only screen and (max-width:480px) {
.footer-ico-pc, .footer-ico-star{ width: 20px; height: 16px;background-size:100%}
.footer-ico-pc { background-position: 0 0}
.footer-ico-star { background-position: 0 -25px;}
}

@media only screen and (min-width:481px) {
.footer-ico-pc, .footer-ico-star{ width: 40px; height: 32px;}
.footer-ico-pc { background-position: 0 0}
.footer-ico-star { background-position: 0 -50px;}
}



@media only screen and (min-width: 360px){
	.top-box .btn-review .ico-review::after{ bottom: .24rem}	
}


/*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){
	.my-pagination .swiper-pagination-bullet{margin-right: 1.2rem}
}
@media only screen and (min-width : 414px){
	.my-pagination .swiper-pagination-bullet{margin-right: 1.9rem}
}

.ico-refresh {
    display: inline-block;
    vertical-align: middle;
    background: url(http://ue3.17173cdn.com/a/lol/index/2015/m/img/sprite.png) no-repeat;
    background-size: 100%;
    width: 25px;
    height: 25px;
    background-position: 0 -75px;
    -webkit-animation-name: rotate;
    -webkit-animation-duration: 0.5s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
}

.box-refresh {
    text-align: center;
    padding: 1rem 0;
}