@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;}
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 .poolparty.active a,.header-tv .tv.active a,.header-vs .versus.active a,.header-home .home.active a,.header-hot .hot.active a,.header-video .video.active a,.header-esports .esports.active a{color:#f0e6d2;}
.header-base .poolparty.active a:before,.header-tv .tv.active a:before,.header-vs .versus.active a:before,.header-home .home.active a:before,.header-hot .hot.active a:before,.header-video .video.active a:before,.header-esports .esports.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/poolparty/bg.jpg) no-repeat;position:relative;}
.sp{background:url(//game.gtimg.cn/images/lol/client/lcu/poolparty/sp.png) no-repeat;}
.intro-container{padding:40px 37px 0 185px;position:relative;}
.intro-container2{padding:40px 0 0 185px}

/*导航*/
.content-nav{position:absolute;top:0;left:0;width:166px;z-index:9;}
.content-nav ul{margin-top:70px;width:150px;border-top:1px solid #1b468f;border-bottom:1px solid #2b7bd6;}
.content-nav ul li{height:60px;position:relative;width:166px;}
.content-nav ul li a{display:block;position:absolute;top:0;left:0;color:#c5defa;font-size:14px;line-height:60px;width:150px;text-align:center;border-top:1px solid #2b7bd6;border-bottom:1px solid #1b468f;box-sizing:border-box;text-shadow:0px 0px 2px #000;}
.content-nav ul li.on{background:url(//game.gtimg.cn/images/lol/client/lcu/poolparty/nav-on.png) no-repeat;}
.content-nav ul li.on a{color:#0b4b9d;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:20px;}
.nav_video a{display:block;text-indent:-9999px;margin:0 auto 0;}
.nav_sp{background:url(//game.gtimg.cn/images/lol/client/lcu/poolparty/nav_sp.png) no-repeat;}
.nav_video1{width:133px;height:79px;background-position:0 0;}
.nav_video2{width:133px;height:137px;background-position:0 -79px;display:block;}
.nav_video3{width:133px;height:105px;margin-top:20px!important;background:url(//game.gtimg.cn/images/lol/client/lcu/icon/poolparty.webp) no-repeat;background-size:100%}

/*泳池派对宝典*/
.collection{}
.collection-header{height:75px;}
.collection-header-left{width:473px;height:75px;border-top:1px solid #337dc7;background-color:#245698;float:left;padding:0 15px;position:relative;}
.collection-header-left:before{width:1px;height:60px;background-color:#1b477f;content:'';position:absolute;top:13px;left:110px;}
.collection-header-right{width:330px;float:right;height:74px;border-bottom:1px solid #337dc7;position:relative;}
.collection-c{background-color:#245698;height:421px;padding:10px 0 0 8px;border-bottom:1px solid #183d88;position:relative;}
.refresh{position:absolute;top:52px;right:90px;font-size:14px;color:#f5ce48;}
.allget{position:absolute;top:52px;right:15px;font-size:14px;color:#cce5fd;}
.my-lv{text-align:left;width:85px;padding-top:7px;}
.my-lv b{color:#ddedfc;font-size:12px;display:block;line-height:35px;}
.my-lv strong{color:#f4faff;font-size:30px;line-height:35px;}
.collection-bt-btn{position:absolute;top:13px;left:127px;display:flex;justify-content:space-between;}
.collection-bt-btn a{display:block;width:178px;height:33px;text-indent:-9999px;margin-right:12px;box-shadow:0 5px 5px #1a477d}
.collection-bt-btn a.collection-bt-btn1{background-position:-114px -178px;}
.collection-bt-btn a.collection-bt-btn2{background-position:-114px -219px;}
.my-grade{width:245px;height:18px;position:absolute;top:54px;left:130px;}
.my-grade ul,.grade p{float:left;}
.my-grade ul li{float:left;width:13px;height:18px;background-position:-29px 0;margin-right:7px;}
.my-grade ul li.on{background-position:-4px 0;}
.my-grade p{color:#f5ecc1;font-size:14px;line-height:18px;height:18px;}
.collection-header-right img{margin:-22px auto 0;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 #60bfeb;position:relative;box-sizing:border-box;width:108px;height:30px;text-align:center;line-height:28px;float:left;margin-right:4px;color:#e3f1ff;font-size:12px;}
.lv-default.on{background:linear-gradient(to bottom,#1cbffd,#1177ce);}
.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:#e3f1ff;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:30px;text-align:center;line-height:28px;background-color:#1a94cc;color:#e3f1ff;border:1px solid #60bfeb;border-top:none;cursor:pointer;}
.lv-default-select-on ul li:hover,.lv-default-select-on ul li.on{background-color:#0462a4;}
.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:94px;text-align:center;font-size:14px;font-weight:bold;height:30px;line-height:30px;position:absolute;top:17px;right:0;color:#245698;}
.line-box-first a{display:block;position:absolute;top:44px;right:7px;width:91px;height:31px;text-indent:-9999px;background-position:0 -178px;box-shadow:0 0 20px rgba(0,0,0,.4)}
.line-box-first a.end{background-position:0 -219px;}
.collection-c-right{float:left;position:relative;width:675px;height:420px;z-index:2;}
.collection-slider{position:absolute;top:0;left:0px;width:675px;transition:left 0.5s;}
.line-box-other{height:93px;margin-bottom:4px;}
.line-box-other ul li{float:left;width:108px;height:93px;position:relative;margin:0 4px 0px 0;display:flex;justify-content:space-between;}

/*.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:22px;height:22px;position:absolute;top:3px;right:14px;}
.prize-box{width:108px;height:93px;position:absolute;top:0;left:0;z-index:1;display:block;}
.prize-box-img{display:block;width:61px;height:61px;margin:9px auto 0;border:1px solid #74bfff;background:url(//game.gtimg.cn/images/lol/client/lcu/poolparty/reward-img.jpg)no-repeat 50% 50%;background-size:100%;overflow:hidden;}
.prize-box img{width:100%;}
.prize-box > a{display:none;width:100%;height:28px;color:#fff;font-size:14px;font-weight:bold;text-align:center;line-height:28px;background-color:#989898;}
.prize-box > a.countdown{width:100%;color:#c5c5c5;background:#6f6969;display:none;}
.prize-box p{text-align:center;color:#fff;font-size:12px;line-height:20px;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;padding:0 3px;}
.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;}
.line-box-other ul li:hover{z-index:10;}
.line-box-other ul li:hover .prize-box{width:132px;height:auto;border:3px solid #fff;left:-16px;top:-34px;box-shadow:0 0 25px rgba(0,0,0,0.8);z-index:3;}
.line-box-other ul li:hover .double-prize-box .prize-box{border:none;box-shadow:none;}
.line-box-other ul li:hover .prize-box-tips{display:block;}
.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;}
.double:hover .double-prize-box{width:280px;left:-176px;height:215px;border:2px solid #fff;top:-47px;box-shadow:0 0 25px rgba(0,0,0,0.8);}
.double:hover .double-prize-box2{left:-88px;height:215px;}
.double:hover .double-prize-box2 .prize-box-tips,.double:hover .double-prize-box .prize-box-tips{width:100%;position:absolute;bottom:0;left:0;}
.double:hover .double-prize-box2 .prize-box-tips a,.double:hover .double-prize-box2 .prize-box-tips a{color:#fceb2d;}
.double:hover .double-prize-box > div:nth-of-type(1){left:0px;top:30px;}
.double:hover .double-prize-box > div:nth-of-type(2){left:148px;top:30px;}
.double-prize-box .prize-box:hover{-webkit-filter:brightness(1.1);}

/*.double .prize-box:hover>div{width: 145px;}*/
.double:hover:before{display:block;}
.line-box-other ul li:hover .prize-box img{width:100%;}
.line-box-other ul li:hover .prize-box .prize-box-img{width:80px;height:80px;margin:14px auto 0;overflow:hidden;}
.line-box-other ul li:hover .prize-box p{font-size:13px;padding:5px 3px;text-overflow:inherit;white-space:inherit;}
.line-box-other ul li:hover .prize-box p br{display:block;}
.line-box-other ul li:hover .prize-box > a{display:block;}
.line-box-other ul li:hover .prize-box > a.countdown{width:100%;height:28px;line-height:28px;color:#c5c5c5;background:#6f6969;display:none;}
.line-box-other ul li:hover .prize-box .lock{width:26px;height:26px;}

/* 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{background-color:#2878bc;}
.line-box-other.free-defaule .on .prize-box{background-color:#53b6ee;}
.tast-list-no{background:#2878bc url(//game.gtimg.cn/images/lol/client/lcu/poolparty/tast-list-no.png) no-repeat 50% 0;}

/*收费路线状态*/
.line-box-other.toll-defaule .prize-box{background-color:#b7a776;}
.line-box-other.toll-defaule .on .prize-box{background-color:#f5ecc1;}
.line-box-other.toll-defaule .on .prize-box p{color:#245698;}
.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:-173px -8px;}
.line-box-other ul li:hover .prize-box.status1 .lock{background-position:-173px -59px;}
.prize-box.status2 .lock{background-position:-240px -8px;}
.prize-box.status3 .lock{background-position:-275px -8px;}
.line-box-other ul li:hover .prize-box.status2 .lock{background-position:-252px -59px;}
.line-box-other ul li:hover .prize-box.status3 .lock{background-position:-294px -59px;}

/*开启线路前 灰色锁*/
.open-before .prize-box.status1 .lock{background-position:-312px -8px;}
.open-before.line-box-other ul li:hover .prize-box.status1 .lock{background-position:-333px -59px;}

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

/*进度条*/
.collection-line{height:90px;position:relative;}
.line-box{position:relative;height:90px;}
.line-bg{width:598px;height:14px;background-color:#072c58;border:1px solid #0b67a1;position:absolute;top:35px;left:28px;}
.line-on{width:0%;height:14px;background:linear-gradient(to right,#05a2fc,#4febee);position:absolute;top:0;left:0;transition:width 1s;}
.line-bg ul{width:calc(598px + (598px / 15));height:100%;position:absolute;}
.line-bg li{width:calc(598px / 15);height:100%;float:left;position:relative;}
.line-lv{width:40px;text-align:center;position:absolute;left:-20px;top:22px;font-size:12px;cursor:pointer;}
.line-lv p{color:#4795cb;}
.line-lv:hover p{color:#ffe066;}
.line-lv-color{color:#ffe066;}
.line-bg li:before{content:'';width:1px;background-color:#2d5b7f;height:7px;position:absolute;top:8px;left:0;}
.line-bg li.line-lv-big:before{height:19px;top:0;}
.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 * 4);height:110px;position:absolute;top:-190px;left:0;background-color:#2878bc;z-index:10;padding:10px 0;background:linear-gradient(to bottom,#1cbffd,#1177ce);border:1px solid #60bfeb;display:none;}
.line-lv-layer.line-lv-layer-r{left:-200px;width:calc(108px * 3);}
.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.line-lv-layer-double>div.line-lv-layer-icon-double{width:calc(108px * 2);}

/*.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:202px;}
.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:61px;height:61px;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:20px;-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:37px;height:17px;position:absolute;left:0;bottom:-17px;overflow:hidden;}
.triangle-icon em{width:20px;height:20px;border:1px solid #60bfeb;background-color:#1177ce;display:block;transform:rotate(45deg);transform-origin:center;position:absolute;top:-12px;left:7px;}
.line-num{width:59px;height:24px;background-position:0 -38px;position:absolute;top:-30px;right:-29px;text-align:center;line-height:24px;color:#134276;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:180px;/*display: flex;justify-content:space-between;*/position:absolute;top:564px;right:28px;}
.reward-operating a{display:block;color:#fff;text-align:center;padding:1px;border:1px solid #d7f6ff;background:linear-gradient(to bottom,#0b3a9e,#0865c3);font-size:14px;border-image:linear-gradient(#82eefe,#20a5d0) 1;float:left;width:76px;margin-right:10px;}
.reward-operating a b{display:block;background:linear-gradient(to bottom,#156bbb,#1195d4);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;
  /*border-top: 1px solid #2d7bc7;
  border-bottom: 1px solid #113379;
  background: linear-gradient(to bottom, #1f5497, #1c4884);
  box-shadow: 0 0px 20px #15396b;*/
}
  .task-upgrade-header{position:relative;height:70px;margin-left:12px;}
  .task-upgrade-my-grade{position:absolute;top:0;left:112px;width:250px;height:54px;background-color:#1f467d;padding-left:17px;}
  .task-upgrade-my-grade p{line-height:22px;color:#71adfa;font-size:14px;}
  .task-upgrade-my-grade p span{color:#e4cd8a;}
  .refresh2{display:block;position:absolute;top:3px;right:15px;font-size:14px;color:#f5ce48;}
  .task-upgrade-my-grade-tips{display:block;color:#71adfa;padding-left:128px;}
  .task-upgrade-my-grade .my-grade{top:27px;left:17px;}
  .task-upgrade-header .my-lv{padding-top:1px;}
  .task-upgrade-header .my-lv b{line-height:13px;}
  .task-upgrade-header .my-lv strong{line-height:42px;font-size:40px;}
  .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:100%;height:500px;overflow-x:hidden;overflow-y:auto;padding-right:20px;padding-left:17px;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:14px;line-height:38px;padding-left:27px;width:147px;position:relative;font-weight:bold;}
  .task-title p:before{content:"";width:0;height:0;position:absolute;top:0;right:0;}
  .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{background-color:#3b75c6;}
  .task-upgrade-common .task-title p{color:#c4ddfe;background-color:#2e61a7;}
  .task-upgrade-common .task-title p:before{border-top:38px solid #3b75c6;border-left:38px solid transparent;}
  .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:0 27px;height:66px;background-color:#1f467d;position:relative;overflow:hidden;display:flex;align-items:center;}
  .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:#daeefc;font-size:14px;line-height:20px;padding-left:84px;}
  .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:#d9eefc;font-size:14px;position:absolute;top:24px;right:150px;line-height:18px;}
  .raindrop span{display:inline-block;width:13px;height:18px;background-position:-4px 0;margin-right: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.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;}

/* 好友召集任务 */
.task-upgrade-fridends{position: relative;}
.task-upgrade-fridends .discount-icon{z-index: 1;transform: scale(0.8);top: -10px;left: -11px;}
.task-upgrade-fridends .discount-icon span{top: 12px;left: 5px;font-size: 14px;}
.task-upgrade-fridends-tipes{color: #daeefc;font-size: 15px;line-height: 20px;padding: 30px 0;text-align: center;}
.task-upgrade-fridends-tipes a{color: #f5ce48;font-weight: bold;text-decoration: underline;}
.task-upgrade-fridends-box ul{text-align: center;padding-bottom: 20px;}
.task-upgrade-fridends-box ul li{width: 110px;display: inline-block;}
.task-upgrade-fridends-box ul li > div{width:99px;height:99px;border:1px solid #70b2f6;border-radius:100%;overflow:hidden;margin:0 auto 0;}
.task-upgrade-fridends-box ul li > div img{display:block;width:100%;}
.task-upgrade-fridends-box ul li b{display:block;text-align:center;line-height:20px;color:#8bd3fd;font-size:15px;padding:20px 0;white-space:nowrap;text-overflow:ellipsis;width:100px;overflow:hidden;}
.task-upgrade-fridends-box .pop-btn-1 b{background: linear-gradient(to bottom, #9c532b, #b76417)}
.task-upgrade-fridends-list{margin-top: 30px;border-top: 1px solid #163157;border-bottom: 1px solid #1d58ac;}
.task-upgrade-fridends-list .tast-list{border-top: 1px solid #1d58ac;border-bottom: 1px solid #163157;}
.task-upgrade-fridends-list .tast-list-details2 b{color: #6d95cd;}
.task-upgrade-fridends-list .tast-list-details3 b{color: #6d95cd;float: right;position: relative;}
.task-upgrade-fridends-list .tast-list-details2 b span{color: #daeefc;}
.task-upgrade-fridends-list .tast-list-details3 b em{position: absolute;top: 20px;right: 0;}
.task-upgrade-fridends-list2{margin-top: 0;border: none;}
.task-upgrade-fridends-list2 .public-btn:nth-of-type(2){right: 150px;}
.task-upgrade-fridends-list2 .raindrop{right: 300px;}
.task-upgrade-fridends-list .tast-list-details3{width: 350px;}

.text-btn-box{padding:20px;line-height:32px;text-align:center;font-size:15px;}
.btn-friend-txt,.btn-friend-txt:hover{text-decoration:underline;color:#f5ce48;margin:0 12px;}
/*弹窗*/
.pop{position: relative;border: 2px solid #6fa4d5;background: linear-gradient(to bottom,#1d3963,#3661a2);outline: none;}
.pop-small{width: 430px;}
.pop-big{width: 780px;}
.pop-medium{width: 640px;}
.pop-close{width: 40px;height: 40px;background: linear-gradient(to bottom,#1d3963,#3661a2);border-radius: 100%;border: 2px solid #6fa4d5;position: absolute;top: -21px;right: -21px;text-align: center;line-height: 40px;color: #fff;font-size: 25px;outline: none;}

  /*等级达到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 #fffad8;font-size:14px;width:90px;margin:0 10px;}
  .pop-btn b{display:block;width:100%;height:32px;line-height:32px;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,#bf6a0d,#db9c0c);}
  .pop-btn-2{background:linear-gradient(to bottom,#0b3a9f,#0865c3);border-image:linear-gradient(#82eefe,#20a5d0) 1;}
  .pop-btn-2 b{background:linear-gradient(to bottom,#186db3,#1291ce);}

  /*恭喜获得*/
  .obtain{padding:15px 0;}
  .obtain-title{color:#ffffff;font-size:18px;font-weight:bold;line-height:40px;text-align:center;}
  .obtain-prize img{display:block;margin:0 auto 10px;border:1px solid #5c82bb;height:150px}
  .obtain-prize b{display:block;text-align:center;color:#fff;font-size:14px;line-height:46px;}

  /*等级未达到*/
  .multiplex{padding:15px 0;}
  .multiplex-copywriting{text-align:center;line-height:30px;padding:20px;color:#ffffff;font-size:16px;white-space:;}
  .multiplex-copywriting span{color:#f5ce48;}
  .multiplex-copywriting b{font-weight:bold;font-size:18px;display:block;line-height:30px;padding:0px 0 10px}
  .multiplex-copywriting b strong{color:#f5ce48;}
  .multiplex-copywriting i{display:block;color:#f8de90;font-size:26px;height:70px;}
  .multiplex-copywriting i em{font-size:72px;font-weight:bold;vertical-align:top;line-height:62px;}
  .pop-btn-big .pop-btn{width:202px;margin:0px 10px 20px}
  .pop-btn-medium .pop-btn{width:140px;}

  /*购买等级*/
  .buy-grade{}
  .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{background:linear-gradient(to bottom,#1f3f6e,#3661a3);padding-bottom:40px;}
  .buy-grade-content ul{padding:40px 0;text-align:center;}
  .buy-grade-content ul li{display:inline-block;width:160px;border:1px solid #6fc7e7;background-color:#1f3f6e;padding-bottom:30px;position:relative;margin:0 12px;}
  .buy-grade-top{text-align:center;color:#bae6ff;font-size:16px;line-height:25px;background-color:#355e9a;padding:10px 0;}
  .buy-grade-top span{color:#fff;font-size:18px;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:59px;height:57px;background-position:-93px -86px;position:absolute;top:-6px;left:-7px;}
  .discount-icon span{color:#fdf5d7;font-size:16px;display:block;text-align:center;height:14px;line-height:14px;transform:rotate(-45deg);position:absolute;top:11px;left:9px;}
  .buy-grade-price{color:#f8de90;font-size:26px;font-weight:bold;text-align:center;padding:20px 0;}
  .buy-grade-price span{vertical-align:top;font-size:50px;line-height:48px;}
  .buy-grade-num{text-align:center;}
  .buy-grade-num a{display:inline-block;padding:1px;background-color:#6f7f8e;border:1px solid #bfc9ce;color:#ebf9ff;font-size:20px;vertical-align:middle;}
  .buy-grade-num a span{display:block;background:linear-gradient(to bottom,#8c9faa,#667786);width:26px;height:26px;}
  .buy-grade-num a.on{background-color:#3592cc;border:1px solid #ebf9ff;}
  .buy-grade-num a.on span{background:linear-gradient(to bottom,#42b5f3,#2373bd);}
  .buy-grade-num b{background-color:#0d2347;color:#fff;height:30px;line-height:30px;display:inline-block;vertical-align:middle;width:57px;}
  .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;}

  /* 当玩家未购买任何宝典门票，且等级低于20级 */
  .conditional-pop{text-align:center;padding:30px 0}
  .conditional-pop .pop-small{display:inline-block;margin:0 6px;}
  .conditional-pop .pop-small:nth-of-type(1){width:350px;}
  .conditional-pop .pop-small:nth-of-type(2){width:374px;}

  /*新手指引提示*/
  .guidelines{width:100%;height:100%;position:absolute;top:0;left:0;z-index:999;background:rgba(0,0,0,.8);}
  .guidelines-box{width:100%;height:100%;}
  .guidelines-box a{display:block;position:absolute;}
  .guidelines-box0{background:url(//game.gtimg.cn/images/lol/client/lcu/poolparty/guidelines.webp) no-repeat;}
  .guidelines-box1{background:url(//game.gtimg.cn/images/lol/client/lcu/poolparty/guidelines1.png) no-repeat;background-position:327px 107px;}
  .guidelines-box2{background:url(//game.gtimg.cn/images/lol/client/lcu/poolparty/guidelines2.png) no-repeat;background-position:183px 38px;}
  .guidelines-box3{background:url(//game.gtimg.cn/images/lol/client/lcu/poolparty/guidelines3.png) no-repeat;background-position:192px 88px;}
  .guidelines-box0 a{top: 0;left: 0;width: 100%;height: 100%;overflow: hidden;text-indent: -9999em}
  .guidelines-box1 a,.guidelines-box2 a{width:132px;height:40px;text-align:center;line-height:40px;color:#fff;font-size:14px;background-position:0 -272px;}
  .guidelines-box1 a{top:500px;left:527px;}
  .guidelines-box2 a{top:373px;left:520px;}
  .guidelines-box3 a{width:258px;height:64px;line-height:64px;text-align:center;color:#94471d;font-size:22px;font-weight:bold;background-position:0 -332px;top:350px;left:434px;}

  /* 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;}
  .skins-list-box h2{padding-bottom:0;}
  .skins-list-box p{text-align:center;font-size:16px;color:#ee3f1b;padding-bottom:10px;}
  .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:230px;vertical-align:top;}
  .skins-list-img{width:100px;height:160px;border:1px solid #5c82bb;margin:0 auto 0;overflow:hidden;}
  .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:10px 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:90%;padding:20px 0;margin:0 auto 0;}
  .receiving-records-table table{width:100%;}
  .receiving-records-table table tr th{color:#fff;background-color:#3f7bce;font-size:14px;height:30px;text-align:center;font-weight:bold;}
  .receiving-records-table table tr td{font-size:14px;height:30px;border-bottom:1px solid #6fa4d5;text-align:center;font-weight:bold;}
  .receiving-records-table table tr td:nth-of-type(1){color:#f5ce48;}
  .receiving-records-table table tr td:nth-of-type(2){color:#6fa4d5;}
  .receiving-records-table table tr td:nth-of-type(3){color:#fff;}
  .receiving-records-table table tr td:nth-of-type(4){color:#fff;}
  .receiving-records-table table tr td:nth-of-type(5){color:#a09b8c;}
  .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:0px 0;color:#fff;}
  .pagination a{height:20px;display:inline-block;margin:0 5px;color:#6fa4d5;}

  /*活动规则弹窗*/
  .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;}

  /*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;}
/* 好友召集任务 活动规则弹窗 */
.pop-min-rule-box{padding: 10px 0 30px;}
.pop-min-rule-scroll{padding: 0 20px;}
.pop-min-rule-scroll p{color: #aacbfc;font-size: 14px;padding-top: 20px;}
.pop-min-rule-scroll p span{color: #f5ce48;}

/*邀请好友 弹窗*/
.pop-pop-invite-friends-box{padding: 10px 0 30px;}
.pop-pop-invite-friends-table{width: 90%;margin: 0 auto 0;padding-top: 10px;}
.pop-pop-invite-friends-table table{width: 100%;}
.pop-pop-invite-friends-table table tr th{background-color: #3f7bce;height: 30px;font-size: 15px;color: #fff;text-align: center;}
.pop-pop-invite-friends-table table tr td{font-size: 14px;border-bottom: 1px solid #6fa4d5;text-align: center;height: 48px;}
.pop-pop-invite-friends-table table tr td:nth-of-type(1){font-weight: bold;color: #fff;}
.pop-pop-invite-friends-table table tr td:nth-of-type(2){color: #fff;}
.pop-pop-invite-friends-table table tr td:nth-of-type(3){color: #aacbfc;}

  /*活动介绍*/
  .activity-description{width:100%;height:598px;overflow-x:hidden;overflow-y:auto;}
  .activity-event{text-align:center;color:#a6d8fb;font-size:14px;}
  .event-bt-sp{background:url(//game.gtimg.cn/images/lol/client/lcu/poolparty/bt-sp.png) no-repeat;background-position-x:50%;height:50px;text-indent:-9999px;}
  .activity-event1 .activity-event-bt{background-position-y:0px;}
  .activity-event2 .activity-event-bt{background-position-y:-96px;}
  .activity-event3 .activity-event-bt{background-position-y:-204px;}
  .activity-event4 .activity-event-bt{background-position-y:-316px;}
  .activity-event5 .activity-event-bt{background-position-y:-445px;}
  .activity-event6 .activity-event-bt{background-position-y:-565px;}
  .activity-event7 .activity-event-bt{background-position-y:-675px;}
  .activity-event8 .activity-event-bt{background-position-y:-804px;}
  .activity-event9 .activity-event-bt{background-position-y:-926px;}
  .activity-event10 .activity-event-bt{background-position-y:-1029px;}
  .dotted-line{position:relative;}
  .dotted-line:before{content:'';width:100%;height:0;border-top:1px dashed #2472c3;position:absolute;bottom:0;left:0;}
  .activity-event1 .activity-event-section{padding:40px 0;width:645px;margin:0 auto 0;}
  .activity-event1 .activity-event-section img{display:block;margin:0 auto 14px}
  .p-small{font-size:14px;color:#a6d8fb;line-height:20px;text-shadow:#0C2251 0px 0px 5px;}
  .p-big{font-size:20px;color:#fefefe;line-height:30px;text-shadow:#0C2251 0px 0px 5px;}
  .p-small span,.p-big span{color:#fbd833;font-weight:bold;}
  .p-small em,.p-big em{color:#a6d8fb;font-weight:bold;}
  .bt-tips{padding:20px 0 32px}
  .activity-event0{text-align:center;padding-bottom:35px}
  .activity-event0 a{display:inline-block;width:196px;height:60px;text-align:center;color:#fff;font-size:20px;font-weight:bold;line-height:53px;background-position:0 -420px;margin:0 5px;outline:none;}
  .activity-event0 a:hover{filter:brightness(1.3);}
  .activity-event1 .bt-tips{padding:20px 0 0px}
  .activity-event2 ul{text-align:center;padding-bottom:60px;}
  .activity-event2 ul li{display:inline-block;padding-bottom:10px;margin:0 30px;position:relative;}
  .activity-event2 ul li:before{content:'';background:url(//game.gtimg.cn/images/lol/client/lcu/poolparty/limited.png) no-repeat;width:70px;height:40px;background-size:70px;position:absolute;top:-12px;right:-21px;}
  .activity-event2 ul li img{display:block;width:174px;height:174px;border:3px solid;border-image:linear-gradient(#5ee8fc,#4a9df9) 10;margin:0 auto 10px;}
  .activity-event3 .activity-event-section{width:800px;height:250px;margin:0 auto 0;position:relative;}
  .activity-event3 .activity-event-section:nth-of-type(1) ul{background:url(//game.gtimg.cn/images/lol/client/lcu/poolparty/description/description-img5.png) no-repeat;}
  .activity-event3 .activity-event-section:nth-of-type(2) ul{background:url(//game.gtimg.cn/images/lol/client/lcu/poolparty/description/description-img6.png) no-repeat;}
  .activity-event3 .activity-event-section:nth-of-type(3) ul{background:url(//game.gtimg.cn/images/lol/client/lcu/poolparty/description/description-img7.png) no-repeat;}
  .activity-event3 .activity-event-section > p{text-align:left;color:#ffffff;font-size:20px;position:absolute;top:105px;left:-22px;font-weight:bold;z-index:2;}
  .activity-event3 ul{position:absolute;top:50px;left:62px;width:1000px;padding-left:13px;z-index:1;}
  .activity-event3 ul li{float:left;line-height:40px;text-align:center;color:#a6d8fb;font-size:12px;padding-top:136px;width:80px;position:relative;}
  .prop-tips{width:160px;line-height:20px;padding:5px 0px;position:absolute;top:-45px;left:50%;transform:translateX(-50%);text-align:center;font-size:14px;color:#fff;background:linear-gradient(to bottom,#169be6,#127cd1);border:1px solid #60bfeb;display:none;}
  .prop-tips .triangle-icon{width:30px;left:50%;margin-left:-15px;}
  .prop-tips .triangle-icon em{width:15px;height:15px;background-color:#127cd1;}
  .activity-event3 ul li:hover .prop-tips{display:block;}
  .especially{position:relative;}
  .especially p{padding-bottom:5px;text-align:left;}
  .especially img{display:block;position:absolute;top:0;left:0;}
  .activity-event3 .activity-event-section .especially{display:inline-block;margin:0 10px;}
  .activity-event3 .activity-event-section .especially:nth-of-type(2){padding:40px 0 0 100px;}
  .activity-event3 .activity-event-section .especially:nth-of-type(1){padding:40px 0 0 140px;}
  .activity-event4 .activity-event-section:nth-of-type(1){margin:60px auto 0;}
  .activity-event4 .activity-event-section{width:650px;height:160px;position:relative;margin:0 auto 0;}
  .activity-event4 .activity-event-section ul{padding-left:120px;position:absolute;top:20px;left:0;}
  .activity-event4 .activity-event-section ul li{float:left;width:110px;height:110px;margin-right:16px;position:relative;}
  .activity-event4 .activity-event-section ul li b{width:100%;line-height:20px;position:absolute;top:-30px;left:0;display:block;color:#a6d8fb;font-size:20px;font-weight:bold;}
  .activity-event4 .activity-event-section ul li:hover .prop-tips{display:block;}
  .activity-event4 .activity-event-section ul li img{border:2px solid;border-image:linear-gradient(#5ee8fc,#4a9df9) 10;display:block;width:106px;height:106px;}
  .activity-event4 .activity-event-section > p{width:120px;text-align:right;font-weight:bold;font-size:20px;color:#fff;line-height:30px;position:absolute;top:60px;left:-20px;}
  .activity-event4 .activity-event-section:nth-of-type(4){padding-bottom:100px}
  .activity-event4 .activity-event-section .especially{display:inline-block;margin:30px auto 0;padding:26px 0 0 146px}
  .activity-event4 .activity-event-section .especially img{border:2px solid;border-image:linear-gradient(#5ee8fc,#4a9df9) 10;display:block;}
  .activity-event5{padding-bottom:70px;}
  .activity-event5 ul{text-align:center;padding-bottom:35px;}
  .activity-event5 ul li{display:inline-block;width:160px;}
  .activity-event5 ul li > b{display:block;font-size:16px;color:#fff;font-weight:bold;line-height:20px;padding:10px 0;}
  .activity-event5 ul li > b span{color:#fbd833;}
  .activity-event5 ul li .pop-btn{width:120px;box-shadow:0 0 30px #0a2f5d;}
  .activity-event5 ul li img{display:block;width:100%;}
  .activity-event6{}
  .activity-event6 img{width:184px;display:block;margin:0 auto 0;}
  .activity-event6 .pop-btn{width:120px;box-shadow:0 0 30px #0a2f5d;}
  .activity-event6 > b{display:block;font-size:16px;color:#fff;font-weight:bold;line-height:20px;padding:10px 0;}
  .activity-event6 > b span{color:#fbd833;}
  .activity-event6 p:last-child{padding:25px 0 90px}
  .activity-event7 .activity-event-section{height:180px;}
  .activity-event7 .activity-event-section .especially{display:block;padding:27px 0 0 150px;}
  .activity-event7 .activity-event-section:nth-of-type(1){padding-top:40px;padding-left:200px;}
  .activity-event7 .activity-event-section:nth-of-type(2){padding-bottom:40px;padding-left:200px;}
  .activity-event7 .activity-event-section:nth-of-type(2) .especially img{border:2px solid;border-image:linear-gradient(#5ee8fc,#4a9df9) 10;}
  .activity-event8 ul{text-align:center;padding:0px 0 100px}
  .activity-event8 ul li{display:inline-block;padding-top:200px;position:relative;width:220px;}
  .activity-event8 ul li > b{display:block;font-size:18px;color:#fff;font-weight:bold;line-height:30px;padding-top:20px;}
  .activity-event8 ul li > i{display:block;font-size:14px;color:#a6d8fb;line-height:25px;padding-bottom:20px;}
  .activity-event8 ul li > i span{color:#fbd833;}
  .activity-event8 ul li > img{display:block;position:absolute;bottom:140px;left:50%;transform:translateX(-50%)}
  .activity-event8 .pop-btn{width:120px;box-shadow:0 0 30px #0a2f5d;}
  .activity-event9 ul{text-align:center;padding:50px 0 100px}
  .activity-event9 ul li{display:inline-block;width:150px;overflow:hidden;}
  .activity-event9 ul li > div{width:110px;height:110px;border:2px solid;border-image:linear-gradient(#5ee8fc,#4a9df9) 10;position:relative;margin:0 auto 0;}
  .activity-event9 ul li img{display:block;width:100%;}
  .activity-event9 ul li:nth-of-type(1) img{width:110%;position:absolute;top:0;left:0;}
  .activity-event9 ul li b{display:block;text-align:center;color:#a6d8fb;font-size:15px;font-weight:bold;line-height:40px;}
  .activity-event10 .swiper-container{width:100%;margin:50px 0;}
  .swiper-container .swiper-slide{width:620px;height:450px;}
  .swiper-container .swiper-slide img{display:block;border:2px solid;border-image:linear-gradient(#5ee8fc,#4a9df9) 10;}
  .swiper-container .swiper-slide p{line-height:76px;padding-top:0;text-align:center;color:#fff;font-size:22px;margin:0;}
  .swiper-container .swiper-slide-prev,.swiper-container .swiper-slide-next{opacity:0.5}
  .swiper-container .swiper-button-prev,.swiper-container .swiper-button-next{background:url(//game.gtimg.cn/images/lol/client/lcu/poolparty/sp.png) no-repeat;}
  .swiper-container .swiper-button-prev{left:30px;width:28px;height:56px;background-position:-220px -102px;}
  .swiper-container .swiper-button-next{right:30px;width:28px;height:56px;background-position:-292px -102px;}

  /*初始化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;}