/* reset */
html,body,div,p,ul,li,dl,dt,dd,em,i,span,a,img,input,h1,h2,h3,h4,h5 {margin:0;padding:0}
a,img,input {border:none;}
body{font: 14px/1.75 -apple-system, "Helvetica Neue", Helvetica, Arial, sans-serif;}
a {text-decoration:none;}
ul,li{list-style: none}
/* mobile */
html {
  font-size: 50px;/* 兼容不支持vw的系统 */
  font-size: 13.33333333vw;/* 7.5rem === 100vw */
}

@media (max-width: 1024px) {
  html,body {
    max-width: 1024px;
  }
}

#afooter{background-color: #000;text-align: center;font-size:22px;padding:20px 0;color: #c0c0c0;}
#afooter, #afooter a{color: #c0c0c0;text-decoration: none;}

body { padding-top: 0 !important; background-color: #000;}
html,body {width: 100%; -webkit-text-size-adjust: none;  -webkit-tap-highlight-color: rgba(0,0,0,0);}
html.overflow, body.overflow { overflow: hidden;}
.wrapper{ position:relative; font-size:12px; overflow: hidden; width: 100%;}
.wrapper *,.pop-comm,.pop-comm *{ -webkit-box-sizing:border-box; box-sizing:border-box;}
a,li{text-decoration:none; -webkit-tap-highlight-color:transparent;}
.ost_box { display: none;}
.wrapper { width: 7.5rem; height: auto; margin: 0 auto; position: relative; overflow-x: hidden;}

.pc-show,.ost { display: none !important;}

.spr,.comm-spr { background-repeat: no-repeat;background-image:url(//game.gtimg.cn/images/lol/act/a20250626cocreation/m/spr.png?v=0702);}

.nav-btn-icon1 {width:54px; height:53px; background-position: -1968px -437px}
.nav-btn-icon2 {width:81px; height:49px; background-position: -812px -818px}
.nav-btn-icon3 {width:663px; height:25px; background-position: -605px -257px}
.nav-line {width:716px; height:2px; background-position: -1282px -4px}
.part-bot-btn {width:168px; height:51px; background-position: -1826px -136px}
.part1-btn1 {width:500px; height:111px; background-position: -4px -764px}
.part1-btn2 {width:350px; height:96px; background-position: -1282px -252px}
.part1-btn2.gray {width:350px; height:96px; background-position: -560px -718px}
.part1-btn3 {width:350px; height:97px; background-position: -560px -516px}
.part1-em1 {width:108px; height:5px; background-position: -1626px -437px}
.part1-em2 {width:108px; height:5px; background-position: -1801px -742px}
.part1-time1-def {width:147px; height:121px; background-position: -1636px -252px}
.part1-time1-hl {width:158px; height:140px; background-position: -1787px -191px}
.part1-time2-def {width:174px; height:122px; background-position: -1826px -10px}
.part1-time2-hl {width:175px; height:140px; background-position: -914px -516px}
.part1-time3-def {width:174px; height:122px; background-position: -1826px -10px}
.part1-time3-hl {width:175px; height:140px; background-position: -914px -660px}
.part1-time4-def {width:147px; height:121px; background-position: -1817px -437px}
.part1-time4-hl {width:159px; height:140px; background-position: -1109px -286px}
.part1-tit {width:597px; height:249px; background-position: -4px -257px}
.part2-bef-icon1 {width:125px; height:3px; background-position: -1109px -430px}
.part2-btn-receive {width:350px; height:97px; background-position: -1272px -352px}
.part2-btn-receive.gray {width:350px; height:97px; background-position: -560px -617px}
.part2-btn-vote {width:500px; height:111px; background-position: -1282px -137px}
.part2-btn-vote.gray {width:500px; height:111px; background-position: -605px -286px}
.part2-btn-vote1 {width:350px; height:96px; background-position: -1093px -755px}
.part2-btn-vote1.gray {width:350px; height:96px; background-position: -1109px -453px}
.part2-btn2 {width:500px; height:111px; background-position: -4px -764px}
.part2-btn3 {width:350px; height:96px; background-position: -1447px -654px}
.part2-btn3.gray {width:350px; height:96px; background-position: -1463px -453px}
.part2-btn4 {width:350px; height:97px; background-position: -1093px -654px}
.part2-btn4.gray {width:350px; height:97px; background-position: -1093px -553px}
.part2-em1 {width:108px; height:5px; background-position: -1109px -437px}
.part2-em2 {width:108px; height:5px; background-position: -1801px -751px}
.part2-tit {width:718px; height:249px; background-position: -4px -4px}
.part2-vote-hov {width:172px; height:44px; background-position: -914px -804px}
.part3-tit {width:552px; height:250px; background-position: -4px -510px}
.part3-tit1 {width:552px; height:249px; background-position: -726px -4px}
.part4-btn1 {width:500px; height:111px; background-position: -605px -401px}
.part4-btn1-1 {width:350px; height:96px; background-position: -1447px -754px}
.part4-btn2 {width:350px; height:97px; background-position: -1447px -553px}
.part4-icon1 {width:20px; height:20px; background-position: -508px -764px}
.part4-icon2 {width:20px; height:20px; background-position: -1786px -137px}
.part4-input-item {width:300px; height:56px; background-position: -508px -818px}
.part4-tit {width:540px; height:123px; background-position: -1282px -10px}
.part5-add {width:247px; height:56px; background-position: -1626px -377px}
.part5-btn-rew {width:160px; height:56px; background-position: -1801px -562px}
.part5-btn-rew.gray {width:160px; height:56px; background-position: -1877px -377px}
.part5-btn-vote {width:158px; height:38px; background-position: -1787px -335px}
.part5-icon2 {width:13px; height:22px; background-position: -897px -818px}
.part5-icon3 {width:17px; height:12px; background-position: -1738px -437px}
.part5-icon4 {width:10px; height:19px; background-position: -1093px -516px}
.part5-task-btn2 {width:140px; height:56px; background-position: -1801px -622px}
.part5-task-btn3 {width:140px; height:56px; background-position: -1801px -682px}

.mob-top *{ -webkit-box-sizing:border-box; box-sizing:border-box;}
.mob-top { position: fixed; width: 100%; height: auto; z-index: 99; left: 0; top: 0;}
.mob-top-box { pointer-events: none; width: 100%; height: 120px; position: relative; z-index: 8;}
.mob-top-box .logo { pointer-events: all; background: url(//game.gtimg.cn/images/lol/act/a20250626cocreation/m/logo.png) no-repeat 0 0; width: 193px; height: 53px; position: absolute; left: 28px; top: 31px;}
.mob-top-box .logo1 { background: url(//game.gtimg.cn/images/lol/act/a20250626cocreation/m/logo1.png) no-repeat 0 0; width: 101px; height: 80px; position: absolute; left: 256px; top: 18px;}
.mob-nav-switch { pointer-events: all; position: absolute; width: 82px; height: 54px; top: 33px; right: 28px;}
.mob-nav-open { width: 100%; height: 100%; position: absolute; top: 0; right: 0;}
.mob-nav-open em { display: block; margin: 0 auto; position: relative; top: 3px;}
.mob-nav-close { width: 100%; height: 100%; position: absolute; top: 0; right: 0; display: none;}
.mob-nav-close em { display: block; margin: 0 auto;}
.nav-line { position: absolute; top: -2px; left: 50%; margin-left: -358px;}
.mob-top-link { width: 100%; height: 120px; background-color: rgba(0,0,0,0.7); position: absolute; top: 0; left: 0; z-index: 2;}
.mob-top-nav { border-top: 1px solid #2d2b2f; position: absolute; top: 119px; left: 0; z-index: 5; background-color: rgba(0,0,0,0.7); width: 100%; height: auto; padding-bottom: 30px; padding-top: 22px; transition: all .3s; opacity: 0; pointer-events: none;}
.mob-top-nav.show { opacity: 1; pointer-events: all;}
.mob-top-nav a { display: block; width: 100%; height: 78px; line-height: 78px; margin-top: 36px; text-align: center; color: #cdcdce; font-size: 28px; position: relative;}
.mob-top-nav a:nth-child(1) { margin-top: 0;}
.mob-top-nav a em { position: absolute; top: 50%; left: 50%; margin: -12.5px 0 0 -331px; opacity: 0; transition: all .3s;}
.mob-top-nav a.cur { color: #fff; font-size: 30px; background-color: #4375cd;}
.mob-top-nav a.cur em { opacity: 1;}

.header { background: url(//game.gtimg.cn/images/lol/act/a20250626cocreation/m/bg1.jpg?v=0704) no-repeat center bottom; background-size: cover; height: 1442px;}
.header .logo { position: absolute; z-index: 9; left: 0; top: -16px; background: url(//game.gtimg.cn/images/lol/act/a20250626cocreation/logo.png) no-repeat 0 0; width: 235px; height: 206px; transform-origin: left center;}
.head-tips1 { display: none;}
.head-tips2 { display: none;}
.login-box { width: 720px; height: auto; position: absolute; bottom: 475px; left: 50%; margin-left: -360px; font-weight: normal; color: #fff; font-size: 29px; line-height: 40px; text-align: center;}
.login-box a { color: #bc2655;}
.login-box a,.login-box span,.login-box strong{ display: inline-block;}

.part1 { height: auto; padding-bottom: 140px; margin-top: -1px; overflow: hidden;}
.part2 { background-size: 100% 100%; height: auto; padding-bottom: 70px;}
.part3 { background-size: 100% 100%; height: 911px;}
.part4 { background-size: 100% 100%; height: auto; padding-bottom: 90px;}
.part1,.part2,.part3,.part4,.part5,.slide-auto { position: relative; z-index: 2;}
.slide-auto { height: 116px;}
.mob-bg-box { position: absolute; left: 0; top: 1441px; width: 100%; height: 100%; z-index: 1;}
.mob-bg1 { width: 100%; background: url(//game.gtimg.cn/images/lol/act/a20250626cocreation/m/bg2.jpg?v=0704) no-repeat center center; background-size: 100% 100%; height: 821px; margin-top: -1px;}
.mob-bg2 { width: 100%; background: url(//game.gtimg.cn/images/lol/act/a20250626cocreation/m/bg3.jpg?v=0704) no-repeat center center; background-size: 100% 100%; height: 821px; margin-top: -1px;}
.mob-bg3 { width: 100%; background: url(//game.gtimg.cn/images/lol/act/a20250626cocreation/m/bg4.jpg?v=0704) no-repeat center center; background-size: 100% 100%; height: 820px; margin-top: -1px;}
.mob-bg4 { width: 100%; background: url(//game.gtimg.cn/images/lol/act/a20250626cocreation/m/bg5.jpg?v=0704) no-repeat center center; background-size: 100% 100%; height: 821px; margin-top: -1px;}
.comm-logo { display: none;}
.comm-tips1 { display: none;}
.comm-tips2 { display: none;}
.comm-tit-box { width: 100%;}
.comm-tit { margin: 0 auto;}
.comm-tit-text { width: 670px; margin: 0 auto; text-align: center; color: #545453; font-size: 24px; line-height: 31px;}
.part1-top-box { width: 100%; height: 238px;}
.part1-top-box div { display: none; width: 681px; height: 164px; position: relative; top: 11px; margin: 0 auto;}
.part1-top-box p { width: 100%; font-weight: bold; color: #2e3468; font-size: 20px; line-height: 45px; text-align: center;}
.part1 .comm-tit { margin-bottom: 12px;}
.part1 .comm-tit-text { height: auto; margin-bottom: 22px;}
.part1-time-box { width: 100%; height: 172px;}
.part1-time-box ul { width: 110%; margin-left: -5%; font-size: 0; text-align: center;}
.part1-time-box li { display: inline-block; vertical-align: top; width: 172px; height: 120px; margin: 0 7px; position: relative;}
.part1-time-box li p { width: 100%; line-height: 27px; text-align: center; color: #f5faff; text-shadow: 0 4px 4px #90a3ef; position: relative; z-index: 3; font-weight: bold;}
.part1-time-box li p.p1 { padding-top: 14px; font-size: 17px; line-height: 25px; color: #223881;}
.part1-time-box li p.p2 { font-size: 18px; line-height: 22px;}
.part1-time-box li p.p2 span { font-weight: normal;}
.part1-time-box li em { position: absolute; z-index: 1;}
.part1-time-box li em.def { top: 0;}
.part1-time-box li em.hl { top: -10px; display: none;}
.part1-time-box li em.part1-time1-def { top: 1px; left: 26px;}
.part1-time-box li em.part1-time1-hl { left: 15px;}
.part1-time-box li em.part1-time2-def { left: 50%; margin-left: -87px;}
.part1-time-box li em.part1-time2-hl { left: 50%; margin-left: -87px;}
.part1-time-box li em.part1-time3-def { left: 50%; margin-left: -87px;}
.part1-time-box li em.part1-time3-hl { left: 50%; margin-left: -87px;}
.part1-time-box li em.part1-time4-def { top: 1px; left: 0;}
.part1-time-box li em.part1-time4-hl { left: 1px;}
.part1-time-box li.li4 p.p1 { padding-top: 36px; margin-bottom: 4px;}
.part1-time-box li i { position: absolute; background-color: #8bc7fc; right: -11px; top: 57px; width: 8px; height: 8px; border-radius: 50%;}
.part1-time-box li.cur em.def { display: none;}
.part1-time-box li.cur em.hl { display: block;}
.part1-time-box li.cur p { text-shadow: 0 4px 4px #c95863;}
.part1-time-box li.cur i { background-color: #fee8ab;}
.part1-cont { width: 100%; margin: 0 auto; height: auto; overflow: hidden;}
.part1-reward { width: 679px; height: 509px; background: url(//game.gtimg.cn/images/lol/act/a20250626cocreation/m/part1-reward.png) no-repeat 0 0; margin: 0 auto 23px;}
.part1-rater { width: 679px; height: 472px; background: url(//game.gtimg.cn/images/lol/act/a20250626cocreation/m/part1-rater.png) no-repeat 0 0; margin: 0 auto;}
.part1-comm-tit { width: 100%; height: 134px;}
.part1-comm-tit p { width: 100%; font-size: 0; text-align: center; line-height: 40px; padding-top: 58px;}
.part1-comm-tit p span,.part1-comm-tit p em { display: inline-block; vertical-align: middle; margin: 0 16px; color: #252c61; font-size: 39px; font-weight: bold;}
.part1-comm-tit p span { color: #252c61; background-image: linear-gradient(to top right, #3a46a0, #181c3a); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent;}
.part1-reward ul { width: 100%; font-size: 0; text-align: center;}
.part1-reward li { display: inline-block; vertical-align: top; width: 222px; height: 180px; position: relative;}
.part1-reward li:before { content: ""; width: 4px; height: 119px; background: url(//game.gtimg.cn/images/lol/act/a20250626cocreation/m/part1-reward-line.png) no-repeat 0 0; position: absolute; top: 4px; left: -2px;}
.part1-reward li:nth-child(1):before{ display: none;}
.part1-reward li img { display: block; width: auto; height: 118px; margin: 0 auto;}
.part1-reward li p { width: 90%; margin: 18px auto 0; color: #223881; font-size: 18px; line-height: 26px;}
.part1-rater .part1-comm-tit { height: 130px;}
.part1-rater ul { width: 100%; font-size: 0; text-align: center; position: relative; top: 0;}
.part1-rater li { display: inline-block; vertical-align: top; width: 158px; height: 186px;}
.part1-rater li img { display: block; width: auto; height: 116px; margin: 0 auto;}
.part1-rater li p { width: 90%; margin: 6px auto 0; color: #223881; font-size: 21px; line-height: 30px;}
.part1-bot { width: 100%; height: 111px; text-align: center; margin-top: 25px; font-size: 0;}
.part1-bot a { font-weight: bold; display: inline-block; vertical-align: top; color: #fafafa; font-size: 25px; line-height: 51px;}
.part1-text-box { width: 624px; height: 332px; overflow-y: auto; margin-left: 42px;}
.part1-text-box h6 { width: 596px; margin-top: 26px; color: #4375cd; font-size: 20px; line-height: 40px; font-weight: bold; padding-left: 12px;}
.part1-text-box h6:before { content: ""; width: 4px; height: 20px; background-color: #4375cd; border-radius: 2px; position: absolute; left: 0; top: 10px;}
.part1-text-box p { width: 596px; color: #3d3d3b; font-size: 22px; line-height: 39px;}
.part1-text-box p span { color: #bc2655;}
.part1-text-box::-webkit-scrollbar { width: 4px; background-color: transparent;}
.part1-text-box::-webkit-scrollbar-thumb { background-color: #dfedff; border: none;}
.part1-text-box::-webkit-scrollbar-track { background-color: #92b7e9; border: none;}

.part2-tab-box { width: 100%; height: 100%;}
.part2-tab-box1 .comm-tit { margin-bottom: 60px;}
.part2 .part2-tit { background: url(//game.gtimg.cn/images/lol/act/a20250626cocreation/m/part2-tit.png) no-repeat 0 0; width: 567px; height: 140px;}
.part2-item { width: 100%; height: auto;}
.part2-item1-left { width: 100%; height: 1184px;}
.part2-item1-left ul { height: 980px;}
.vote-box ul { width: 95%; margin: 0 auto; font-size: 0; text-align: center;}
.vote-box li { display: inline-block; vertical-align: top; margin: 0 7px 15px; position: relative; width: 160px; height: 286px;}
.vote-pic { width: 100%; height: 282px; margin: 0 auto; position: relative; top: 3px; z-index: 1; overflow: hidden;}
.vote-pic img { display: block; width: 100%; height: 100%; object-fit: cover; position: relative; z-index: 1;}
.vote-layer { position: absolute; z-index: 2; background: url(//game.gtimg.cn/images/lol/act/a20250626cocreation/m/vote-layer.png) no-repeat center bottom; background-size: 100% auto; width: 100%; height: 100%; left: 0; bottom: 0; pointer-events: none;}
.vote-border { position: absolute; z-index: 6; pointer-events: none; background: url(//game.gtimg.cn/images/lol/act/a20250626cocreation/m/part2-border1.png) no-repeat 0 0; width: 160px; height: 290px; left: 0; bottom: 0;}
.vote-info { position: absolute; z-index: 4; left: 0; top: 203px; padding-top: 28px; width: 100%;}
.vote-info p { color: #e4f2f1; font-size: 17px; line-height: 28px; width: 100%; text-align: center;}
.vote-info p.p1 { position: absolute; left: 0; bottom: 28px;}
.vote-info p.p2 { font-weight: bold; font-size: 21px;}
.vote-info em { position: absolute; left: 50%; top: 50%; margin: -2.5px 0 0 -62.5px;}
.vote-sort { position: absolute; z-index: 8; width: 100%; line-height: 25px; height: 23px; left: 0; bottom: 0; color: #e4f2f1; font-size: 17px; text-shadow: 0 2px 4px #2d559b;}
.vote-box li.num1,.vote-box li.num2,.vote-box li.num3 { width: 169px; height: 302px; margin: 0 13px 37px;}
.vote-box li.num1 .vote-pic,.vote-box li.num2 .vote-pic,.vote-box li.num3 .vote-pic { height: 298px;}
.num1 .vote-border,.num2 .vote-border,.num3 .vote-border { background: url(//game.gtimg.cn/images/lol/act/a20250626cocreation/m/part2-border2.png) no-repeat 0 0; width: 169px; height: 321px;}
.num1 .vote-sort { font-weight: bold; color: #fff7be; text-shadow: 0 2px 4px #3962ab; font-size: 19px; height: 25px; line-height: 28px;}
.num2 .vote-sort { font-weight: bold; color: #b1fff5; text-shadow: 0 2px 4px #3a63ad; font-size: 19px; height: 25px; line-height: 28px;}
.num3 .vote-sort { font-weight: bold; color: #fdce5d; text-shadow: 0 2px 4px #3962ab; font-size: 19px; height: 25px; line-height: 28px;}
.part2-left-btn ul { width: 100%; font-size: 0; text-align: center; height: auto;}
.part2-left-btn ul li { display: inline-block; vertical-align: top; margin: 0 6px; width: 350px; height: 68px; position: relative; margin: 0 auto;}
.part2-prop-tips { position: absolute; width: 84px; height: 84px; z-index: 4; top: -32px; right: -75px; background: url(//game.gtimg.cn/images/lol/act/a20250626cocreation/part2-prop-tips.png) no-repeat 0 0; background-size: 100% 100%;}
.part2-vote-hov { pointer-events: none; opacity: 0; position: absolute; top: 67px; left: 50%; margin-left: -86px; transition: all .3s;}
.part2-prop-tips:hover .part2-vote-hov { opacity: 1; top: 57px;}
.part2-vote-hov p { padding-top: 7px; line-height: 37px; color: #fff; text-align: center; font-size: 16px; width: 100%;}
.part2-left-btn a { display: block; margin: 0 auto;}
.part2-left-btn a.part2-btn-vote { position: relative; left: -75px;}
.part2-left-btn a.part2-btn-vote1 { position: relative; left: 0;}
.part2-left-btn a.gray { pointer-events: none;}
.part2-left-btn p.p1 { color: #4375cd; font-size: 24px; line-height: 52px; width: 100%; text-align: center;}
.part2-item1-right { margin: 0 auto; background: url(//game.gtimg.cn/images/lol/act/a20250626cocreation/m/part2-item1-right.png) no-repeat 0 0; width: 679px; height: 1124px; position: relative;}
.part2-item1-right .part1-comm-tit { width: 110%; margin-left: -5%; height: auto;}
.part2-item1-right .part1-comm-tit p { line-height: 30px;}
.part2-item1-right .part1-comm-tit p span { font-size: 30px; color: #303981; background-image: linear-gradient(to top right, #3b47a3, #09090c); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent;}
.part2-item1-right .part1-comm-tit p span,.part2-item1-right .part1-comm-tit p em { margin: 0 4px;}
.part2-item1-box1 { width: 100%; height: 442px;}
.part2-item1-box1 .part1-comm-tit p { padding-top: 80px;}
.part2-item1-box2 { width: 100%; height: auto;}
.part2-item1-box2 .part1-comm-tit p { padding-top: 0;}
.part2-item1-box2-btn { margin: 320px auto 0; width: 100%; text-align: center;}
.part2-item1-box2-btn p { color: #4375cd; font-size: 22px; line-height: 30px; margin-bottom: 116px;}
.part2-item1-bf { width: 108%; margin-left: -4%; font-size: 0; text-align: center; position: relative;}
.part2-item1-bf a { display: inline-block; vertical-align: top; margin: 0 6px;}
.part2-item1-bf a.part2-btn-works { color: #1b3795; font-size: 30px; line-height: 34px; border-bottom: 1px solid #1b3795; margin-top: 40px;}

.part3 .comm-tit { margin-bottom: 12px;}
.part3 .comm-tit-text { height: auto; margin-bottom: 48px;}
.part3-pic { width: 679px; height: 383px; margin: 0 auto; position: relative;}
.part3-pic a { display: block; width: 100%; height: 100%;}
.part3-pic img { display: block; width: 100%; height: 100%;}
.part3-bot { width: 100%; text-align: center; margin-top: 15px; font-size: 0;}
.part3-bot a { font-weight: bold; display: inline-block; vertical-align: top; color: #fafafa; font-size: 25px; line-height: 51px;}

.part4 .comm-tit { margin-bottom: 52px;}
.part4-item1,.part4-item2 { width: 678px; margin: 0 auto;}
.part4 h6 { position: relative; line-height: 50px; padding-left: 12px; width: 500px; color: #4375cd; font-size: 31px; margin: 0;}
.part4 h6:before { content: ""; width: 4px; height: 29px; background-color: #4375cd; border-radius: 2px; position: absolute; left: 0; top: 5px;}
.part4-item1 h6 { margin-bottom: 10px;}
.part4-item1-box { width: 100%; height: auto; margin-bottom: 30px;}
.part4-item1-box p { color: #3d3d3b; font-size: 24px; line-height: 32px; text-indent: 2em;}
.part4-item2 h6 { margin-bottom: 24px;}
.part4-item2-top { width: 100%; height: 74px;}
.part4-item2-top ul { font-size: 0; text-align: left;}
.part4-item2-top li { display: inline-block; vertical-align: top; line-height: 56px; margin: 0 28px 10px 0;}
.part4-item2-top p { width: 117px; float: left; color: #fff; font-size: 24px; text-align: center;}
.part4-item2-top input { float: right; width: 158px; height: 56px; margin-right: 16px; position: relative; outline: none; background-color: transparent; border: none; color: #000; font-size: 24px;}
.part4-item2-box { width: 100%; height: auto; position: relative; border: 1px solid #3b3b3b; padding-bottom: 30px; background-color: #fff;}
.part4-item2-box textarea { border-radius: 10px; width: 100%; height: 330px; background-color: transparent; border: none; resize: none; outline: none; padding: 10px; -webkit-box-sizing:border-box; box-sizing:border-box; color: #000; font-size: 24px; line-height: 36px;}
.part4-item2-box p { position: absolute; bottom: 0; right: 12px; line-height: 40px; color: #969696; font-size: 22px;}
.part4-item2-tips { width: 100%; font-size: 0; height: 62px; margin-top: 12px; text-align: center; line-height: 40px;}
.part4-item2-tips em,.part4-item2-tips p { display: inline-block; vertical-align: middle; color: #1e1e1e; font-size: 20px; line-height: 40px; margin: 0 5px;}
.part4-item2-tips em { cursor: pointer;}
.part4-item2-tips em i { display: block; visibility: hidden;}
.part4-item2-tips em.cur i { visibility: visible;}
.part4-item2-tips p a {color: #bc2655; text-decoration: underline;}
.part4-item2-item { width: 108%; margin-left: -4%; height: auto; font-size: 0; text-align: center;}
.part4-item2-item a { display: inline-block; vertical-align: top; margin: 0 8px;}

.part2-tab-box2 .comm-tit { margin-bottom: 36px;}
.part5-item { width: 100%; height: auto; position: relative; padding-top: 73px;}
.part5-item-login { position: absolute; top: 0; left: 50%; margin-left: -340px; width: 679px; text-align: right; font-size: 22px; color: #000; line-height: 73px;}
.part5-item-login a,.part5-item-login span{ color: #d45831;}
.part5-item-login a,.part5-item-login span,.part5-item-login strong{ display: inline-block;}
.part5-top { width: 679px; height: 159px; margin: 0 auto; font-size: 0; text-align: right; position: relative;}
.part5-top-item { display: inline-block; vertical-align: top; position: relative;}
.part5-top-item1 { width: 679px; height: 57px; line-height: 57px; background: url(//game.gtimg.cn/images/lol/act/a20250626cocreation/m/part5-top-item1.png) no-repeat 0 0; position: absolute; left: 0; margin-top: 81px;}
.part5-top-item1 select { resize: none; appearance:none; -moz-appearance:none; -webkit-appearance:none; float: left; outline: none; width: 231px; height: 57px; background: transparent; border: none; color: #969696; font-size: 22px; padding-left: 10px; line-height: 57px;}
.part5-top-item1 select option { font-size: 18px;}
.part5-top-item1 input { float: left; outline: none; background: transparent; border: none; margin-left: 22px; width: 377px; height: 57px; line-height: 57px; color: #969696; font-size: 22px;}
.part5-top-item1 a { display: block; float: left; width: 43px; height: 57px;;}
.part5-top-item2 { width: auto; margin-right: 18px; width: 247px; height: 56px;}
.part5-top-item2 a.part5-add { display: block;}
.part5-top-item2 a.part5-add span { display: block; width: 196px; line-height: 56px; color: #fff; font-size: 26px; text-align: center;}
.part5-top-item2 a.part5-add span b { font-weight: normal;}
.part5-top-item2-hover { transition: all .3s; opacity: 0; position: absolute; width: 680px; height: 317px; background: url(//game.gtimg.cn/images/lol/act/a20250626cocreation/m/part5-top-item2-hover.png) no-repeat left bottom; top: 80px; right: -178px; z-index: 6; pointer-events: none;}
.part5-top-item2:hover .part5-top-item2-hover { opacity: 1; top: 60px; pointer-events: all;}
.part5-top-item2-hover ul { padding: 26px 0 0 28px;}
.part5-top-item2-hover li { width: 624px; height: 90px; line-height: 90px; font-size: 0; text-align: left; position: relative;}
.part5-top-item2-hover li p { display: inline-block; vertical-align: middle; color: #fff; font-size: 22px; line-height: 26px;}
.part5-top-item2-hover li p.p1 { width: 360px; margin-right: 10px;}
.part5-top-item2-hover li p.p1 a { color: #96baf9; text-decoration: underline;}
.part5-top-item2-hover li p.p2 { padding-left: 20px; position: relative;}
.part5-top-item2-hover li p.p2 em { position: absolute; left: 0; top: 50%; margin-top: -11px;}
.part5-top-item2-hover li a.spr { display: block; font-weight: bold; position: absolute; right: 0; top: 50%; margin-top: -28px; font-size: 26px; line-height: 56px; text-align: center;}
.part5-top-item2-hover li a.part5-task-btn2 { color: #d45831;}
.part5-top-item2-hover li a.part5-task-btn3 { color: #797979;}
.part5-top-item2-hover li a.part5-task-btn3:hover { -webkit-filter: none; filter: none;}
.part5-top-item2-hover li .gx { position: absolute; top: 50%; right: 0; margin-top: -10px; width: 20px; height: 20px; border: 1px solid #fff;}
.part5-top-item2-hover li .gx i { position: absolute; top: 50%; left: 50%; margin: -6px 0 0 -8.5px; display: none;}
.part5-top-item2-hover li .gx.cur i { display: block;}
.part5-top-item3 { width: auto;}
.part5-top-item3 a.part5-btn-rew { display: block; color: #d45831; font-size: 26px; text-align: center; line-height: 56px; font-weight: bold;}
.part5-top-item3 a.part5-btn-rew.gray { color: #7a7a7a;}
.part5-top-item4 { width: 247px; height: 56px; margin-right: 18px;}
.part5-top-item4 a { display: block; background: url(//game.gtimg.cn/images/lol/act/a20250626cocreation/m/part5-btn-num.png) no-repeat 0 0; width: 247px; height: 56px; line-height: 56px; color: #fff; font-size: 26px; text-align: center;}
.part5-cont { width: 680px; height: auto; margin: 0 auto 30px; position: relative;}
.part5-cont ul { width: 104%; font-size: 0; text-align: left;}
.part5-cont li { display: inline-block; vertical-align: top; width: 331px; height: 377px; margin: 0 17px 20px 0; position: relative; background-color: #fff;}
.part5-li-pic { width: 100%; height: 186px; position: relative; cursor: pointer;}
.part5-li-pic img { display: block; width: 100%; height: 100%; object-fit: contain;}
.part5-li-border { position: absolute; z-index: 4; left: 0; top: 0; pointer-events: none; background: url(//game.gtimg.cn/images/lol/act/a20250626cocreation/m/part5-li-border-v0716.png) no-repeat 0 0; width: 100%; height: 100%;}
.part5-li-info { width: 282px; height: 123px; padding-top: 14px; text-align: left; margin-left: 24px;}
.part5-li-info p.p1 { width: 100%; line-height: 32px; height: 32px; color: #070707; font-size: 20px;  white-space: nowrap; text-overflow: ellipsis; overflow: hidden; font-weight: bold;}
.part5-li-info p.p2 { color: #727272; font-size: 19px; line-height: 28px;  white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.part5-li-info p.p3 { color: #bc2655; font-size: 19px; line-height: 28px; margin-top: 12px;}
.part5-li-info p.p3 em { display: block; float: left; margin-top: 4px; margin-right: 6px;}
.part5-li-btn { width: 100%;}
.part5-li-btn a { display: block; margin: 0 auto; font-weight: bold; text-align: center; color: #fff; font-size: 23px; line-height: 38px; letter-spacing: 2px; text-indent: 2px; background: url(//game.gtimg.cn/images/lol/act/a20250626cocreation/m/part5-btn-vote-v0716.png) no-repeat 0 0; width: 283px; height: 38px;}
.part5-btn-page { width: 100%; font-size: 0; text-align: center;}
.part5-btn-page a { display: inline-block; vertical-align: top; width: 126px; line-height: 56px; color: #070707; border: 1px solid #070707; font-size: 22px; border-radius: 28px; margin: 0 12px;}
.part5-btn-page span { display: inline-block; vertical-align: top; font-size: 18px; line-height: 60px; padding: 0 12px; color: #070707;}
.part5-btn-page a.num { border-radius: 6px; width: auto; min-width: 22px; padding: 0 16px;}
.part5-btn-page a.cur { color: #fff; background-color: #4375cd; border-color: #4375cd;}
.part5-not { display: none; width: 100%; text-align: center; font-size: 40px; line-height: 240px; font-weight: bold; color: #000;}

/*pop S*/
.pop-spr { background-repeat: no-repeat;background-image:url(//game.gtimg.cn/images/lol/act/a20250626cocreation/m/pop-spr.png?v=0625);}

.pop-close {width:63px; height:63px; background-position: -800px -4px}
.pop-comm-btn1 {width:231px; height:64px; background-position: -638px -580px}
.pop-comm-btn2 {width:232px; height:64px; background-position: -402px -580px}
.pop1-tit {width:269px; height:98px; background-position: -186px -449px}
.pop10-pic {width:122px; height:112px; background-position: -4px -542px}
.pop11-btn {width:142px; height:42px; background-position: -728px -532px}
.pop11-icon1 {width:13px; height:21px; background-position: -827px -117px}
.pop11-next {width:38px; height:55px; background-position: -875px -486px}
.pop11-prev {width:39px; height:55px; background-position: -867px -4px}
.pop13-tit {width:397px; height:96px; background-position: -186px -172px}
.pop2-btn-vote {width:179px; height:51px; background-position: -735px -431px}
.pop2-btn-vote.gray {width:179px; height:51px; background-position: -735px -376px}
.pop2-input {width:610px; height:44px; background-position: -186px -4px}
.pop2-tit {width:268px; height:98px; background-position: -130px -551px}
.pop4-btn1 {width:371px; height:72px; background-position: -186px -272px}
.pop4-comm-item {width:565px; height:56px; background-position: -186px -52px}
.pop4-comm-item1 {width:565px; height:56px; background-position: -186px -112px}
.pop4-icon2 {width:36px; height:36px; background-position: -755px -117px}
.pop4-icon3 {width:19px; height:19px; background-position: -464px -348px}
.pop4-icon6 {width:19px; height:19px; background-position: -402px -551px}
.pop4-icon7 {width:19px; height:19px; background-position: -833px -274px}
.pop4-img-close {width:28px; height:32px; background-position: -795px -117px}
.pop4-tit {width:268px; height:98px; background-position: -587px -172px}
.pop5-tit {width:268px; height:98px; background-position: -561px -274px}
.pop5-tit-1 {width:274px; height:97px; background-position: -186px -348px}
.pop7-border {width:178px; height:534px; background-position: -4px -4px}
.pop7-btn {width:142px; height:42px; background-position: -755px -71px}
.pop7-tit {width:265px; height:98px; background-position: -459px -478px}
.pop8-btn {width:143px; height:42px; background-position: -728px -486px}
.pop8-tit {width:267px; height:98px; background-position: -464px -376px}
.pop9-input-box {width:565px; height:56px; background-position: -186px -52px}


.pop-layer { position: fixed; left: -1%; top: -1%; width: 102%; height: 102%; background-color: rgba(0,0,0,0.8); z-index: 100;}
.pop-comm { position: fixed; top: 50%; left: 50%; outline: none; display: none; z-index: 110;}

.comm-pop { display: none; outline: none; position: relative; }
.pop-wrap { width: 100%; height: 100%; position: fixed; left: 0; top: 0; z-index: 999; padding-top: 120px; padding-bottom: 40px; -webkit-box-sizing:border-box; box-sizing:border-box; background-color: rgba(0,0,0,0.8);}
.pop-scroll { overflow-y: auto;}
.pop-scroll .pop-comm,.pop-scroll .pop11 { position: relative; left: 0; top: 0; margin: 0 auto;}

.pop1 { background: url(//game.gtimg.cn/images/lol/act/a20250626cocreation/m/pop-bg1.png) no-repeat 0 0; width: 709px; height: 1115px; margin: -515px 0 0 -354.5px; padding: 0 15px;}
.pop1-1 { background: url(//game.gtimg.cn/images/lol/act/a20250626cocreation/m/pop-bg1-1.png) no-repeat 0 0; width: 709px; height: 745px; margin: -330px 0 0 -354.5px; padding: 0 15px;}
.pop1-1 .pop1-scroll { height: 474px;}
.pop13 { background: url(//game.gtimg.cn/images/lol/act/a20250626cocreation/m/pop-bg10.png) no-repeat 0 0; width: 709px; height: 511px; margin: -213px 0 0 -354.5px; padding: 0 15px;}
.pop13 .pop1-scroll { height: 474px;}
.pop14 { background: url(//game.gtimg.cn/images/lol/act/a20250626cocreation/m/pop-bg1-1.png) no-repeat 0 0; width: 709px; height: 745px; margin: -330px 0 0 -354.5px; padding: 0 15px;}
.pop14 .pop1-scroll { height: 674px;}
.pop-close { position: absolute; right: 12px; top: -85px; z-index: 5;}
.pop-comm-tit { width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box;}
.pop-comm-tit div { margin: 0 auto;}
.pop1 .pop-comm-tit { padding-top: 101px; height: 249px;}
.pop1-scroll { width: 603px; height: 798px; overflow: auto; margin-left: 58px;}
.pop1-scroll::-webkit-scrollbar { width: 7px; background-color: transparent;}
.pop1-scroll::-webkit-scrollbar-thumb { background-color: #c9dff9; border: none;}
.pop1-scroll::-webkit-scrollbar-track { background-color: #e2eaf5; border: none;}
.pop1-scroll h6 { width: 566px; position: relative; line-height: 39px; padding-left: 13px; color: #4375cd; font-size: 31px; margin-bottom: 14px; margin-top: 26px;}
.pop1-scroll h6:nth-child(1) { margin-top: 0;}
.pop1-scroll h6:before { content: ""; width: 4px; height: 29px; background-color: #4375cd; border-radius: 2px; position: absolute; left: 0; top: 5px;}
.pop1-scroll p { width: 566px; color: #545453; font-size: 24px; line-height: 37px;}
.pop1-scroll p.ti { text-indent: 2em;}
.pop1-scroll p.tit { font-weight: bold;}
.pop1-scroll img { display: block; width: 566px; height: auto;}

.pop2 { background: url(//game.gtimg.cn/images/lol/act/a20250626cocreation/m/pop-bg1.png) no-repeat 0 0; width: 709px; height: 1115px; margin: -515px 0 0 -354.5px; padding: 0 15px;}
.pop2 .pop-comm-tit { padding-top: 98px; height: 248px;}
.pop2-top { width: 610px; margin: 0 auto; height: 217px; position: relative;}
.pop2-input { position: absolute; top: 137px; left: 0;}
.pop2-input input { width: 536px; display: block; outline: none; background-color: transparent; border: none; margin-left: 22px; height: 44px; line-height: 44px; color: #000; font-size: 20px; float: left;}
.pop2-input a { display: block; float: left; width: 40px; height: 100%;}
.pop2-tab-box1 { text-align: left; width: 104%;}
.pop2-tab-box2 { text-align: left;}
.pop2-tab-box { font-size: 0; height: 69px;}
.pop2-tab-box a { display: inline-block; vertical-align: top; text-align: center; width: 81px; height: 53px; line-height: 53px; border: 1px solid #070707; color: #070707; font-size: 23px; margin-left: -1px;}
.pop2-tab-box a:nth-child(1) { width: 130px;}
.pop2-tab-box a.cur { background: url(//game.gtimg.cn/images/lol/act/a20250626cocreation/pop2-hov.png) no-repeat 0 0; background-size: 100% 100%; color: #fff;}
.pop2-scroll { width: 624px; height: 580px; overflow-y: auto; margin-left: 36px;}
.pop2-scroll::-webkit-scrollbar { width: 7px; background-color: transparent;}
.pop2-scroll::-webkit-scrollbar-thumb { background-color: #c9dff9; border: none;}
.pop2-scroll::-webkit-scrollbar-track { background-color: #e2eaf5; border: none;}
.pop2-scroll li { display: block; float: left; position: relative; width: 196px; height: 355px; margin-right: 9px; margin-bottom: 92px; text-align: center;}
.pop2-scroll .vote-pic { width: 100%; height: 100%; padding: 1px; margin: 0 auto; position: relative; top: 0; z-index: 1; overflow: hidden;}
.pop2-scroll .vote-pic img { display: block; width: 100%; height: 100%; object-fit: cover; position: relative; z-index: 1;}
.pop2-scroll .vote-layer { position: absolute; z-index: 2; background: url(//game.gtimg.cn/images/lol/act/a20250626cocreation/m/vote-layer.png) no-repeat center bottom; background-size: 100% auto; width: 100%; height: 100%; left: 0; bottom: 0;}
.pop2-scroll .vote-border { position: absolute; z-index: 6; pointer-events: none; background: url(//game.gtimg.cn/images/lol/act/a20250626cocreation/m/pop2-border1.png) no-repeat 0 0; width: 100%; height: 100%; left: 0; top: 0;}
.pop2-scroll .vote-info { position: absolute; z-index: 4; left: 0; top: 260px; padding-top: 32px; width: 100%;}
.pop2-scroll .vote-info p { color: #e4f2f1; font-size: 21px; line-height: 32px; width: 100%; text-align: center;}
.pop2-scroll .vote-info p.p1 { position: absolute; left: 0; bottom: 32px;}
.pop2-scroll .vote-info p.p2 { font-weight: bold; font-size: 27px;}
.pop2-scroll .vote-info em { position: absolute; left: 50%; top: 50%; margin: -2.5px 0 0 -62.5px;}
.pop2-scroll .vote-sort { position: absolute; z-index: 8; width: 100%; line-height: 26px; left: 0; top: 0; color: #f6feff; font-size: 20px; text-shadow: none;}
.pop2-btn-vote { display: block; margin: 12px auto 0; color: #ffffff; font-size: 24px; font-weight: bold; line-height: 51px;}
.pop2-btn-vote.gray { text-shadow: 0 2px 4px #838383;}
.pop3 { background: url(//game.gtimg.cn/images/lol/act/a20250626cocreation/m/pop-bg3.png) no-repeat 0 0; width: 709px; height: 411px; margin: -163px 0 0 -354px;}
.pop3-cont { width: 90%; position: relative; padding-top: 80px; line-height: 185px; margin: 0 auto 14px;}
.pop3-cont p { width: 100%; display: inline-block; vertical-align: middle; color: #070707; font-size: 30px; line-height: 40px; text-align: center;}
.pop3-cont p span { color: #4375cd;}
.pop3-btn-box { width: 100%; font-size: 0; text-align: center;}
.pop3-btn-box a { display: inline-block; vertical-align: top; font-weight: bold; margin: 0 41px; font-size: 31px; line-height: 64px; letter-spacing: 2px; text-indent: 2px;}
.pop3-btn-box a.pop-comm-btn1 { color: #fff;}
.pop3-btn-box a.pop-comm-btn2 { color: #2c2f76;}
.tips-succ-box { transition: all .3s; opacity: 0; width: 100%; height: 100%; position: fixed; left: 0; top: 0; background-color: rgba(0,0,0,0.8); position: fixed; left: 0; top: 0;}
.tips-succ { width: 185px; height: 242px; background: url(//game.gtimg.cn/images/lol/act/a20250626cocreation/m/icon-succ.png) no-repeat 0 0; position: absolute; z-index: -1; pointer-events: none; left: 50%; top: 50%; margin: -121px 0 0 -82px;}
.tips-succ-box.show { z-index: 999; opacity: 1;}
.tips-succ p { color: #fff; font-size: 26px; line-height: 34px; padding-top: 179px; width: 100%; text-align: center;}
.pop4 { background: url(//game.gtimg.cn/images/lol/act/a20250626cocreation/m/pop-bg1.png) no-repeat 0 0; width: 709px; height: 1115px; margin: -515px 0 0 -354.5px; padding: 0 15px;}
.pop4 .pop-comm-tit { padding-top: 101px; height: 236px;}
.pop4-cont { width: 605px; height: 818px; overflow-y: auto; margin: 0 auto 0 58px; padding-right: 20px;}
.pop4-cont::-webkit-scrollbar { width: 7px; background-color: transparent;}
.pop4-cont::-webkit-scrollbar-thumb { background-color: #c9dff9; border: none;}
.pop4-cont::-webkit-scrollbar-track { background-color: #e2eaf5; border: none;}
.pop4-item1 { width: 565px; height: auto; text-align: left; font-size: 0;}
.pop4-comm-item { display: inline-block; vertical-align: top; line-height: 56px; margin: 0 0px 10px 0; position: relative;}
.pop4-comm-item p { width: 140px; float: left; color: #fff; font-size: 26px; text-align: center;}
.pop4-comm-item input { float: right; width: 392px; height: 56px; margin-right: 24px; position: relative; outline: none; background-color: transparent; border: none; color: #000; font-size: 22px;}
.pop4-comm-item input::-webkit-input-placeholder { color: #969696;}
.pop4-comm-item select { resize: none; appearance:none; -moz-appearance:none; -webkit-appearance:none; float: right; width: 392px; height: 56px; margin-right: 24px; position: relative; outline: none; border: none; background-color: transparent; color: #969696; font-size: 22px;}
.pop4-item2 { width: 565px; margin-bottom: 16px; position: relative;}
.pop4-item2 textarea { width: 100%; height: 194px; background-color: #fff; border: 1px solid #070707; resize: none; outline: none; padding: 10px; -webkit-box-sizing:border-box; box-sizing:border-box; color: #000; font-size: 22px; line-height: 36px; border-radius: 16px;}
.pop4-item2 p { position: absolute; bottom: 12px; right: 13px; line-height: 28px; color: #969696; font-size: 22px;}
.pop4-item3 { width: 565px; height: 166px;}
.pop4-item3 li { float: left; width: 278px; height: 156px; margin-right: 12px; position: relative; border-radius: 6px; overflow: hidden;}
.pop4-item3 li img { display: block; width: 100%; height: 100%; object-fit: cover; position: relative; z-index: 1;}
.pop4-img-close { position: absolute; top: 0; right: 0; z-index: 4;}
.pop4-item3 li.progress img,.pop4-item3 li.progress a { opacity: .6;}
.ring { width: 24px; height: 24px; position: absolute; left: 50%; top: 50%; margin: -12px 0 0 -12px; z-index: 4; transform: scale(1.4);}
.ring .bg { stroke: #292929;}
.ring .prog { stroke: #4375cd; stroke-dasharray: 283; stroke-dashoffset: 283; transition: stroke-dashoffset 0.5s;}
.pop4-item3 li input { width: 100%; height: 100%; position: absolute; left: 0; top: 0; opacity: 0; cursor: pointer;}
.pop4-item3 li .update { position: absolute; z-index: 3; width: 100%; height: 100%; border: 1px solid #070707; border-radius: 6px; -webkit-box-sizing:border-box; box-sizing:border-box; pointer-events: none; font-size: 0; text-align: center; padding-top: 46px;}
.pop4-item3 li .update em { display: block; margin: 0 auto;}
.pop4-item3 li .update span { width: 100%; font-size: 20px; line-height: 40px; color: #4375cd; display: inline-block; vertical-align: middle;}
.pop4-item4 { width: 565px; height: auto; margin-bottom: 14px; margin-top: 4px; line-height: 25px; color: #bc2655; font-size: 0; padding-left: 27px; position: relative;}
.pop4-item4 em { position: absolute; left: 0; top: 3px;}
.pop4-item4 p { display: inline-block; vertical-align: middle; font-size: 18px; margin-right: 4px;}
.pop4-item5 { width: 565px; height: 41px; line-height: 31px;}
.pop4-item5 h6 { float: left; color: #969696; font-size: 15px; margin-right: 4px;}
.pop4-item5 ul { float: left;}
.pop4-item5 li { float: left; position: relative; width: auto; height: 31px; font-size: 0; margin-right: 6px; text-align: center; background-color: #e8e8e8; border-radius: 16px; padding: 0 12px;}
.pop4-item5 li em,.pop4-item5 li p { display: inline-block; vertical-align: middle; margin: 0 3px; color: #969696; font-size: 15px;}
.pop4-item5 li input { width: 100%; height: 100%; position: absolute; left: 0; top: 0; opacity: 0; cursor: pointer;}
.pop4-item6 { margin-bottom: 15px; width: 565px;}
.pop4-item7 { width: 565px; height: auto;}
.pop4-item7 div { width: 100%; font-size: 0; text-align: center; height: auto; line-height: 39px; margin-bottom: 22px;}
.pop4-item7 em,.pop4-item7 p { display: inline-block; vertical-align: middle; color: #1e1e1e; font-size: 19px; margin: 0 4px;}
.pop4-item7 em { cursor: pointer;}
.pop4-item7 em i { display: block; visibility: hidden;}
.pop4-item7 em.cur i { visibility: visible;}
.pop4-item7 p a {color: #bc2655; text-decoration: underline;}
.pop4-item7 a.pop4-btn1 { text-align: center; font-weight: bold; display: block; margin: 0 auto; color: #fff; font-size: 33px; line-height: 72px; letter-spacing: 2px; text-indent: 2px;}
.pop6-tit { padding-top: 86px;}
.pop6-tit h6 { margin: 0; color: #070707; font-size: 36px; line-height: 42px; font-weight: bold; text-align: center; letter-spacing: 2px; text-indent: 2px;}
.pop6 .pop3-cont { padding-top: 0; line-height: 132px; margin: 11px auto;}
.pop6 .pop3-cont p { font-size: 24px; line-height: 37px;}
.pop7 { background: url(//game.gtimg.cn/images/lol/act/a20250626cocreation/m/pop-bg7-v0716.png) no-repeat 0 0; width: 709px; height: 696px; margin: -305.5px 0 0 -354.5px; padding: 0 15px;}
.pop7 .pop-comm-tit { padding-top: 101px; height: 263px;}
.pop7-cont { width: 603px; margin: 0 auto; height: 380px; overflow-y: auto;}
.comm-scroll::-webkit-scrollbar { width: 7px; background-color: transparent;}
.comm-scroll::-webkit-scrollbar-thumb { background-color: #c9dff9; border: none;}
.comm-scroll::-webkit-scrollbar-track { background-color: #e2eaf5; border: none;}
.pop7-cont.center ul { text-align: center;}
.pop7-cont.center ul li { margin-left: 0;}
.pop7-cont ul { font-size: 0; text-align: center;}
.pop7-cont li { display: inline-block; vertical-align: top; width: 574px; height: 324px; position: relative; z-index: 1; margin: 0 auto 28px;}
.pop7-pic { width: 574px; height: 324px; position: relative;}
.pop7-pic img { display: block; width: 100%; height: 100%; object-fit: cover;}
.pop7-border { position: absolute; z-index: 4; left: 0; top: 0; pointer-events: none; background: url(//game.gtimg.cn/images/lol/act/a20250626cocreation/m/pop7-border-v0716.png) no-repeat 0 0; background-size: 100% 100%; width: 574px; height: 324px;}
.pop7-info { width: 328px; height: auto; text-align: left; position: absolute; z-index: 6; left: 32px; top: 225px;}
.pop7-info p.p1 { width: 100%; line-height: 46px; height: 46px; color: #fff; font-size: 38px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; text-overflow: ellipsis; overflow: hidden; font-weight: bold;}
.pop7-info p.p2 { color: #c9c9c9; font-size: 20px; line-height: 28px;}
.pop7-btn-box { width: 100%; position: absolute; right: 32px; top: 249px; z-index: 7;}
.pop7-btn-box a { background: url(//game.gtimg.cn/images/lol/act/a20250626cocreation/m/pop7-btn.png) no-repeat 0 0; background-size: 100% 100%; width: 142px; height: 41px; display: block; font-weight: bold; margin: 0 0 0 auto; text-align: center; color: #2c2f76; font-size: 23px; line-height: 41px; letter-spacing: 2px; text-indent: 2px;}
.pop7-btn-page { width: 100%; font-size: 0; text-align: center;}
.pop7-btn-page a { display: inline-block; vertical-align: top; width: 85px; line-height: 32px; color: #070707; border: 1px solid #070707; font-size: 18px; border-radius: 32px; margin: 0 18px;}
.pop7-btn-page a:hover { color: #fff; background-color: #4375cd; border-color: #4375cd;}
.pop8 { background: url(//game.gtimg.cn/images/lol/act/a20250626cocreation/m/pop-bg7.png) no-repeat 0 0; width: 709px; height: 1029px; margin: -472px 0 0 -354.5px; padding: 0 15px;}
.pop8 .pop-comm-tit { padding-top: 98px; height: 231px;}
.pop8-cont { width: 603px; margin: 0 auto 0 57px; height: 722px; overflow: auto;}
.pop8-cont ul { width: 565px;}
.pop8-cont li { width: 100%; border-radius: 16px; height: 202px; border: 1px solid #3b3b3b; position: relative; margin-bottom: 25px; padding-top: 27px;}
.pop8-cont li p { margin-left: 32px;}
.pop8-cont li p.p1 { width: 500px; height: 54px; color: #545453; font-size: 24px; line-height: 27px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; text-overflow: ellipsis; overflow: hidden;}
.pop8-cont li p.p2 { color: #969696; font-size: 18px; line-height: 26px; margin-top: 6px;}
.pop8-sp { position: absolute; top: 22px; right: 32px; z-index: 2; width: 60px; height: 20px; font-size: 14px; text-align: center;}
.sp-type1 { background-color: #ffe0e0; color: #fa5050;}
.sp-type2 { background-color: #c7ffd9; color: #44c756;}
.pop8-btn { position: absolute; z-index: 3; top: 130px; right: 32px; text-align: center; color: #fff; font-size: 24px; line-height: 42px; letter-spacing: 2px; text-indent: 2px;}
.pop8-btn-page { width: 100%; font-size: 0; text-align: center;}
.pop8-btn-page a { display: inline-block; vertical-align: top; width: 85px; line-height: 32px; color: #070707; border: 1px solid #070707; font-size: 18px; border-radius: 32px; margin: 0 18px;}
.pop8-btn-page a:hover { color: #fff; background-color: #4375cd; border-color: #4375cd;}
.pop9 .pop-comm-tit { padding-top: 101px; height: 239px;}
.pop9-cont1 { width: 565px; height: auto; margin: 0 auto;}
.pop9-cont1 ul { width: 110%; font-size: 0; text-align: left;}
.pop9-cont1 li { display: inline-block; vertical-align: top; line-height: 56px; margin: 0 0 11px 0;}
.pop9-cont1 p { width: 140px; float: left; color: #fff; font-size: 26px; text-align: center;}
.pop9-cont1 input { float: right; width: 392px; height: 56px; margin-right: 24px; position: relative; outline: none; background-color: transparent; border: none; color: #000; font-size: 22px;}
.pop9-cont2 { width: 565px; margin: 0 auto; height: 566px; border: 1px solid #3b3b3b; position: relative;}
.pop9-cont2-scroll { width: 520px; margin: 0 auto 0 30px; height: 522px; overflow-y: auto; position: relative; top: 22px;}
.pop9-cont2-scroll p { width: 506px; color: #545453; font-size: 24px; line-height: 27px; word-break: break-all;}
.pop9-cont2-tips { width: 100%; position: absolute; left: 0; top: 358px;}
.pop9-cont2-tips p { margin: 0 auto; width: 60px; height: 20px; font-size: 14px; text-align: center; background-color: #ffe0e0; color: #fa5050;}
.pop10 { background: url(//game.gtimg.cn/images/lol/act/a20250626cocreation/m/pop-bg10.png) no-repeat 0 0; width: 709px; height: 511px; margin: -213px 0 0 -354.5px; padding: 0 15px;}
.pop10 .pop10-tit { padding-top: 85px; height: 184px;}
.pop10-tit h5 { width: 90%; margin: 0 auto; text-align: center; font-size: 36px; line-height: 53px; color: #1d2148; background-image: linear-gradient(to top right, #4856c9, #0a0a0f); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent;}
.pop10-cont { width: 100%; height: 204px;}
.pop10-cont ul { width: 100%; font-size: 0; text-align: center;}
.pop10-cont li { display: inline-block; vertical-align: top; margin: 0 29px; width: 122px; height: auto;}
.pop10-pic { position: relative; margin-bottom: 8px; padding-left: 4px; background: none;}
.pop10-pic img { display: block; width: 100%; height: 100%; margin: 0 auto;}
.pop10-name { width: 120%; margin-left: -10%;}
.pop10-name p { font-size: 20px; line-height: 26px; color: #223881;}
.pop10 .pop3-btn-box a { margin: 0 42px;}
.pop11 { width: 709px; height: 872px; position: fixed; left: 50%; top: 50%; display: none; margin: -515px 0 0 -339px;}
.pop11-main { display: block; position: relative; left: 0; top: 0; margin: 0; width: 100%; height: 100%; background: url(//game.gtimg.cn/images/lol/act/a20250626cocreation/m/pop11-bg.png); background-size: 100% 100%; padding: 94px 15px 0;}
.pop11-tit { width: 100%; height: 64px; line-height: 50px; font-weight: bold; text-align: center; font-size: 50px; position: relative; top: -8px;}
.pop11-tit h5 { color: #1a1e40;}
.pop11-sw { width: 628px; height: 354px; margin: 10px auto 0; overflow: hidden;}
.pop11-sw li { width: 100%; height: 354px;}
.pop11-sw li.swiper-slide-active { opacity: 1;}
.pop11-sw li img { display: block; width: 100%; height: 100%; object-fit: contain;}
.pop11-pagination { width: 100%; text-align: center; color: #e4f2f1; font-size: 24px; line-height: 40px; margin-top: 8px;}
.pop11-arrow { position: absolute; z-index: 9; width: 560px; height: 0; top: 374px; left: 50%; margin-left: -280px;}
.pop11-arrow a { display: block;}
.pop11-prev { float: left;}
.pop11-next { float: right;}
.pop11-info { width: 590px; height: 351px; position: absolute; left: 0; bottom: 0; padding-top: 77px;}
.pop1-info-ava { display: none; float: left; width: 76px; height: 76px; margin: 30px 16px 0 46px; position: relative;}
.pop1-info-ava img { border-radius: 50%; width: 76px; height: 76px; position: relative; z-index: 1;}
.pop11-border { background: url(//game.gtimg.cn/images/lol/act/a20250626cocreation/pop11-border.png) no-repeat 0 0; width: 76px; height: 77px; position: absolute; z-index: 2; left: 0; top: 0;}
.pop11-info-text1 { width: 296px; margin-left: 58px; height: 88px;}
.pop11-info-text1 p { width: 350px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.pop11-info-text1 p.p1 { line-height: 30px; color: #070707; font-size: 26px; font-weight: bold;}
.pop11-info-text1 p.p2 { line-height: 28px; color: #bc2655; font-size: 20px; margin-top: 7px;}
.pop11-info-text1 p.p2 em { display: block; float: left; margin-top: 5px; margin-right: 6px;}
.pop11-info-text2 { width: 566px; height: auto; overflow: hidden; margin-left: 58px;}
.pop11-info-text2 p { width: 49%; color: #909090; font-size: 22px; line-height: 30px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.pop11-info-text2 p.p1 { text-align: left; float: left;}
.pop11-info-text2 p.p2 { text-align: right; float: right;}
.pop11-info-text3 { width: 566px; margin-left: 58px; margin-top: 8px;}
.pop11-info-text3 p { color: #909090; font-size: 20px; line-height: 28px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; text-overflow: ellipsis; overflow: hidden;}
.pop11-btn { position: absolute; top: 88px; right: 57px; color: #fff; font-size: 24px; text-align: center; line-height: 42px; font-weight: bold;}

.pop4-comm-item.zix { z-index: 8;}
.comm-select { position: absolute; z-index: 2; left: 0; top: 0; width: 100%; padding-left: 149px; -webkit-box-sizing:border-box; box-sizing:border-box;}
.comm-select-text { width: 392px; height: 56px; font-size: 22px; position: relative; z-index: 4;}
.comm-select-text p { width: 100%; color: #000; text-align: left; cursor: pointer; font-size: 22px;}
.comm-select-text input { width: 100%; color: #000; text-align: left; margin: 0;}
.comm-select-text p span.sp1 { color: #969696;}
.comm-select-option { display: none; z-index: 1; background-color: #fff; border: 1px solid #000; border-top: none; position: absolute; width: 100%; height: auto; -webkit-box-sizing:border-box; box-sizing:border-box; position: absolute; left: 0; top: 34px; padding-top: 22px; padding-bottom: 1px;}
.comm-select-option ul { padding-top: 5px; padding-bottom: 5px; max-height: 190px; overflow-x: hidden; overflow-y: auto;}
.comm-select-option li { line-height: 36px; color: #070707; font-size: 20px; padding-left: 24px; cursor: pointer;}
.comm-select-option li span { color: #4371cc;}
.comm-select-option ul::-webkit-scrollbar { width: 12px; background-color: transparent;}
.comm-select-option ul::-webkit-scrollbar-thumb { background-color: #4371cc; border: none; border-radius: 5px;}
.comm-select-option ul::-webkit-scrollbar-track { background-color: transparent; border: none;}
.comm-select-option ul.notfind li { text-align: center; color: #969696;}
.comm-select-option ul.notfind li:hover { font-weight: normal;}
.comm-item-bg { position: absolute; left: 0; top: 0; pointer-events: none; z-index: 2;}
.pop4-comm-item p { position: relative; z-index: 4; pointer-events: none;}
.pop4-img-hov { cursor: pointer; position: absolute; z-index: 2; width: 100%; height: 100%; left: 0; top: 0; background-color: rgba(0,0,0,0.5);}
.pop4-img-hov em { background: url(//game.gtimg.cn/images/lol/act/a20250626cocreation/pop4-img-hov.png) no-repeat 0 0; background-size: 100% 100%; width: 46px; height: 46px; position: absolute; top: 50%; left: 50%; margin: -23px 0 0 -23px;}
.pop15 { width: 604px; height: 1092px; margin: -546px 0 0 -302px;}
.pop15-cont { width: 100%; height: 100%;}
.pop15-cont img { display: block; width: 100%; height: 100%; object-fit: contain;}

.photo-input-update-div{float: left;border: 1px solid #070707;border-radius: 16px;-webkit-box-sizing: border-box; width: 278px; height: 156px;overflow: hidden;}
.photo-input-btn{position: relative;display: inline-block;width: 100%;;height: 100%;;text-align: center;overflow: hidden; padding-top: 46px;}
.photo-input-icon{display: block;margin: 0 auto;}
.photo-input-span{ width: 100%; font-size: 20px; line-height: 40px; color: #4375cd; display: inline-block; vertical-align: middle;}

.hide-vote .mob-top-nav a.mob-nav3 { display: none;}
/*绑定大区弹窗居中*/
#milo-dialog.milo-dialog__wrapper .milo-dialog { position: absolute; top: 50%; left: 50%; margin: -177.5px 0 0 -150px; transform: scale(2);}