@charset "gbk";
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,select,textarea,p,blockquote,th,td{padding:0;margin:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var,b{font-weight:normal;font-style:normal;}
ol,ul{list-style:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-weight:normal;font-size:100%;}
q:before,q:after{content:"";}
abbr,acronym{border:0;}
th,strong{font-weight:bold;}
a{text-decoration:none;cursor:pointer;-webkit-transition:color 0.5s ease-out;transition:color 0.5s ease-out}
a:hover{text-decoration:none;}
input,button,textarea,select,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}
textarea:focus,input:focus{outline:none;}
b{font-weight:normal;}
i{font-style:normal;}
*{outline: none;}
.clearfix{zoom:1;}
.clearfix::after{content:'';display:block;height:0;visibility:hidden;clear:both;}
html,body{overflow:hidden}
body{font:12px 'LoL Display',"\5FAE\8F6F\96C5\9ED1",TimesNewRoman,'Times New Roman',Times,Baskerville,Georgia,serif;color:#a09b8c;background-color:#000;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;}
.btn{background-position:0 0;height:34px;width:120px;}
.dia{background-position:0 -39px;height:180px;width:342px;}
.wrap{position:relative;width:1055px;height:720px;overflow:hidden;}
.Header{position:absolute;top:79px;left:35px;width:985px;margin:0 auto;z-index:999;}
.Menu{margin-top:9px;}
.Menu-list{display:-webkit-flex;display:flex;height:40px;}
.Menu-list li{display:flex;position:relative;cursor:pointer;margin-right:30px;min-width:28px;white-space:nowrap;text-overflow:ellipsis;}
.Menu-list a{position:relative;color:#cdbe91;text-align:center;letter-spacing:0.1em;-webkit-font-smoothing:subpixel-antialiased;font-family:'LoL Display',"\5FAE\8F6F\96C5\9ED1",'Times New Roman',Times,Baskerville,Georgia,serif}
.Menu-list li a:hover{color:#f0e6d2;}
.header-base .bloodmoon.active a{color:#f0e6d2;}
.header-base .bloodmoon.active a:before{content:'';position:absolute;top:20px;left:0;height:1px;width:100%;background:linear-gradient(to left,transparent,#cdbe91,transparent);}
.content{width:1055px;overflow:hidden;margin-top:80px;}
.redPoint{display:block;box-sizing:border-box;box-shadow:0 0 0 2px #010a13;position:absolute;border-radius:100%;width:6px;height:6px;background-color:#D40000;border:none 0;right:-2px;top:-1px;box-shadow:rgb(30,37,45) 0px 0px 0px 1px;}
#bg{position:absolute;left:0;top:0px;width:1055px;height:718px;z-index:-1;background-repeat:no-repeat;opacity:1;}
#bg:after{content:'';position:absolute;left:0;top:0px;width:1055px;height:718px;}
#toolbar-bg{position:absolute;z-index:100;background-color:rgba(0,0,0,.3);width:100%;height:80px;box-shadow:0 5px 62px rgba(0,0,0,.5),0 10px 75px #000;}
.content{background:url(//game.gtimg.cn/images/lol/client/lcu/bloodmoon/bg.jpg) no-repeat;position:relative;}
.sp{background:url(//game.gtimg.cn/images/lol/client/lcu/poolparty/sp.png) no-repeat;}
.spr{background:url(//game.gtimg.cn/images/lol/client/lcu/bloodmoon/spr.png) no-repeat;}
.intro-container{padding: 40px 0 0 196px;position:relative;}
.intro-container2{padding:40px 0 0 185px}
.intro-container3{padding:65px 0 0 210px}

/*导航*/
.content-nav{position:absolute;top:0;left:0;width:171px;z-index:9;}
.content-nav ul{margin-top:80px;width:150px;}
.content-nav ul li{height:69px;position:relative;width:171px;}
.content-nav ul li a{display:block;position:absolute;top:0;left:0;color:#9cabdd;font-size:16px;line-height:68px;width:150px;text-align:center;border-bottom:1px solid #373e92;box-sizing:border-box;text-shadow:0px 0px 2px #000;}
.content-nav ul li:first-child a{border-top: 1px solid #373e92;}
.content-nav ul li.on{background:url(//game.gtimg.cn/images/lol/client/lcu/bloodmoon/nav-on.png) no-repeat;}
.content-nav ul li.on a{color:#11286b;font-weight:bold;text-shadow:none;}
.content-nav .new{position:absolute;top:8px;right:103px;padding:1px 5px;border-radius:5px;font-size:6pt;color:#F1F3F7;background:#fa2235;line-height:10px;box-sizing:border-box;text-transform:uppercase;box-shadow:1px 2px 1px rgba(0,0,0,0.2);}
.nav_video{width:150px;padding-top:140px;}
.nav_video a{display:block;text-indent:-9999px;margin:0 auto 0;}
.nav_video .act-time{font-size: 12px;color: #9cabdd;line-height: 16px;text-align: center;padding-bottom: 10px;}
.nav_sp{background:url(//game.gtimg.cn/images/lol/client/lcu/bloodmoon/nav_sp.jpg) no-repeat;}
.nav_video1{width:133px;height:79px;background-position:0 0;}
.nav_video2{width:133px;height:137px;background-position:0 -79px;display:block;}

/*鸡里奥宝典*/
.collection{}
.collection-header{height:75px;}
.collection-header-left{width:550px;height:75px;float:left;position:relative;}
.collection-header-right{width:272px;float:right;height:74px;position:relative;margin: -3px 37px 0 0;}
.collection-c{height:421px;padding:14px 0 0 0;position:relative;}
.refresh{position:absolute;top:58px;right: 118px;font-size:14px;color:#f9c977;}
.allget{position:absolute;top:58px;right:47px;font-size:14px;color:#9cabdd;}
.my-lv{text-align:left;width:85px;padding-top:7px;}
.my-lv b{color:#9cabdd;font-size:12px;display:block;line-height:35px;}
.my-lv strong{color:#fff;font-size:30px;line-height:35px;}
.collection-bt-btn{position:absolute;top:13px;left:96px;display:flex;justify-content:space-between;}
.collection-bt-btn a{display:block;width:198px;height:40px;margin-right:12px;font-size: 16px;font-weight: bold;color: #fff;line-height: 40px;text-align: center;}
.collection-bt-btn a.collection-bt-btn1{background-position:0 -300px;}
.collection-bt-btn a.collection-bt-btn2{background-position:-250px -300px;}
.my-grade{width:302px;height:18px;position:absolute;top: 60px;left:98px;}
.my-grade ul,.grade p{float:left;}
.my-grade ul li{float:left;width:19px;height:15px;background-position:-20px 0;margin-right:6px;}
.my-grade ul li.on{background-position: 0px 0;}
.my-grade p{color:#f9c977;font-size:14px;line-height:18px;height:18px;}
.collection-header-right img{display:block;}
.buy-lv-btn{display:block;position:absolute;top:50px;right:27px;width:75px;height:67px;background-position:0 -82px;text-indent:-9999px;}
.collection-c-left{width:150px;float:left;}
.lv-box{height:34px;}
.lv-default{border:1px solid #8ba6f7;position:relative;box-sizing:border-box;width:130px;height:30px;text-align:center;line-height:28px;float:left;margin-right:4px;color:#9cabdd;font-size:12px;}
.lv-default.on{background-color: #8ba6f7;color: #11286b;}
.lv-default.lv-default-double{width:220px;}
.lv-default-small{width:46px;}
.lv-default-select{width:95px;}
.lv-default-select p{width:64px;}
.lv-default-select a{width:30px;height:28px;background-position:-50px 0;background-color:#8ba6f7;position:absolute;top:0;right:0;display:block;}
.lv-default-select a.on{background-position:-76px 0;}
.lv-default-select-on{position:absolute;top:29px;left:-1px;z-index:3;}
.lv-default-select-on ul li{width:93px;height:23px;text-align:center;line-height:23px;background-color:#11286b;color:#e3f1ff;border-top:none;cursor:pointer;}
.lv-default-select-on ul li:hover,.lv-default-select-on ul li.on{color: #11286b;background-color: #8ba6f7;}
.line-box-first{margin:0 0 4px 0;position:relative;width:145px;}
.line-box-first img{margin:0;display:block;width:100%;}
.line-box-first p{width:100%;text-align:center;font-size:16px;font-weight:bold;height:30px;line-height:30px;position:absolute;top:145px;right:0;color:#ffe2b4;}
.line-box-first p.bd2{top: 112px;color: #d2ddff;}
.line-box-first a{display:block;width:116px;height:34px;background-position: 0 -350px;box-shadow:0 0 20px rgba(0,0,0,.4);color: #fff;font-size: 14px;font-weight: bold;line-height: 36px;
text-indent: 51px;position: absolute;bottom: 16px;left: 15px;}
.line-box-first .bd-lock{background-position: -150px -350px;pointer-events: none;}
.line-box-first a.end{background-position:0 -219px;}
.collection-c-right{float:left;position:relative;width:675px;height:420px;}
.collection-slider{position:absolute;top:0;left:0px;width:675px;transition:left 0.5s;}
.line-box-other{height:227px;margin-bottom:4px;}
.line-box-other.free-defaule{height: 153px;}
.line-box-other ul li{float:left;width:130px;height:227px;position:relative;margin:0 4px 0px 0;display:flex;justify-content:space-between;}
.line-box-other.free-defaule ul li{height: 153px;}
/*.line-box-other ul li.double{width: 220px;}*/

/*.double .prize-box{width: 220px;display: flex;flex-wrap: nowrap;justify-content:space-around;}*/

/*.free-defaule .double .prize-box:hover{width: 214px;height: auto;left: 0px;}*/

/*.double .prize-box>div{position: relative;width: 108px;}*/

/*.double .prize-box>div:nth-of-type(1){float: left;}*/

/*.double .prize-box>div:nth-of-type(2){float: right;}*/
.double .prize-box:before{content:'二选一';position:absolute;color:#fff;z-index:2;display:none;top:17px;left:140px;font-size:19px;width:20px;}

/*.free-defaule .prize-box:before{display: none;}*/
.lock{width:30px;height:30px;position:absolute;top:20px;right:6px;}
.free-defaule .lock{top: 7px;right: 15px;}
.lock.sp{background: url(//game.gtimg.cn/images/lol/client/lcu/bloodmoon/spr.png) no-repeat;}
.prize-box{width:130px;height:227px;position:absolute;top:0;left:0;display:block;}
.prize-box-img{display:block;width:112px;height:112px;margin:29px auto 0;background:url(//game.gtimg.cn/images/lol/client/lcu/bloodmoon/reward-img.png)no-repeat 50% 50%;background-size:100%;overflow:hidden;}
.line-lv-layer .prize-box-img{width: 61px; height: 61px;margin: 8px auto 0;}
.free-defaule .prize-box-img{width: 73px;height: 73px;background: url(//game.gtimg.cn/images/lol/client/lcu/bloodmoon/reward-img2.png) no-repeat;margin-top: 20px;}
.prize-box img{width:90%;margin: 5% auto 0;display: block;}
.prize-box > a{display:block;width:100%;height:35px;color:#b97b9b;font-size:14px;font-weight:bold;text-align:center;line-height:35px;position: absolute;bottom: 0;left: 0;background: url(//game.gtimg.cn/images/lol/client/lcu/bloodmoon/spr.png) no-repeat;background-position: -150px -40px;}
.free-defaule .prize-box > a{height: 30px;background: url(//game.gtimg.cn/images/lol/client/lcu/bloodmoon/spr.png) no-repeat;background-position: -150px -90px;line-height: 30px;font-size: 12px;color: #6c7fc0;}
li.on .prize-box a{background-position: 0 -40px;color: #fff;}
.free-defaule li.on .prize-box a{background-position: 0 -90px;color:#fff}
.prize-box > a.countdown{width:100%;display:none;}
.prize-box p{text-align:center;color:#d19ec7;font-size:12px;line-height:16px;margin-top: 9px;}
.free-defaule .prize-box p{color: #adbef7;margin-top: 7px;}
.prize-box p br{display:none;}
.prize-box-tips{display:none;text-align:center;color:#fff;font-size:12px;line-height:30px;}
.prize-box-tips a{color:#ee620e;text-decoration:underline;font-weight:bold;}
.double-prize-box{width:108px;height:93px;position:absolute;top:0;left:0;background-color:#b7a776;z-index:1;}
.double-prize-box > p{text-align:center;line-height:30px;color:#fff;font-size:17px;}

/* status1 默认锁定状态 */

/* status2 可解锁状态 */

/* status3 已经解锁状态 */
/*.prize-box.status1 > a{background-color:#989898;}
.prize-box.status2 > a{background-color:#ee620e;}
.prize-box.status3 > a{background-color:#7b7b7b;}*/

/*免费路线状态*/
.line-box-other.free-defaule .prize-box{height: 153px;background: url(//game.gtimg.cn/images/lol/client/lcu/bloodmoon/lock-bg2.jpg) no-repeat;}
.line-box-other.free-defaule .on .prize-box{background-color:#53b6ee;}
.tast-list-no{background:url(//game.gtimg.cn/images/lol/client/lcu/bloodmoon/tast-list-no.png) no-repeat 50% 0;position: relative;}
.tast-list-no.on{background: url(//game.gtimg.cn/images/lol/client/lcu/bloodmoon/tast-list-no2.jpg) no-repeat;}
.tast-list-no p{width: 100%;height: 30px;position: absolute;bottom: 0;left: 0;text-align: center;font-size: 12px;color: #6c7fc0;line-height: 30px;;}
.tast-list-no.on p{color: #fff;font-weight: bold;}

/*收费路线状态*/
.line-box-other.toll-defaule .prize-box{background: url(//game.gtimg.cn/images/lol/client/lcu/bloodmoon/lock-bg.jpg) no-repeat}
.line-box-other.toll-defaule .on .prize-box{background: url(//game.gtimg.cn/images/lol/client/lcu/bloodmoon/unlock-bg.jpg) no-repeat}
.line-box-other.toll-defaule .on .prize-box p{color:#ffe2b4;}
.line-box-other.toll-defaule .on .prize-box-tips{color:#245698;}
/*.line-box-other.toll-defaule .prize-box .prize-box-img{border:1px solid #e3dcab;}*/

/*.line-box-other.toll-defaule .prize-box.status3 img{border: 1px solid #fce968;}*/
.line-box-other.toll-defaule .prize-box.status3{background-color:#f5ce48;}

/*锁*/
.prize-box.status1 .lock{background-position:-390px 0;}
/*.line-box-other ul li:hover .prize-box.status1 .lock{background-position:-173px -59px;}*/
.prize-box.status2 .lock{background-position:-50px 0;}
.prize-box.status3 .lock{background-position:-200px 0;}

/*开启线路前 灰色锁*/
.open-before .prize-box.status1 .lock{background-position:-90px 0;}

/* 上一页 下一页 */
.arrow{width:18px;height:34px;position:absolute;top:220px;text-indent:-9999px;z-index:10;}
.arrow.arrow-left{background-position:-111px -1px;left:-32px;}
.arrow.arrow-right{background-position:-139px -1px;right:12px;}

/*进度条*/
.collection-line{height:90px;position:relative;transform: scaleX(1.06);}
.line-box{position:relative;height:90px;width: 606px;background: url(//game.gtimg.cn/images/lol/client/lcu/bloodmoon/line-box-bg.png) no-repeat;margin: 30px 0 0 40px;}
.line-bg{width:600px;height:16px;position:absolute;top:0;left:0;}
.line-on{width:1%;height:16px;background: url(//game.gtimg.cn/images/lol/client/lcu/bloodmoon/line-box-img.png) no-repeat;position:absolute;top:0;left:0;transition:width 1s;}
.line-on.finished:after{content: '';width: 7px;height: 16px;background: url(//game.gtimg.cn/images/lol/client/lcu/bloodmoon/line-last.png) no-repeat;display: block;position: absolute;top: 0;right: -7px;}
.line-bg ul{width:calc(606px + (606px / 20));height:100%;position:absolute;left: -1px;}
.line-bg li{width:calc(600px / 20);height:100%;float:left;position:relative;}
.line-bg .ts::after{content: '';width: 14px;height: 16px;display: block;background: url(//game.gtimg.cn/images/lol/client/lcu/bloodmoon/spr.png) no-repeat;background-position: -250px 0;position: absolute;top: 0;left: -7px;}
.line-bg .ts .line-lv p{text-indent: 10px;}
.line-lv{width:40px;text-align:center;position:absolute;left:-20px;top:16px;font-size:12px;cursor:pointer;}
.line-lv p{color:#576eba;}
.line-lv:hover p{color:#cfd7f5;}
.line-lv-color{color:#ffe066;}
.line-lv-big .line-lv-color{font-weight: bold;}
.line-bg li:before{content:'';width:1px;background-color:#2d5b7f;height:4px;position:absolute;top:9px;left:0;}
.line-bg li.line-lv-big:before{height:13px;top:15px;left: 1px;color: #576eba;}
/*.line-bg li.line-lv-big:after{content:'';width:7px;height:7px;border:1px solid #57aada;background-color:#174b8b;border-radius:100%;position:absolute;top:19px;left:-4px;box-shadow:0 0 5px #57aada}*/
.line-bg li.line-lv-big .line-lv{padding-top:10px;color:#73c1f8;font-size:14px;}
.line-bg li.line-lv-big:hover .line-lv{color:#ffe066;}
.line-bg li.line-lv-big.on .line-lv{color:#ffe066;}
.line-lv-layer{width:calc(108px * 2);height:110px;position:absolute;top:-160px;left:0;z-index:10;padding:10px;background:linear-gradient(to bottom,#223574,#4756c3);display:none;box-shadow: 2px #000;}
.line-lv-layer.one{width: calc(108px * 1);}
.one.line-lv-layer-r{left: -44px;}
/*.line-lv-layer.line-lv-layer-double{width:calc(108px * 7);}*/
.line-lv-layer.line-lv-layer-double.line-lv-30{left:-180px;}
.line-lv-layer.line-lv-layer-double.line-lv-50{left:-338px;}

/*.line-lv-layer:before{content: '';width: 0;height: 0;border-left: 10px solid transparent;border-right: 10px solid transparent;border-top: 20px solid #2878bc;position: absolute;bottom: -21px;left: 10px;}*/
.line-lv-layer.line-lv-layer-r .triangle-icon{left:50%;margin-left: -7px;}
.line-lv-layer.line-lv-layer-double.line-lv-30 .triangle-icon{left:182px;}
.line-lv-layer.line-lv-layer-double.line-lv-50 .triangle-icon{left:339px;}
.line-lv-layer>div.line-lv-layer-icon{float:left;width:108px;}
.line-lv-layer>div.line-lv-layer-icon img{display:block;width:59px;height:59px;margin:0px auto 0;border:1px solid #74bfff;background-color:#1f467d;}
.line-lv-layer>div.line-lv-layer-icon i{display:block;text-align:center;color:#fff;font-size:14px;line-height:20px;}
.line-lv-layer>div.line-lv-layer-icon b{display:block;text-align:center;color:#fff;font-size:12px;line-height:24px;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;padding:0 3px;}
.line-lv:hover .line-lv-layer{display:block;}
.line-lv-layer .double{width:100%;position:relative;}
.line-lv-layer .double:before{content:'二选一';position:absolute;top:9px;left:100px;color:#fff;font-size:13px;z-index:2;width:14px;}
.line-lv-layer .double>div{width:50%;}
.line-lv-layer .double>div:nth-of-type(1){float:left;}
.line-lv-layer .double>div:nth-of-type(2){float:right;}
.triangle-icon{width:14px;height:7px;position:absolute;left:13px;bottom:-7px;overflow:hidden;}
.triangle-icon em{width:14px;height:14px;border:1px solid #4857c7;background-color:#4857c7;display:block;transform:rotate(45deg);transform-origin:center;position:absolute;top:-12px;left:0;}
.line-num{width:24px;height:25px;background-position:-280px 0;position:absolute;top:-26px;right:-12px;text-align:center;line-height:21px;color:#172242;font-size:12px;font-weight:bold;}
/*.line-num:before{width:1px;height:9px;content:'';position:absolute;top:21px;left:29px;background-color:#2bb4fa;}*/
.line-index-bg{background:url(//game.gtimg.cn/images/lol/client/lcu/poolparty/line-index-bg.png) no-repeat;width:629px;height:53px;position:absolute;top:26px;left:-13px;display:none;}
.line-index-bg span{display:block;position:absolute;top:40px;font-size:14px;font-weight:bold;color:#73c2f9;}
.line-index-bg span.line-index-on1{left:0px;}
.line-index-bg span.line-index-on2{left:154px;}
.line-index-bg span.line-index-on3{left:354px;}
.line-index-bg span.line-index-on4{left:596px;}
.line-index-bg span.on{color:#ffe066;text-shadow:0 0 10px #ffe066;}

/*一键解锁*/
.reward-operating{width:96px;/*display: flex;justify-content:space-between;*/position:absolute;top:564px;right: 47px;}
.reward-operating a{display:block;color:#fff;text-align:center;padding:1px;border:1px solid #a5b7f3;font-size:14px;float:left;width:96px;margin-right:10px;}
.reward-operating a b{display:block;background:linear-gradient(to bottom,#3e53bd,#727af0);height:40px;padding:5px 0;font-weight:bold;}
.reward-operating a.all-get b{line-height:20px;}
.reward-operating a.all-unlock b{line-height:20px;}
.reward-operating a:hover{color:#fff;}
.all-unlock{}

/*宝典升级任务*/
.task-upgrade {
  padding: 18px 0px 0;
  margin-bottom: 30px;
}
  .task-upgrade-header{position:relative;width: 828px;height:73px;background: linear-gradient(to right,#2d3197 0%,#474fc7 50%,#2d3197 100%);border: 1px solid #353eaa;margin-bottom: 32px}
  .task-upgrade-my-grade{position:absolute;top:16px;left:112px;width:250px;height:54px;padding-left:17px;}
  .task-upgrade-my-grade p{line-height:22px;color:#9cabdd;font-size:14px;}
  .task-upgrade-my-grade p:first-child span{color:#fff;}
 .task-upgrade-my-grade ul{margin-right: 8px;line-height: 17px;}
 .task-upgrade-my-grade .my-grade p{color: #d9ba85;}
  .refresh2{display:block;position:absolute;top:0;left:70px;font-size:14px;color:#f5ce48;}
  .task-upgrade-my-grade-tips{display:block;color:#71adfa;position: absolute;top: 0;right: 0;width: 396px;height: 75px;border-left: 1px solid #3e46a4;font-size: 14px;color: #9cabdd;text-align: center;padding-top: 18px;line-height: 22px;box-sizing: border-box;}
  .task-upgrade-my-grade-tips span{font-size: 18px;color: #f9c977;}
  .task-upgrade-my-grade-tips  em{color: #e8edff;}
  .task-upgrade-my-grade .my-grade{top:27px;left:17px;}
  .task-upgrade-header .my-lv{width: 100px;height: 100%;background: linear-gradient(to bottom,#2e42b4,#4b7ad9);padding: 14px 0 0  12px;box-sizing: border-box;}
  .task-upgrade-header .my-lv b{line-height:13px;}
  .task-upgrade-header .my-lv strong{line-height:46px;font-size:30px;}
  .qrcodebox{position:absolute;top:-34px;right:0;width:90px;text-align:center;}
  .qrcodebox p{margin-top:3px;color: #71adfa;}
  .qrcodebox .qrcode{width:90px;height: 90px;background:url(//game.gtimg.cn/images/lol/client/lcu/poolparty/qrcode.png) 0 0 no-repeat; background-size: 100%}



  .task-upgrade-c{width:828px;height:490px;overflow-x:hidden;overflow-y:auto;padding-right:20px;position:relative;top:8px;}
  .task-upgrade-c::-webkit-scrollbar,.task-upgrade-c::-webkit-scrollbar,.activity-description::-webkit-scrollbar,.heroes-list-table-scroll::-webkit-scrollbar,.skins-list-scroll::-webkit-scrollbar,.pop-rule-scroll::-webkit-scrollbar{width:6px;background-color:transparent}
  .task-upgrade-c::-webkit-scrollbar-thumb,.task-upgrade-c::-webkit-scrollbar-thumb,.activity-description::-webkit-scrollbar-thumb,.heroes-list-table-scroll::-webkit-scrollbar-thumb,.skins-list-scroll::-webkit-scrollbar-thumb,.pop-rule-scroll::-webkit-scrollbar-thumb{border-radius:10px;background-clip:padding-box;min-height:32px;background-color:#3f7bce}
  .task-upgrade-c::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 10px #0e294e;border-radius:10px;background-color:#0e294e;}
  .skins-list-scroll{}
  /*.task-upgrade-daily,.task-upgrade-common{margin-bottom:22px;box-shadow:0 0px 20px rgba(0,0,0,0.6);background-color:#1f467d;}*/
  .task-title{height:38px;padding:0 0px 0 0px;position:relative;}
  .task-title p{font-size:16px;line-height:48px;color: #fff;margin-left:56px;width:147px;position:relative;font-weight:bold;}
  .task-title p:before{content:"";width:19px;height:15px;position:absolute;top:16px;left: -33px;display: block;background: url(//game.gtimg.cn/images/lol/client/lcu/bloodmoon/spr.png) no-repeat;}
  .task-upgrade-daily .task-title{background-color:#b2a16f;}
  .task-upgrade-daily .task-title p{color:#fff;background-color:#948454;}
  .task-upgrade-daily .task-title p:before{border-top:38px solid #b2a16f;border-left:38px solid transparent;}
  .task-upgrade-common .task-title{width: 829px;height: 48px;background: url(//game.gtimg.cn/images/lol/client/lcu/bloodmoon/task-bg.png) no-repeat;}
  /*.task-upgrade-common .task-title p{color:#c4ddfe;background-color:#2e61a7;}*/
  .task-upgrade-common .task-title p:before{}
  .task-upgrade-common{position: relative;}
  .task-upgrade-common:after{content: '';width: 36px;height: 344px;background: url(//game.gtimg.cn/images/lol/client/lcu/bloodmoon/tast-list-icon.png) no-repeat;display: block;position: absolute;top: 68px;left: 14px;}
  .task-title-tips{position:absolute;top:0;right:27px;height:38px;line-height:38px;}
  .task-title-tips b{color:#fff;width:16px;height:16px;border-radius:100%;background-color:#d0613f;display:inline-block;vertical-align:middle;text-align:center;line-height:16px;}
  .task-title-tips i{color:#624124;font-size:14px;line-height:16px;display:inline-block;vertical-align:middle;}
  .tast-list{padding-right:20px;height:76px;position:relative;overflow:hidden;display:flex;align-items:center;border-bottom: 1px dashed #262e68;margin-left: 74px;}
  .tast-list:last-child{border-bottom: none;}
  /*.tast-list1{border-bottom:1px solid #163157;}
  .tast-list2{border-top:1px solid #1d58ac;border-bottom:1px solid #163157;}
  .tast-list3{border-top:1px solid #1d58ac;}*/
  .tast-list-img{position:absolute;top:7px;left:27px;width:53px;height:53px;overflow:hidden;}
  .tast-list-img img{width:100%;}
  .tast-list-details1{color:#fff;font-size:14px;padding-left:84px;position:absolute;top:14px;}
  .tast-list-details2{color:#9cabdd;font-size:14px;line-height:22px;}
  .tast-list-line{position:absolute;top:41px;left:110px;}
  .tast-list-line-bg{width:306px;height:10px;background-color:#1f3a60;border:1px solid #5891cb;position:relative;box-sizing:border-box;}
  .tast-list-line-on{position:absolute;top:0;left:0;height:8px;background-color:#7ab1fe;width:50%;box-sizing:border-box;}
  .tast-list-line b{position:absolute;top:-5px;right:-84px;color:#6d95cd;font-size:12px;}
  .tast-list-line b span,.tast-list-line2 b span{color:#e4cd8a;}
  .tast-list-line2{display:inline-block;position:relative;}
  .tast-list-line2 b{position:absolute;top:-5px;right:-30px;color:#6d95cd;font-size:16px;}
  .raindrop{text-align:center;color:#9cabdd;font-size:14px;position:absolute;top:24px;right:150px;line-height:18px;}
  .raindrop2{right: 270px;}
  .raindrop3{right: 296px;}
  .raindrop4{right: 440px;}
  .raindrop span{display:inline-block;width:19px;height:15px;background-position:0 0;margin:0 5px;vertical-align:middle;}
  .raindrop em{display:inline-block;vertical-align:-2px;}
  .tast-list-details1 .raindrop2{display:inline-block;vertical-align:1px;}
  .tast-list-details1 .raindrop2 span{display:inline-block;width:13px;height:18px;background-position:-4px 0;margin-right:5px;vertical-align:middle;}
  .tast-list-details1 .raindrop2 em{display:inline-block;vertical-align:-2px;}
  .success-icon{width:100px;height:40px;position:absolute;top:14px;right:22px;text-align:center;line-height:40px;color:#fff;font-size:14px;}
  .success-icon span{color: #f9c977;}
  .success-icon.end{color:#d0613f;}
  .public-btn{color:#fff;text-align:center;padding:1px;border:1px solid #fffad8;background:linear-gradient(to bottom,#6b2e1a,#95380e);font-size:14px;border-image:linear-gradient(#fffad8,#e2c608) 1;width:120px;}
  .public-btn b{display:block;background:linear-gradient(to bottom,#9c532b,#b76417);height:32px;line-height:32px;font-weight:bold;}
  .public-btn2{color:#fff;text-align:center;padding:1px;border:1px solid #fffad8;background:linear-gradient(to bottom,#0b3a9e,#0865c3);font-size:14px;border-image:linear-gradient(#82eefe,#20a5d0) 1;width:120px;}
  .public-btn2 b{display:block;background:linear-gradient(to bottom,#156bbb,#1195d4);height:32px;line-height:32px;font-weight:bold;}
  .public-btn.public-btn-small,.public-btn2.public-btn-small{width:90px;height:32px;}
  .tast-list-btn{display:block;position:absolute;top:15px;right:10px;}
  .tast-list-more{position:absolute;top:43px;left:110px;}
  .tast-list-more ul li{float:left;width:170px;position:relative;}
  .tast-list-more ul li .tast-list-line{display:inline-block;}
  .tast-list-more ul li .tast-list-line-bg{width:34px;height:11px;}
  .tast-list-more ul li .tast-list-line b{right:-35px;}
  .tast-list-btn2{display:block;color:#fff;text-align:center;padding:1px;border:1px solid #fffad8;background-color:#6b2e1a;font-size:14px;position:absolute;top:-5px;left:70px;}
  .tast-list-btn2 b{display:block;background:linear-gradient(to bottom,#9c532b,#b76417);width:72px;height:21px;line-height:21px;font-weight:bold;}
  .public-btn-end{border:1px solid #f7f7f7;background:#4b4b4b;}
  .public-btn-end b{background:#7c7c7c;}
  .growing-up{width:100%}
  .growing-up:after{clear:both;content:'.';display:block;width:0;height:0;visibility:hidden;}
  .growing-up>div{box-sizing:border-box;padding:10px 0 40px 0;position:relative;}
  .growing-up>div:nth-of-type(1){width:37%;}
  .growing-up>div:nth-of-type(2){width:63%;}
  .growing-up>div:nth-of-type(2):before{content:'';width:100%;height:1px;background:linear-gradient(to right,rgba(77,124,190,0),rgba(77,124,190,1),rgba(77,124,190,0));position:absolute;top:100px;left:0;right:0;margin:0 auto;z-index:1}
  .growing-up-left{float:left;border-right:1px solid #163157;}
  .growing-up-left img{display:block;margin:-7px auto 16px;}
  .growing-up-left a{display:block;margin:0 auto 0;}
  .growing-up-right{float:right;border-left:1px solid #1d58ac;}
  .growing-up p{text-align:center;font-size:16px;color:#feffff;line-height:55px;}
  .growing-up ul{text-align:center;position:relative;z-index:2;}
  .growing-up ul li{width:160px;display:inline-block;}
  .growing-up ul li b.icon{padding:2px;background:rgba(216,235,255,.5);border-radius:100%;display:block;width:9px;height:9px;margin:0 auto 0;position:relative;}
  .growing-up ul li b.icon:before{content:'';width:1px;height:32px;position:absolute;top:11px;left:6px;background-color:#d8ecff;}
  .growing-up ul li b.icon span{display:block;width:9px;height:9px;background-color:#d8ecff;border-radius:inherit}
  .growing-up ul li i.skins-name{display:block;line-height:20px;color:#daeefc;font-size:14px;padding:10px 0;}
  .growing-up ul li a{display:block;margin:0 auto 0;}
  .growing-up-tips{color:#daeefc;font-size:14px;line-height:30px;}
  .growing-up-img-bg{width:90px;height:90px;background:linear-gradient(to bottom,#0d2649,#143d77);border-radius:100%;border:2px solid #3260a2;margin:30px auto 0;position:relative;}
  .growing-up ul li img{display:block;width:110%;bottom:0;}
  .growing-up ul li:nth-of-type(3) img{display:block;width:80%;bottom:10px;}
  .growing-up-img-bg img{position:absolute;left:0;right:0;margin:0 auto;}

/*奖池介绍展示*/
.activity-event{width: 832px;padding-bottom: 40px;border-bottom: 1px dashed #293573;}
.activity-event2{border-bottom: none;}
.event-title{width: 500px;height: 47px;margin: 46px auto 20px;}
.event-title1{background-position: 0 -400px;margin-top: 20px;}
.event-title2{background-position: 0 -450px;}
.event-title3{background-position: 0 -500px;}
.p-big{font-size:18px;color:#e8edff;line-height:20px;text-align: center;padding-top: 16px;}
.p-big span{color:#f9c977;font-weight:bold;}

.award-box-list{width: 832px;height: 232px;}
.award-box-list li{width: calc(832px/4);float: left;}
.award-box-list li img{display: block;margin: -10px auto;}
.award-box-list li .award-box-name{font-size: 16px;color: #fff;font-weight: bold;line-height: 24px;text-align: center;padding-top: 16px;}
.award-box-list li .award-box-intr{font-size: 12px;color: #9cabdd;line-height: 14px;margin-bottom: 20px;text-align: center;}
.watch-award{width: 124px;height: 38px;display: block;margin: 0 auto;background-position: -300px -40px;font-size: 14px;font-weight: bold;line-height: 38px;text-align: center;color: #fff;}
.watch-award2{background-position: -300px -90px;}
.skinList2{width: auto;height: 370px;}

.skinList{width: 820px;height: 266px;margin-bottom: 40px;padding-top: 10px;}
.skinList li{width: 200px;height: 250px;float: left;margin-right: 110px;}
.skinList li:last-child{margin-right: 0;}
.skinList .skin-show{position: relative;width: 200px;height: 200px;}
.skinList .skin-show .level-limit{position: absolute;top: 10px;left: 7px;font-size: 14px;line-height: 16px;color: #fff;writing-mode: tb-rl;}
.skinList .skin-show .level-limit span{color: #ffce49;font-size: 16px;font-weight: bold;transform: rotate(-90deg);display: inline-block;}
.skinName{padding: 16px 0 7px;font-size: 16px;color: #fff;text-align: center;line-height: 16px;}
.skinName span{color: #f97786;}
.skinPrice{font-size: 12px;color: #9cabdd;line-height: 12px;text-align: center;}
.level-unlock{font-size: 18px;color: #f9c977;font-weight: bold;line-height: 18px;text-align: center;padding-bottom: 22px;}
.title-before-after{position: relative;}
.title-before-after::before{content: '';width: 15px;height: 14px;background: url(//game.gtimg.cn/images/lol/client/lcu/bloodmoon/spr.png) no-repeat;background-position: -140px 0;display: block;position: absolute;top: 6px;left: -24px;}
.title-before-after::after{content: '';width: 15px;height: 14px;background: url(//game.gtimg.cn/images/lol/client/lcu/bloodmoon/spr.png) no-repeat;background-position: -160px 0;display: block;position: absolute;top: 6px;right: -24px;}
.skinList-cont{float: left;margin-right: 24px;position: relative;}
.skinName2{position: absolute;top: 227px;left: 0;width: 100%;font-size: 16px;font-weight: bold;color: #fff;text-align: center;line-height: 42px;}
.skinName2 span{color: #f9c977;}
.skinIntr{font-size: 14px;color: #9cabdd;padding: 12px 0;text-align: center;}
.skinIntr span{font-weight: bold;color: #f9c977;}

/*滚动条样式*/   
::-webkit-scrollbar{width:6px;border-radius: 4px;background: #fff;}
::-webkit-scrollbar-thumb{height:1px;border-radius:4px;background-color:#98b5f1;}
::-webkit-scrollbar-thumb:active,::-webkit-scrollbar-thumb:hover{}
::-webkit-scrollbar-thumb:disabled{background-color:#98b5f1;}

/*弹窗*/
.pop{position: relative;background: linear-gradient(to bottom,#203167,#3645b5);outline: none;/*display: block!important*/}
.pop-small{width: 430px;}
.pop-big{width: 780px;}
.pop-medium{width: 640px;}
.pop-close{width: 40px;height: 40px;background:url(//game.gtimg.cn/images/lol/client/lcu/bloodmoon/spr.png) no-repeat;background-position: -440px 0;position: absolute;top: -21px;right: -21px;text-align: center;color: #fff;font-size: 0;}
.pop-tip{font-size: 14px;color: #9cabdd;line-height: 24px;padding-top: 8px;text-align: center;}

/*活动规则faq*/
.faq-title{width: 800px;height: 48px;background: url(//game.gtimg.cn/images/lol/client/lcu/bloodmoon/faq-title-bg.png) no-repeat;}
.faq-title p{font-size:24px;line-height:48px;color: #fff;margin-left:25px;width:147px;position:relative;font-weight:bold;}
.act-rule-list{font-size: 14px;line-height: 20px;margin-top: 30px;width: 810px;height: 460px;overflow-y: auto;}
.act-rule-list p{width: 780px;}
.act-rule-list .ask{color: #f9c977;}
.act-rule-list .answer{color: #9cabdd;margin-bottom: 20px;text-indent: -24px;padding-left: 24px;width: 759px;}
.act-rule-list .answer span{color: #fff;}

  /*等级未达到*/
  .multiplex{padding:15px 0 0;}
  .multiplex-copywriting{text-align:center;line-height:30px;padding: 0;height: 110px;font-size: 12px;color: #9cabdd;padding-top: 16px;box-sizing: border-box;}
  #pop8 .multiplex-copywriting{background: #3a4ca5;}
  .multiplex-copywriting span{color:#f9c977;font-weight: bold;}
  .multiplex-copywriting.ts{font-size: 18px;color: #fff;line-height: 30px;padding-top: 30px;}
  .multiplex-copywriting b{font-weight:bold;font-size:16px;display:block;line-height:22px;padding:0px 0 10px;color: #fff;}
  .multiplex-copywriting b strong{color:#f9c977;}
  #pop8 i,#pop9 i{display:block;color:#f9c977;font-size:26px;height:70px;width: 100%;text-align: center;padding:38px 0 30px;}
  #pop8 i em,#pop9 i em{font-size:48px;font-weight:bold;line-height:62px;}
  .pop-btn-big .pop-btn{width:122px;margin:0px 10px 20px}
  .pop-btn-medium .pop-btn{    width: calc(100% - 2px);margin: 0;padding: 0;}
  #pop3 .pop-btn-box,#pop4 .pop-btn-box{padding-bottom: 34px;}
	
	#pop8 .multiplex,#pop9 .multiplex{padding: 0;}
  /*等级达到20弹窗*/
  .lv-achieve{padding:15px 0;}
  .lv-achieve-title{text-align:center;font-size:14px;color:#aacbfc;line-height:25px;}
  .lv-achieve-title em{vertical-align:middle;color:#f5ce48;font-size:27px;font-weight:bold;}
  .lv-achieve-list ul{text-align:center;padding-top:20px;}
  .lv-achieve-list ul li{display:inline-block;width:115px;}
  .lv-achieve-list ul li img{display:block;border:1px solid #74bfff;margin:0 auto 0;}
  .lv-achieve-list ul li i{display:block;text-align:center;font-size:14px;line-height:32px;color:#fff;}
  .pop-btn-box{text-align:center;}
  .pop-btn{display:inline-block;color:#fff;text-align:center;padding:1px;border:1px solid #a5b7f3;font-size:14px;width:122px;margin:0 10px;}
  .pop-btn b{display:block;width:100%;height:36px;line-height:36px;font-weight:bold;}
  /*.pop-btn-1{background:linear-gradient(to bottom,#6b2e1a,#95380e);border-image:linear-gradient(#fffad8,#e2c608) 1;}*/
  .pop-btn-1 b{background:linear-gradient(to bottom,#3142b0,#717aef);}
  .pop-btn-2{background:linear-gradient(to bottom,#856b39,#c09247);border: 1px solid #ffeeb2;}
  .pop-btn-2 b{background:linear-gradient(to bottom,#856b39,#c09247);width: calc(100% - 2px);height: 34px;border: 1px solid #b57d39;;}
	.pop-btn-medium .pop-btn-2-big{width: calc(100% - 2px);margin: 0;padding: 0;}
  /*恭喜获得*/
  .obtain{padding:0 0 30px;}
  .obtain-title{color:#ffffff;font-size:18px;font-weight:bold;line-height:40px;text-align:center;}
  .obtain-prize img{display:block;margin:0 auto;border:2px solid #5c82bb;height:156px}
  .obtain-prize b{display:block;text-align:center;color:#f9c977;font-size:16px;line-height:48px;font-weight: bold;}
  .obtain-prize{text-align: center;}
  .ontain-prize-show{display: inline-block;margin: 0 15px;}
/*文字弹窗*/
.font-pop-cont{font-size: 18px;line-height: 30px;font-weight: bold;text-align: center;padding: 40px 0;color: #fff;display: block;}
.pop.pop-red{background: linear-gradient(to bottom,#7c1b32,#d63e5e);border: 2px solid #da7990;}
.pop.pop-red .pop-close{background-position: -440px -40px;}

  /*购买等级*/
  .buy-grade{display: inline-block;margin: 0 auto;}
  .pop-widthAuto{width: 740px;padding: 0 30px;text-align: center;}
  .pop-widthAuto.one-grade{width: 300px;}
  .pop-widthAuto .pop-title{width: 100px;margin: 0 auto;}
  .buy-grade-title{text-align:center;height:48px;background-color:#125695;color:#fff;line-height:48px;font-size:18px;font-weight:bold;border-bottom:1px solid #2b81bf;}
  .buy-grade-content{padding:0 0 30px;}
  .buy-grade-content ul{text-align:center;}
  .buy-grade-content ul li{display:inline-block;width:208px;border:1px solid #6fc7e7;background: linear-gradient(to bottom,#303e8d,#4258bc);padding-bottom:30px;position:relative;margin:0 12px;height: 300px;vertical-align: top;}
  .buy-grade-top{text-align:center;color:#9cabdd;font-size:14px;line-height:25px;background: linear-gradient(to bottom,#354298,#4156b6);pa''acceleratordding:14px 0 0;height: 108px;box-sizing: border-box;}
  .buy-grade-top span{color:#fff;font-size:16px;font-weight:bold;line-height:30px;}
  .original-price{position:absolute;top:164px;left:0px;color:#fff;font-size:12px;}
  .buy-grade-content ul li:nth-of-type(1) .original-price{left:64px;}
  .buy-grade-content ul li:nth-of-type(2) .original-price{left:61px;}
  .buy-grade-content ul li:nth-of-type(3) .original-price{left:75px;}
  .discount-icon{width:39px;height:55px;background-position:-440px -90px;position:absolute;top:-1px;left:-1px;}
  .discount-icon span{color:#fdf5d7;font-size:18px;display:block;text-align:center;line-height:22px;position:absolute;top:1px;left:8px;font-weight: bold;}
  .buy-grade-price{color:#f9c977;font-size:26px;font-weight:bold;text-align:center;padding:41px 0 16px;}
  .buy-grade-intr{color: #9cabdd;font-size: 12px;line-height: 16px;height: 78px;text-align: center;}
  .buy-grade-price span{font-size:48px;line-height:48px;}
  .buy-grade-num{text-align:center;width: 122px;height: 78px;margin: 0 auto}
  .buy-grade-num a{display:block;float: left;color:#6c7dc5;font-size:20px;vertical-align:middle;font-weight: bold;pointer-events: none;}
  .buy-grade-num a span{display:block;width:30px;height:30px;border: 1px solid #8ba6f7;}
  .buy-grade-num a.on{color: #fff;pointer-events:auto}
  /*.buy-grade-num a.on span{background:linear-gradient(to bottom,#42b5f3,#2373bd);}*/
  .buy-grade-num b{color:#fff;height:30px;line-height:30px;display:block;float: left;width:57px;border-top: 1px solid #8ba6f7;border-bottom: 1px solid #8ba6f7;}
  .buy-grade-content ul li .check{width:37px;height:37px;background-color:#15325c;border:1px solid #559bc2;position:absolute;bottom:-19px;left:50%;margin-left:-19px;border-radius:100%;}
  .buy-grade-content ul li .check span{display:none;width:36px;height:34px;background-position:-71px -35px;position:absolute;bottom:7px;left:4px;}
  .buy-grade-content ul li .check.on span{display:block;}
  .discount-tips{text-align:center;color:#a0c4f8;font-size:14px;line-height:72px;}
  .total{height:44px;padding-left:120px;}
  .total p{float:left;width:195px;height:44px;line-height:44px;font-size:16px;background-color:#214377;text-align:center;color:#fff;}
  .total p:nth-of-type(1){border-right:1px solid #345688;}
  .total p:nth-of-type(2){border-left:1px solid #142c6c;}
  .total p span{color:#e3c362;font-weight:bold;font-size:22px;vertical-align:middle;}
  .total .pop-btn-box{float:left;}
  .total .pop-btn-box .pop-btn{height:40px;width:120px;}
  .total .pop-btn-box .pop-btn b{height:40px;line-height:40px;font-size:16px;}
#pop1 .tip{font-size: 16px;color: #fff;text-align: center;line-height: 60px;}

  /* 当玩家未购买任何宝典门票，且等级低于20级 */
  .conditional-pop{text-align:center;padding:0 0 30px}
  .conditional-pop .pop-small{display:inline-block!important;margin:0 10px;vertical-align: text-top;}
  .conditional-pop .pop-small{width:228px;}
  #pop9 .multiplex{border: 1px solid #6f80c5;background: linear-gradient(to bottom,#303e8d,#4258bc);}
	.levelLimit{color: #9cabdd;font-size: 12px;text-align: center;line-height: 14px;padding: 10px 0;}
	
/**/
#pop9 .multiplex-copywriting{height: 130px;line-height: 18px;background: linear-gradient(to bottom,#354298,#4156b6);}
#pop9 .multiplex-copywriting b{padding: 10px 0 5px}
#pop9 .multiplex-copywriting b em{color: #f9c977;font-weight: bold;}
#pop9 .multiplex-copywriting strong{font-size: 14px;color: #fff;text-align: center;}
#pop9 .multiplex-copywriting strong.ts{color: #f9c977;}

/*宝箱二选一*/
.choose-box-list{text-align: center;padding: 16px 0 38px;}
.choose-box{display: inline-block;width: 130px;margin: 0 50px;}
.choose-box-img{width: 128px;height: 128px;border: 1px solid #8c9ddc;position: relative;}
.btn-choose-box{width: 32px;height: 32px;display: block;background-position: -300px -140px;position: absolute;top: -16px;right: -16px;}
.btn-choose-box.on{background-position: -350px -140px;}
.choose-box .box-name{line-height: 52px;font-weight: bold;font-size: 16px;color: #f9c977;width: 140%;margin-left: -20%;text-align: center;}
.choose-box .pop-btn{margin: 0;}
.btn-watch-award{font-size: 12px;color: #9cabdd;line-height: 24px;text-align: center;text-decoration: underline;}
#pop2{width: 620px;}

.gray{filter: grayscale(100%)!important;pointer-events: none!important;}

  /* loading */
  .loading-spinner{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:40px;height:40px;background:transparent url("//game.gtimg.cn/images/lol/client/lcu/share/spinner.png") no-repeat 50% 50%;background-size:100%;z-index:100}
  .loading-spinner{animation:spin 4000ms infinite linear;}
  @-webkit-keyframes spin{
    from{transform:rotate(0deg);}
    to{transform:rotate(360deg);}
  }

  /* 英雄列表弹窗 */
  .heroes-list{margin:20px 0;}
  .heroes-list h2,.skins-list-box h2{text-align:center;font-size:25px;color:#fff;font-weight:bold;line-height:40px;padding-bottom:10px;}
  .heroes-list-table-scroll{width:96%;max-height:386px;margin:0 auto 0;overflow-x:hidden;overflow-y:auto;}
  .heroes-list-table{width:700px;margin:0 auto 20px;border:1px solid #6fa4d5;}
  .heroes-list-table table{width:100%;text-align:center;}
  .heroes-list-table table tr th{background-color:#3f7bce;color:#fff;font-size:20px;text-align:center;height:30px}
  .heroes-list-table table tr td{height:30px;color:#6fa4d5;font-size:14px;}

  /*皮肤列表弹窗*/
  .skins-list-box{margin:20px 0;}
  .pop-title{width: 100%;text-align: center;padding: 30px 0 26px;}
  .pop-title span{font-size: 24px;color: #fff;font-weight: bold;line-height: 26px;position: relative;}
  .pop-title span:before{content: '';width: 15px;height: 14px;background: url(//game.gtimg.cn/images/lol/client/lcu/bloodmoon/spr.png) -320px 0;display: block;position: absolute;top: 10px;left: -26px;}
  .pop-title span:after{content: '';width: 15px;height: 14px;background: url(//game.gtimg.cn/images/lol/client/lcu/bloodmoon/spr.png) -340px 0;display: block;position: absolute;top: 10px;right: -26px;}
  .skins-list-scroll{width:96%;max-height:386px;margin:0 auto 0;overflow-x:hidden;overflow-y:auto;}
  .skins-list-scroll ul li{display:inline-block;width:120px;height:216px;vertical-align:top;}
  .skins-list-img{width:100px;height:160px;border:1px solid #4b559a;margin:0 auto 0;overflow:hidden;}
  .icon .skins-list-img{height: 100px;}
  .skins-list-img img{width:100%;display:block;}
  .skins-list-scroll ul li b{display:block;text-align:center;font-size:12px;line-height:20px;padding:5px 0 0;color:#fff;}

  /*领取记录弹窗*/
  /*.receiving-records{padding:20px;}*/
  .receiving-records-title,.pop-default-title{font-size:25px;line-height:40px;color:#fff;font-weight:bold;text-align:center;}
  .receiving-records-table{width:100%;height: 302px;}
  .receiving-records-table table{width:100%;}
  .receiving-records-table table tr th{color:#fff;background-color:#3e52ad;font-size:16px;height:67px;text-align:center;font-weight:bold;}
  .receiving-records-table table tr td{font-size:14px;height:46px;border-bottom:1px solid #314276;text-align:center;font-weight:bold;}
  .receiving-records-table table tr td{color:#9cabdd;}
  .receiving-records-table table tr td:nth-of-type(1){color:#f9c977;}
  .receiving-records-table table tr td:nth-of-type(5).on{color:#fff;}
  .receiving-records-table table tr a{color:#f5ce48;}

  /* 分页 pagination */
  .pagination{text-align:center;font-size:12px;line-height:20px;padding: 18px 0 20px;color:#fff;}
  .pagination a{height:20px;display:inline-block;margin:0 5px;color:#9cabdd;}
	.pagination input{text-align: center;}
  /*活动规则弹窗*/
  .pop-rule-box{padding:20px 10px 20px 30px;}
  .pop-rule-box ul li{color:#fff;font-size:14px;line-height:20px;padding-bottom:5px;position:relative;padding-left:15px;}
  .pop-rule-scroll{padding-right:10px;height:350px;overflow-x:hidden;overflow-y:auto;}
  .pop-rule-box ul li span{position:absolute;top:0;left:0;}

/*领取英雄+皮肤7天*/
.pop .getInfor{font-size: 12px;line-height: 30px;text-align: center;color: #9cabdd;padding-bottom: 10px;}
.pop .getInfor a{color: #9cabdd;text-decoration: underline;display: inline-block;margin-left: 20px;font-size: 13px;}

  /*faq弹窗*/
  .pop-faq-scroll ul li{padding-left:0;padding-bottom:10px}
  .pop-faq-scroll ul li b{display:block;position:relative;padding-left:25px;}
  .pop-faq-scroll ul li b:nth-of-type(2){color:#6fa4d5;}

  /*活动介绍*/
  .activity-description{width:100%;height:598px;overflow-x:hidden;overflow-y:auto;}


  /*初始化video*/
  .init_video{width:1056px;height:100%;position:absolute;top:80px;left:0;z-index:88;background:rgba(0,0,0,1);}
  .init_video video{width:100%;z-index:1;position:absolute;top:0;left:0;}
  .init_video video:nth-of-type(1){z-index:2;}
  .init_video video:nth-of-type(2){z-index:1;}
  .init_video a{display:block;width:100%;height:100%;position:absolute;top:0px;left:0px;text-indent:-9999px;}
  .init_video a.video-start{z-index:3;}
  .init_video a.video-close{z-index:4;}