body,dl,dd,ul,ol,h1,h2,h3,h4,h5,h6,p,form,header,section,article,footer,input{margin:0; padding: 0;}
body,button,input,select,textarea{font:12px/1.5 tahoma,'\5FAE\8F6F\96C5\9ED1',sans-serif}
h1,h2,h3,h4,h5,h6{font-size:100%}
em,b{font-style:normal}
a{text-decoration:none}
a:hover{text-decoration:none}
ul,li{list-style: none}
img{border:0}
button,input,select,textarea{font-size:100%;outline:none;}
table{border-collapse:collapse;border-spacing:0}
td,th,ul,ol{padding:0}
/* reset end */
/* foot */
#afooter {
    position: relative;
    padding: 30px 0;
    text-align: center;
    font: normal 12px/19px Tahoma;
    z-index: 10;
    background-color: #000;
}
#afooter, #afooter a {
    color: #c0c0c0;
    text-decoration: none;
}

body { background-color: #000; padding-top: 0 !important;}
html, body { overflow: hidden; width: 100%; height: 100%;}
.wrapper{position:relative;*zoom:1;width: 100%; height: 100%; overflow: hidden; transition: all .3s; opacity: 0; z-index: 1; background-color: #000;}
.tab-box { width: 100%; height: 100%; position: relative; overflow: hidden;}
.slide-auto { height: auto !important;}

.mob-show { display: none !important;}
.part-main { width: 1400px; height: 780px; transform-origin: center center; position: absolute; top: 50%; left: 50%; margin: -370px 0 0 -700px;}
.page-scale { opacity: 0;}
a.spr:hover,a.pop-spr:hover {-webkit-filter: brightness(1.1); filter: brightness(1.1);}
a.spr.gray:hover,a.pop-spr.gray:hover {-webkit-filter: none; filter: none;}

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

.nav-bg1 {width:98px; height:36px; background-position: -833px -396px}
.nav-bg2 {width:212px; height:36px; background-position: -624px -321px}
.nav-bg3 {width:336px; height:36px; background-position: -365px -196px}
.nav-bg4 {width:336px; height:36px; background-position: -314px -380px}
.nav-bg5 {width:212px; height:36px; background-position: -624px -321px}
.nav-icon1 {width:7px; height:7px; background-position: -833px -471px}
.nav-icon2 {width:15px; height:28px; background-position: -977px -4px}
.part-bot-btn {width:168px; height:51px; background-position: -656px -676px}
.part1-btn1 {width:306px; height:68px; background-position: -4px -231px}
.part1-btn2 {width:306px; height:68px; background-position: -4px -375px}
.part1-btn2.gray {width:306px; height:68px; background-position: -4px -303px}
.part1-btn3 {width:306px; height:68px; background-position: -4px -447px}
.part1-em1 {width:108px; height:5px; background-position: -542px -710px}
.part1-em2 {width:108px; height:5px; background-position: -542px -719px}
.part1-time1-def {width:147px; height:121px; background-position: -826px -4px}
.part1-time1-hl {width:158px; height:141px; background-position: -493px -420px}
.part1-time2-def {width:174px; height:122px; background-position: -655px -361px}
.part1-time2-hl {width:175px; height:141px; background-position: -314px -420px}
.part1-time3-def {width:174px; height:122px; background-position: -655px -361px}
.part1-time3-hl {width:175px; height:141px; background-position: -314px -565px}
.part1-time4-def {width:147px; height:121px; background-position: -656px -551px}
.part1-time4-hl {width:159px; height:141px; background-position: -493px -565px}
.part1-tit {width:818px; height:92px; background-position: -4px -4px}
.part2-aft-add {width:172px; height:31px; background-position: -807px -599px}
.part2-aft-btn {width:224px; height:29px; background-position: -314px -710px}
.part2-aft-icon1 {width:9px; height:15px; background-position: -624px -361px}
.part2-aft-icon2 {width:10px; height:9px; background-position: -959px -291px}
.part2-aft-icon3 {width:9px; height:14px; background-position: -705px -196px}
.part2-aft-input {width:357px; height:31px; background-position: -4px -196px}
.part2-bef-icon1 {width:93px; height:3px; background-position: -807px -669px}
.part2-btn-receive {width:306px; height:68px; background-position: -4px -591px}
.part2-btn-receive.gray {width:306px; height:68px; background-position: -4px -519px}
.part2-btn-vote {width:306px; height:68px; background-position: -314px -236px}
.part2-btn-vote.gray {width:306px; height:68px; background-position: -4px -663px}
.part2-btn-vote1 {width:306px; height:68px; background-position: -314px -236px}
.part2-btn-vote1.gray {width:306px; height:68px; background-position: -4px -663px}
.part2-btn2 {width:306px; height:68px; background-position: -314px -308px}
.part2-btn3 {width:219px; height:60px; background-position: -773px -193px}
.part2-btn3.gray {width:219px; height:60px; background-position: -773px -129px}
.part2-btn4 {width:218px; height:60px; background-position: -655px -487px}
.part2-btn4.gray {width:218px; height:60px; background-position: -624px -257px}
.part2-em1 {width:91px; height:4px; background-position: -4px -735px}
.part2-em2 {width:91px; height:4px; background-position: -99px -735px}
.part2-tit {width:765px; height:92px; background-position: -4px -100px}
.part2-vote-hov {width:172px; height:44px; background-position: -807px -551px}
.part5-add {width:149px; height:31px; background-position: -840px -326px}
.part5-btn-rew {width:109px; height:31px; background-position: -833px -361px}
.part5-btn-rew.gray {width:109px; height:31px; background-position: -846px -291px}
.part5-btn-vote {width:140px; height:30px; background-position: -846px -257px}
.part5-icon1 {width:16px; height:16px; background-position: -773px -100px}
.part5-icon2 {width:9px; height:15px; background-position: -624px -361px}
.part5-icon3 {width:10px; height:9px; background-position: -959px -291px}
.part5-icon4 {width:8px; height:14px; background-position: -624px -236px}
.part5-task-btn1 {width:90px; height:31px; background-position: -833px -436px}
.part5-task-btn2 {width:90px; height:31px; background-position: -807px -634px}
.part5-task-btn3 {width:90px; height:31px; background-position: -901px -634px}

.side-nav { position: absolute; right: 25px; top: 50%; margin-top: -135px; z-index: 99; width: auto; transform-origin: right center;}
.side-nav ul { width: auto;}
.side-nav li { width: auto; cursor: pointer; position: relative; height: 90px; line-height: 90px; font-size: 0; text-align: right;}
.side-nav li p { display: inline-block; width: auto; text-align: right; white-space: nowrap; margin-right: 27px; color: #fff; font-size: 15px; position: relative; z-index: 3;}
.side-nav.color li p { color: #90b6f9;}
.side-nav li em,.side-nav li i { position: absolute; z-index: 2;}
.side-nav li i { width: 1px; height: 42px; background-color: #90b6f9; right: 3px; transition: all .3s;}
.side-nav li i.line1 { top: 0;}
.side-nav li i.line2 { bottom: 0;}
.side-nav li em { transition: all .3s; top: 50%;}
.side-nav li em.nav-bg { position: absolute; top: 50%; margin-top: -18px; right: 16px; opacity: 0;}
.side-nav li em.nav-icon1 { opacity: 1; right: 0; margin-top: -3.5px;}
.side-nav li em.nav-icon2 { opacity: 0; right: -5px; margin-top: -14px;}
.side-nav li:hover p { color: #fff; text-shadow: 0 4px 10px #9a3964; font-size: 19px;}
.side-nav li:hover em.nav-icon1 { opacity: 0;}
.side-nav li:hover em.nav-icon2 { opacity: 1;}
.side-nav li:hover em.nav-bg { opacity: 1;}
.side-nav li:hover i { height: 17px;}
.side-nav li.cur p { color: #fff; text-shadow: 0 4px 10px #9a3964; font-size: 19px;}
.side-nav li.cur em.nav-icon1 { opacity: 0;}
.side-nav li.cur em.nav-icon2 { opacity: 1;}
.side-nav li.cur em.nav-bg { opacity: 1;}
.side-nav li.cur i { height: 17px;}

.header { background: url(//game.gtimg.cn/images/lol/act/a20250626cocreation/bg1.jpg) no-repeat center bottom; background-size: cover;}
.header .logo-box { position: absolute; z-index: 9; left: 0; top: 12px; transform-origin: left top;}
.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;}
.header .logo1 { position: absolute; z-index: 9; left: 130px; top: 22px; background: url(//game.gtimg.cn/images/lol/act/a20250626cocreation/logo2.png) no-repeat 0 0; width: 135px; height: 124px;}
.head-tips1 { position: absolute; left: 68px; bottom: 68px; z-index: 2; background: url(//game.gtimg.cn/images/lol/act/a20250626cocreation/head-tips1.png) no-repeat 0 0; width: 50px; height: 83px; transform-origin: left bottom;}
.head-tips2 { position: absolute; right: 75px; bottom: 68px; z-index: 2; background: url(//game.gtimg.cn/images/lol/act/a20250626cocreation/head-tips2.png) no-repeat 0 0; width: 86px; height: 80px; transform-origin: right bottom;}
.login-box { width: 900px; height: auto; position: absolute; bottom: 336px; left: 50%; margin-left: -450px; font-weight: normal; color: #fff; font-size: 20px; line-height: 30px; text-align: center;}
.login-box a { color: #a2c8fb;}
.login-box a,.login-box span,.login-box strong{ display: inline-block;}
.login-box a:hover { color: #64a3f9;}

.part1,.part2,.part3,.part4,.part5 { background: url(//game.gtimg.cn/images/lol/act/a20250626cocreation/bg2.jpg) no-repeat center center; background-size: cover;}
.comm-logo-box { position: absolute; z-index: 9; left: 0; top: 12px; transform-origin: left top;}
.comm-logo { position: absolute; z-index: 9; left: 46px; top: 69px; background: url(//game.gtimg.cn/images/lol/act/a20250626cocreation/logo1.png) no-repeat 0 0; width: 104px; height: 31px;}
.comm-logo-box .logo1 { position: absolute; z-index: 9; left: 162px; top: 58px; background: url(//game.gtimg.cn/images/lol/act/a20250626cocreation/logo3.png) no-repeat 0 0; width: 71px; height: 57px;}
.comm-tips1 { position: absolute; left: 66px; bottom: 68px; z-index: 2; background: url(//game.gtimg.cn/images/lol/act/a20250626cocreation/comm-tips1.png) no-repeat 0 0; width: 66px; height: 625px; transform-origin: left bottom;}
.comm-tips2 { position: absolute; right: 54px; top: 69px; z-index: 2; background: url(//game.gtimg.cn/images/lol/act/a20250626cocreation/comm-tips2.png) no-repeat 0 0; width: 287px; height: 23px; transform-origin: right top;}
.comm-tit-box { width: 100%;}
.comm-tit { margin: 0 auto;}
.comm-tit-text { width: 1270px; margin: 0 auto; text-align: center; color: #545453; font-size: 17px; line-height: 27px;}
.part1 .comm-tit-box { padding-top: 0; margin-top: -6px;}
.part1 .comm-tit { margin-bottom: 12px;}
.part1 .comm-tit-text { height: 81px;}
.part1-top-box { width: 100%; height: 148px;}
.part1-top-box div { width: 595px; height: 110px; margin: 0 auto; display: none;}
.part1-top-box p { width: 100%; font-weight: bold; color: #2e3468; font-size: 20px; line-height: 30px; text-align: center;}
.part1-time-box { width: 100%; height: 166px;}
.part1-time-box ul { width: 100%; font-size: 0; text-align: center;}
.part1-time-box li { display: inline-block; vertical-align: top; width: 128px; height: 120px; margin: 0 51px; 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: 16px; line-height: 24px; color: #223881;}
.part1-time-box li p.p2 { font-size: 16px; 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: -9px; display: none;}
.part1-time-box li.li4 p.p1 { padding-top: 36px; margin-bottom: 4px;}
.part1-time1-def { left: 5px;}
.part1-time1-hl { left: -5px;}
.part1-time2-def { left: -22px;}
.part1-time2-hl { left: -22px;}
.part1-time3-def { left: -22px;}
.part1-time3-hl { left: -22px;}
.part1-time4-def { left: -22px;}
.part1-time4-hl { left: -22px;}
.part1-time-box li i { position: absolute; background-color: #8bc7fc; right: -52px; top: 55px; width: 10px; height: 10px; 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: 1193px; margin: 0 auto; height: auto; overflow: hidden;}
.part1-reward { float: left; width: 570px; height: 367px; background: url(//game.gtimg.cn/images/lol/act/a20250626cocreation/part1-reward.png) no-repeat 0 0;}
.part1-rater { float: right; width: 570px; height: 367px; background: url(//game.gtimg.cn/images/lol/act/a20250626cocreation/part1-rater.png) no-repeat 0 0;}
.part1-comm-tit { width: 100%; height: 88px;}
.part1-comm-tit p { width: 100%; font-size: 0; text-align: center; line-height: 40px; padding-top: 27px;}
.part1-comm-tit p span,.part1-comm-tit p em { display: inline-block; vertical-align: middle; margin: 0 15px; color: #252c61; font-size: 29px; 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: 156px; height: 170px; position: relative;}
.part1-reward li:before { content: ""; width: 4px; height: 119px; background: url(//game.gtimg.cn/images/lol/act/a20250626cocreation/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: 24px auto 0; color: #223881; font-size: 15px; line-height: 20px;}
.part1-rater ul { width: 100%; font-size: 0; text-align: center; position: relative; top: -34px;}
.part1-rater li { display: inline-block; vertical-align: top; width: 120px; height: 120px;}
.part1-rater li img { display: block; width: auto; height: 86px; margin: 0 auto;}
.part1-rater li p { width: 90%; margin: 2px auto 0; color: #223881; font-size: 15px; line-height: 20px;}
.part1-bot { width: 100%; text-align: center; margin-top: 21px; 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: 496px; height: 222px; overflow-y: auto; margin-left: 52px;}
.part1-text-box h6 { width: 404px; margin-top: 12px; 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: 466px; color: #3d3d3b; font-size: 15px; line-height: 27px;}
.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 .comm-tit-box { margin-top: -30px;}
.part2 .part2-tit { background: url(//game.gtimg.cn/images/lol/act/a20250626cocreation/part2-tit.png) no-repeat 0 0; width: 371px; height: 92px;}
.part2-tab-box { width: 100%; height: 100%;}
.part2-tab-box1 .comm-tit { margin-bottom: 50px;}
.part2-item { width: 100%; height: auto;}
.part2-item1-left { float: left; width: 829px; height: auto; padding-top: 4px;}
.part2-item1-left ul { height: 549px;}
.vote-box ul { width: 100%; font-size: 0; text-align: center;}
.vote-box li { display: inline-block; vertical-align: top; margin: 0 13px; position: relative; width: 125px; height: 262px;}
.vote-pic { width: 121px; height: 219px; margin: 0 auto; position: relative; top: 2px; 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/vote-layer.png) no-repeat center bottom; background-size: 100% auto; width: 100%; height: 180px; 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/part2-border1.png) no-repeat 0 0; width: 125px; height: 228px; left: 0; top: -4px;}
.vote-info { position: absolute; z-index: 4; left: 0; top: 149px; padding-top: 23px; width: 100%;}
.vote-info p { color: #e4f2f1; font-size: 13px; line-height: 23px; width: 100%; text-align: center;}
.vote-info p.p1 { position: absolute; left: 0; bottom: 23px;}
.vote-info p.p2 { font-weight: bold; font-size: 15px;}
.vote-info em { position: absolute; left: 50%; top: 50%; margin: -1.5px 0 0 -46.5px;}
.vote-sort { position: absolute; z-index: 8; width: 100%; line-height: 18px; left: 0; top: 205px; color: #e4f2f1; font-size: 14px; text-shadow: 0 2px 4px #2d559b;}
.num1 .vote-border,.num2 .vote-border,.num3 .vote-border { background: url(//game.gtimg.cn/images/lol/act/a20250626cocreation/part2-border2.png) no-repeat 0 0; width: 125px; height: 238px; top: -14px;}
.num1 .vote-sort { font-weight: bold; color: #fff7be; text-shadow: 0 2px 4px #3962ab;}
.num2 .vote-sort { font-weight: bold; color: #b1fff5; text-shadow: 0 2px 4px #3a63ad;}
.num3 .vote-sort { font-weight: bold; color: #fdce5d; text-shadow: 0 2px 4px #3962ab;}
.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 8px; width: 306px; height: 68px; position: relative; margin: 0 auto;}
.part2-prop-tips { position: absolute; width: 52px; height: 52px; z-index: 4; top: -18px; right: -2px; background: url(//game.gtimg.cn/images/lol/act/a20250626cocreation/part2-prop-tips.png) no-repeat 0 0;}
.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.gray { pointer-events: none;}
.part2-left-btn p.p1 { color: #4375cd; font-size: 14px; line-height: 28px; width: 100%; text-align: center;}
.part2-item1-right { float: right; background: url(//game.gtimg.cn/images/lol/act/a20250626cocreation/part2-item1-right.png) no-repeat 0 0; width: 490px; height: 616px; position: relative;}
.part2-item1-right .part1-comm-tit { width: 130%; margin-left: -15%; height: auto;}
.part2-item1-right .part1-comm-tit p { line-height: 30px;}
.part2-item1-right .part1-comm-tit p span { font-size: 18px; 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: 219px;}
.part2-item1-box1 .part1-comm-tit p { padding-top: 38px;}
.part2-item1-box2 { width: 100%; height: auto;}
.part2-item1-box2 .part1-comm-tit p { padding-top: 0;}
.part2-item1-box2-btn { margin: 202px auto 0; width: 100%; text-align: center;}
.part2-item1-box2-btn p { color: #4375cd; font-size: 15px; line-height: 20px; margin-bottom: 21px;}
.part2-item1-bf { width: 100%; font-size: 0; text-align: center; position: relative;}
.part2-item1-bf1 { top: 10px;}
.part2-item1-bf a { display: inline-block; vertical-align: top; margin: 0 7px;}
.part2-item1-bf a.part2-btn-works { color: #223881; font-size: 16px; line-height: 20px; border-bottom: 1px solid #223881; margin-top: 12px;}

.part3 .comm-tit-box { padding-top: 0; margin-top: -16px;}
.part3 .comm-tit { margin-bottom: 12px;}
.part3 .comm-tit-text { height: 52px;}
.part3-pic { width: 1024px; height: 577px; 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: 22px; 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-box { padding-top: 12px;}
.part4 .comm-tit { margin-bottom: 28px;}
.part4-item1,.part4-item2 { width: 1282px; margin: 0 auto;}
.part4 h6 { position: relative; line-height: 31px; padding-left: 12px; width: 500px; color: #4375cd; font-size: 23px;}
.part4 h6:before { content: ""; width: 4px; height: 21px; background-color: #4375cd; border-radius: 2px; position: absolute; left: 0; top: 5px;}
.part4-item1 h6 { margin-bottom: 14px;}
.part4-item1-box { width: 100%; height: auto; margin-bottom: 20px;}
.part4-item1-box p { color: #3d3d3b; font-size: 17px; line-height: 25px; text-indent: 2em;}
.part4-item2 h6 { margin-bottom: 24px;}
.part4-item2-top { width: 100%; height: 42px;}
.part4-item2-top ul { font-size: 0; text-align: left;}
.part4-item2-top li { display: inline-block; vertical-align: top; line-height: 31px; margin: 0 16px 10px 0;}
.part4-item2-top p { width: 86px; float: left; color: #fff; font-size: 15px; text-align: center;}
.part4-item2-top input { float: right; width: 200px; height: 31px; margin-right: 12px; position: relative; outline: none; background-color: transparent; border: none; color: #000; font-size: 15px;}
.part4-item2-box { width: 100%; height: auto; position: relative; border: 1px solid #3b3b3b; padding-bottom: 20px; background-color: #fff;}
.part4-item2-box textarea { border-radius: 6px; width: 100%; height: 172px; background-color: transparent; border: none; resize: none; outline: none; padding: 10px; -webkit-box-sizing:border-box; box-sizing:border-box; color: #000; font-size: 18px; line-height: 26px;}
.part4-item2-box p { position: absolute; bottom: 0; right: 12px; line-height: 30px; color: #969696; font-size: 15px;}
.part4-item2-tips { width: 100%; font-size: 0; height: 36px; margin-top: 14px; text-align: center; line-height: 22px;}
.part4-item2-tips em,.part4-item2-tips p { display: inline-block; vertical-align: top; color: #1e1e1e; font-size: 12px; line-height: 22px; margin: 0 3px;}
.part4-item2-tips em { cursor: pointer; margin-top: 5px;}
.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-tips p a:hover { color: #b91145;}
.part4-item2-item { width: 100%; height: auto; font-size: 0; text-align: center;}
.part4-item2-item a { display: inline-block; vertical-align: top; margin: 0 50px;}

.part5 .comm-tit-box { padding-top: 12px;}
.part2-tab-box2 .comm-tit { margin-bottom: 12px;}
.part5-item { width: 100%; height: auto; position: relative; padding-top: 52px;}
.part5-item-login { position: absolute; top: 0; left: 50%; margin-left: -566.5px; width: 1133px; text-align: right; font-size: 16px; color: #000; line-height: 52px;}
.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-item-login a:hover { color: #000;}
.part5-top { width: 1133px; height: 50px; margin: 0 auto; font-size: 0; text-align: right; position: relative; z-index: 4;}
.part5-top-item { display: inline-block; vertical-align: top; position: relative;}
.part5-top-item1 { width: 474px; height: 31px; line-height: 31px; background: url(//game.gtimg.cn/images/lol/act/a20250626cocreation/part5-top-item1.png) no-repeat 0 0;}
.part5-top-item1 select { resize: none; appearance:none; -moz-appearance:none; -webkit-appearance:none; float: left; outline: none; width: 165px; height: 31px; background: transparent; border: none; color: #969696; font-size: 15px; padding-left: 10px; line-height: 31px;}
.part5-top-item1 input { float: left; outline: none; background: transparent; border: none; margin-left: 16px; width: 255px; height: 31px; line-height: 31px; color: #969696; font-size: 15px;}
.part5-top-item1 a { display: block; float: left; width: 35px; height: 31px;;}
.part5-top-item2 { width: auto; width: 149px; height: 31px; margin-left: 14px;}
.part5-top-item2 a.part5-add { display: block;}
.part5-top-item2 a.part5-add span { display: block; width: 120px; line-height: 31px; color: #fff; font-size: 16px; 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: 481px; height: 177px; background: url(//game.gtimg.cn/images/lol/act/a20250626cocreation/part5-top-item2-hover.png?v=0702) no-repeat left bottom; top: 56px; right: -44px; z-index: 6; pointer-events: none;}
.part5-top-item2:hover .part5-top-item2-hover { opacity: 1; top: 31px; pointer-events: all;}
.part5-top-item2-hover ul { padding: 18px 0 0 26px;}
.part5-top-item2-hover li { width: 430px; height: 49px; line-height: 49px; font-size: 0; text-align: left; position: relative;}
.part5-top-item2-hover li p { display: inline-block; vertical-align: middle; color: #fff; font-size: 15px; line-height: 20px;}
.part5-top-item2-hover li p.p1 { width: 242px; 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: 13px; position: relative;}
.part5-top-item2-hover li p.p2 em { position: absolute; left: 0; top: 50%; margin-top: -7px;}
.part5-top-item2-hover li a.spr { display: block; font-weight: bold; position: absolute; right: 0; top: 50%; margin-top: -15.5px; font-size: 16px; line-height: 31px; 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: -7px; width: 12px; height: 12px; border: 1px solid #fff;}
.part5-top-item2-hover li .gx i { position: absolute; top: 50%; left: 50%; margin: -4.5px 0 0 -5px; display: none;}
.part5-top-item2-hover li .gx.cur i { display: block;}
.part5-top-item3 { width: auto; margin-left: 14px;}
.part5-top-item3 a.part5-btn-rew { display: block; color: #d45831; font-size: 16px; text-align: center; line-height: 31px; font-weight: bold;}
.part5-top-item3 a.part5-btn-rew.gray { color: #7a7a7a;}
.part5-top-item4 { width: 149px; height: 31px; margin-left: 14px;}
.part5-top-item4 a { display: block; background: url(//game.gtimg.cn/images/lol/act/a20250626cocreation/part5-btn-num.png) no-repeat 0 0; width: 149px; height: 31px; line-height: 31px; color: #fff; font-size: 16px; text-align: center;}
.part5-top-item4 a:hover {-webkit-filter: brightness(1.1); filter: brightness(1.1);}
.part5-cont { width: 1133px; height: 606px; margin: 0 auto; position: relative; z-index: 1;}
.part5-cont ul { width: 110%; font-size: 0; text-align: left;}
.part5-cont li { display: inline-block; vertical-align: top; width: 263px; height: 280px; margin: 0 26px 13px 0; position: relative; background-color: #fff;}
.part5-li-pic { width: 263px; height: 148px; 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/part5-li-border-v0716.png) no-repeat 0 0; width: 100%; height: 100%;}
.part5-li-info { width: 100%; height: 84px; text-align: left; position: relative; margin-top: 4px;}
.part5-li-info p { margin-left: 20px;}
.part5-li-info p.p1 { width: 225px; line-height: 28px; height: 28px; color: #070707; font-size: 18px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; font-weight: bold;}
.part5-li-info p.p2 { width: 228px; color: #545453; font-size: 14px; line-height: 24px; margin-top: 2px;  white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.part5-li-info p.p3 { color: #bc2655; font-size: 14px; line-height: 24px; text-align: left;}
.part5-li-info p.p3 em { display: block; float: left; margin-top: 5px; margin-right: 4px;}
.part5-li-btn { width: 100%;}
.part5-li-btn a { display: block; font-weight: bold; margin: 0 auto; text-align: center; color: #fff; font-size: 16px; line-height: 30px; letter-spacing: 2px; text-indent: 2px; background: url(//game.gtimg.cn/images/lol/act/a20250626cocreation/part5-btn-vote-v0716.png) no-repeat 0 0; width: 225px; height: 30px;}
.part5-btn-page { width: 100%; font-size: 0; text-align: center;}
.part5-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 15px;}
.part5-btn-page span { display: inline-block; vertical-align: top; font-size: 18px; color: #070707; padding: 0 6px;}
.part5-btn-page a.num { border-radius: 6px; width: auto; min-width: 12px; padding: 0 10px;}
.part5-btn-page a.cur { color: #fff; background-color: #4375cd; border-color: #4375cd;}
.part5-btn-page a:hover { color: #fff; background-color: #4375cd; border-color: #4375cd;}
.part5-not { display: none; position: absolute; width: 100%; text-align: center; font-size: 40px; line-height: 60px; left: 0; top: 200px; font-weight: bold; color: #000;}
/*pop S*/
.pop-spr { background-repeat: no-repeat;background-image:url(//game.gtimg.cn/images/lol/act/a20250626cocreation/pop-spr-v1.png?v=0709);}

.pop-close {width:34px; height:34px; background-position: -246px -331px}
.pop-comm-btn1 {width:175px; height:43px; background-position: -132px -166px}
.pop-comm-btn2 {width:175px; height:43px; background-position: -287px -95px}
.pop1-tit {width:153px; height:55px; background-position: -311px -142px}
.pop10-pic {width:107px; height:98px; background-position: -132px -4px}
.pop11-btn {width:110px; height:35px; background-position: -132px -331px}
.pop11-icon1 {width:10px; height:16px; background-position: -447px -419px}
.pop11-next {width:26px; height:37px; background-position: -428px -378px}
.pop11-prev {width:26px; height:37px; background-position: -441px -319px}
.pop13-tit {width:224px; height:54px; background-position: -243px -4px}
.pop2-btn-vote {width:110px; height:29px; background-position: -314px -411px}
.pop2-btn-vote.gray {width:110px; height:29px; background-position: -314px -378px}
.pop2-input {width:261px; height:31px; background-position: -4px -450px}
.pop2-tit {width:152px; height:55px; background-position: -311px -201px}
.pop4-btn1 {width:201px; height:33px; background-position: -269px -450px}
.pop4-comm-item {width:306px; height:31px; background-position: -4px -380px}
.pop4-comm-item1 {width:306px; height:31px; background-position: -4px -415px}
.pop4-icon1 {width:17px; height:13px; background-position: -441px -360px}
.pop4-icon2 {width:20px; height:20px; background-position: -287px -142px}
.pop4-icon3 {width:15px; height:15px; background-position: -288px -235px}
.pop4-icon4 {width:15px; height:13px; background-position: -428px -419px}
.pop4-icon5 {width:10px; height:10px; background-position: -428px -436px}
.pop4-icon6 {width:12px; height:12px; background-position: -458px -377px}
.pop4-icon7 {width:12px; height:12px; background-position: -458px -393px}
.pop4-img-close {width:16px; height:18px; background-position: -288px -213px}
.pop4-tit {width:152px; height:55px; background-position: -132px -213px}
.pop5-tit {width:151px; height:56px; background-position: -132px -106px}
.pop5-tit-1 {width:151px; height:55px; background-position: -288px -260px}
.pop7-border {width:124px; height:372px; background-position: -4px -4px}
.pop7-btn {width:100px; height:29px; background-position: -370px -62px}
.pop7-tit {width:150px; height:55px; background-position: -287px -319px}
.pop8-btn {width:123px; height:29px; background-position: -243px -62px}
.pop8-tit {width:151px; height:55px; background-position: -132px -272px}
.pop9-input-box {width:306px; height:31px; background-position: -4px -380px}



.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; }
.pop1 { background: url(//game.gtimg.cn/images/lol/act/a20250626cocreation/pop-bg1.png) no-repeat 0 0; width: 793px; height: 685px; margin: -321px 0 0 -396px;}
.pop1-1 { background: url(//game.gtimg.cn/images/lol/act/a20250626cocreation/pop-bg10.png) no-repeat 0 0; width: 793px; height: 405px; margin: -202px 0 0 -396px;}
.pop1-1 .pop1-scroll { height: 244px;}
.pop13 { background: url(//game.gtimg.cn/images/lol/act/a20250626cocreation/pop-bg3.png) no-repeat 0 0; width: 793px; height: 345px; margin: -151px 0 0 -396px;}
.pop13 .pop1-scroll { height: 244px;}
.pop-close { position: absolute; right: -50px; top: -12px; 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: 64px; height: 151px;}
.pop1-scroll { width: 670px; height: 464px; overflow: auto; margin-left: 64px;}
.pop1-scroll::-webkit-scrollbar { width: 4px; 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: 642px; position: relative; line-height: 31px; padding-left: 12px; color: #4375cd; font-size: 20px; margin-bottom: 4px; margin-top: 20px;}
.pop1-scroll h6:nth-child(1) { margin-top: 0;}
.pop1-scroll h6:before { content: ""; width: 4px; height: 21px; background-color: #4375cd; border-radius: 2px; position: absolute; left: 0; top: 5px;}
.pop1-scroll p { width: 642px; color: #3d3d3b; font-size: 15px; line-height: 25px;}
.pop1-scroll p.ti { text-indent: 2em;}
.pop1-scroll p.tit { font-weight: bold;}
.pop1-scroll img { display: block; width: 642px; height: auto;}

.pop2 { background: url(//game.gtimg.cn/images/lol/act/a20250626cocreation/pop-bg2.png) no-repeat 0 0; width: 1283px; height: 685px; margin: -321px 0 0 -641px;}
.pop2 .pop-comm-tit { padding-top: 64px; height: 158px;}
.pop2-top { width: 1135px; height: 52px; margin-left: 60px;}
.pop2-input { float: left; margin-right: 22px;}
.pop2-input input { width: 207px; display: block; outline: none; background-color: transparent; border: none; margin-left: 16px; height: 31px; line-height: 31px; color: #000; font-size: 15px; float: left;}
.pop2-input a { display: block; float: left; width: 35px; height: 100%;}
.pop2-tab-box1 { float: left; text-align: left;}
.pop2-tab-box2 { float: right; text-align: right;}
.pop2-tab-box { font-size: 0;}
.pop2-tab-box a { display: inline-block; vertical-align: top; text-align: center; width: auto; height: 28px; line-height: 28px; padding: 0 14px; border: 1px solid #070707; color: #070707; font-size: 15px; margin-left: -1px;}
.pop2-tab-box a:hover { background: url(//game.gtimg.cn/images/lol/act/a20250626cocreation/pop2-hov.png) no-repeat 0 0; background-size: 100% 100%; color: #fff;}
.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: 1164px; height: 424px; overflow-y: auto; margin-left: 60px;}
.pop2-scroll::-webkit-scrollbar { width: 4px; 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: 128px; height: 292px; margin-right: 16px; text-align: center;}
.pop2-scroll .vote-pic { width: 128px; height: 231px; 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/vote-layer.png) no-repeat center bottom; background-size: 100% auto; width: 100%; height: 180px; 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/pop2-border1.png) no-repeat 0 0; width: 100%; height: 231px; left: 0; top: 0;}
.pop2-scroll .vote-info { position: absolute; z-index: 4; left: 0; top: 172px; padding-top: 23px; width: 100%;}
.pop2-scroll .vote-info p { color: #e4f2f1; font-size: 13px; line-height: 23px; width: 100%; text-align: center;}
.pop2-scroll .vote-info p.p1 { position: absolute; left: 0; bottom: 23px;}
.pop2-scroll .vote-info p.p2 { font-weight: bold; font-size: 15px;}
.pop2-scroll .vote-info em { position: absolute; left: 50%; top: 50%; margin: -1.5px 0 0 -46.5px;}
.pop2-scroll .vote-sort { position: absolute; z-index: 8; width: 100%; line-height: 17px; left: 0; top: 0; color: #f6feff; font-size: 14px; text-shadow: none;}
.pop2-btn-vote { display: block; margin: 8px auto 0; color: #ffffff; font-size: 16px; font-weight: bold; line-height: 29px;}
.pop2-btn-vote.gray { text-shadow: 0 2px 4px #838383;}
.pop3 { background: url(//game.gtimg.cn/images/lol/act/a20250626cocreation/pop-bg3.png) no-repeat 0 0; width: 793px; height: 345px; margin: -151px 0 0 -396px;}
.pop3-cont { width: 90%; position: relative; padding-top: 65px; line-height: 144px; margin: 0 auto 14px;}
.pop3-cont p { width: 100%; display: inline-block; vertical-align: middle; color: #070707; font-size: 27px; line-height: 38px; 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 62px; font-size: 21px; line-height: 43px; 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: 123px; height: 160px; background: url(//game.gtimg.cn/images/lol/act/a20250626cocreation/icon-succ.png) no-repeat 0 0; position: absolute; z-index: -1; pointer-events: none; left: 50%; top: 50%; margin: -80px 0 0 -61px;}
.tips-succ-box.show { z-index: 999; opacity: 1;}
.tips-succ p { color: #fff; font-size: 17px; line-height: 26px; padding-top: 117px; width: 100%; text-align: center;}
.pop4 { background: url(//game.gtimg.cn/images/lol/act/a20250626cocreation/pop-bg4.png) no-repeat 0 0; width: 793px; height: 685px; margin: -321px 0 0 -396px;}
.pop4 .pop-comm-tit { padding-top: 60px; height: 144px;}
.pop4-cont { width: 630px; margin: 0 auto; height: auto;}
.pop4-item1 { width: 110%; height: auto; text-align: left; font-size: 0;}
.pop4-comm-item { display: inline-block; vertical-align: top; line-height: 31px; margin: 0 16px 8px 0; position: relative;}
.pop4-comm-item p { width: 86px; float: left; color: #fff; font-size: 15px; text-align: center;}
.pop4-comm-item input { float: right; width: 200px; height: 31px; margin-right: 12px; position: relative; outline: none; background-color: transparent; border: none; color: #000; font-size: 15px;}
.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: 200px; height: 31px; margin-right: 12px; position: relative; outline: none; border: none; background-color: transparent; color: #969696; font-size: 15px;}
.pop4-item2 { width: 100%; margin-bottom: 10px; position: relative;}
.pop4-item2 textarea { width: 100%; height: 78px; 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: 15px; line-height: 22px; border-radius: 16px;}
.pop4-item2 p { position: absolute; top: 52px; right: 12px; line-height: 23px; color: #969696; font-size: 15px;}
.pop4-item3 { width: 100%; height: 95px;}
.pop4-item3 li { float: left; width: 157px; height: 88px; margin-right: 11px; 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;}
.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: 25px;}
.pop4-item3 li .update em { display: block; margin: 0 auto;}
.pop4-item3 li .update span { width: 100%; font-size: 12px; line-height: 25px; color: #4375cd; display: inline-block; vertical-align: middle;}
.pop4-item4 { width: 100%; height: 47px; line-height: 27px; color: #bc2655; font-size: 0;}
.pop4-item4 em,.pop4-item4 p { display: inline-block; vertical-align: middle; font-size: 14px; margin-right: 4px;}
.pop4-item5 { width: 100%; 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;}
.pop4-item7 { width: 100%; height: auto;}
.pop4-item7 div { width: 100%; font-size: 0; text-align: center; height: auto; line-height: 23px; margin-bottom: 9px;}
.pop4-item7 em,.pop4-item7 p { display: inline-block; vertical-align: middle; color: #1e1e1e; font-size: 12px; margin: 0 3px;}
.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 p a:hover { color: #b91145;}
.pop4-item7 a.pop4-btn1 { text-align: center; font-weight: bold; display: block; margin: 0 auto; color: #fff; font-size: 19px; line-height: 33px; letter-spacing: 2px; text-indent: 2px;}
.pop6-tit { padding-top: 66px;}
.pop6-tit h6 { color: #070707; font-size: 33px; line-height: 48px; font-weight: bold; text-align: center; letter-spacing: 2px; text-indent: 2px;}
.pop6 .pop3-cont { padding-top: 0; line-height: 108px; margin-bottom: 36px;}
.pop6 .pop3-cont p { font-size: 20px;}
.pop7 { background: url(//game.gtimg.cn/images/lol/act/a20250626cocreation/pop-bg7.png) no-repeat 0 0; width: 793px; height: 685px; margin: -321px 0 0 -396px;}
.pop7 .pop-comm-tit { padding-top: 76px; height: 178px;}
.pop7-cont { width: 90%; margin: 0 auto; height: 484px; overflow-y: auto;}
.comm-scroll::-webkit-scrollbar { width: 4px; 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; padding-top: 20px;}
.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: 587px; height: 324px; position: relative; z-index: 1; margin: 0 0 40px;}
.pop7-pic { width: 587px; 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/pop7-border-v0716.png) no-repeat 0 0; background-size: 100% 100%; width: 587px; height: 324px;}
.pop7-info { width: 324px; height: auto; text-align: left; position: absolute; z-index: 6; left: 36px; top: 228px;}
.pop7-info p.p1 { width: 100%; line-height: 50px; height: 50px; color: #fff; font-size: 30px; 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: 14px; line-height: 16px;}
.pop7-btn-box { width: 100%; position: absolute; z-index: 7; right: 37px; top: 261px;}
.pop7-btn-box a { background: url(//game.gtimg.cn/images/lol/act/a20250626cocreation/pop7-btn.png) no-repeat 0 0; background-size: 100% 100%; width: 101px; height: 29px; display: block; font-weight: bold; margin: 0 0 0 auto; text-align: center; color: #2c2f76; font-size: 16px; line-height: 29px; 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/pop-bg7.png) no-repeat 0 0; width: 793px; height: 685px; margin: -321px 0 0 -396px;}
.pop8 .pop-comm-tit { padding-top: 64px; height: 148px;}
.pop8-cont { width: 670px; margin: 0 auto; height: 484px; overflow: auto;}
.pop8-cont ul { width: 630px; margin-left: 10px;}
.pop8-cont li { width: 100%; border-radius: 8px; height: 131px; border: 1px solid #3b3b3b; position: relative; margin-bottom: 18px;}
.pop8-cont li p { margin-left: 29px;}
.pop8-cont li p.p1 { padding-top: 20px; width: 416px; height: 66px; color: #545453; font-size: 17px; line-height: 22px; 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: 14px; line-height: 20px;}
.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: 77px; right: 31px; text-align: center; color: #fff; font-size: 17px; line-height: 28px; 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: 78px; height: 164px;}
.pop9-cont1 { width: 628px; height: 48px; 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: 31px; margin: 0 16px 10px 0;}
.pop9-cont1 p { width: 86px; float: left; color: #fff; font-size: 15px; text-align: center;}
.pop9-cont1 input { float: right; width: 200px; height: 31px; margin-right: 12px; position: relative; outline: none; background-color: transparent; border: none; color: #000; font-size: 15px;}
.pop9-cont2 { width: 626px; margin: 0 auto; height: 398px; border: 1px solid #3b3b3b; position: relative;}
.pop9-cont2-scroll { width: 594px; margin: 0 auto 0 21px; height: 380px; overflow-y: auto; position: relative; top: 10px;}
.pop9-cont2-scroll p { width: 584px; color: #545453; font-size: 17px; 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/pop-bg10.png) no-repeat 0 0; width: 793px; height: 405px; margin: -202px 0 0 -396px;}
.pop10 .pop10-tit { padding-top: 70px; height: 76px;}
.pop10-tit h5 { width: 90%; margin: 0 auto; text-align: center; font-size: 32px; line-height: 32px; 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: 165px;}
.pop10-cont ul { width: 100%; font-size: 0; text-align: center;}
.pop10-cont li { display: inline-block; vertical-align: top; margin: 0 33px; width: 107px; height: auto;}
.pop10-pic { position: relative; margin-bottom: 8px; background: none;}
.pop10-pic img { display: block; width: 100%; height: 100%; margin: 0 auto;}
.pop10-name { width: 120%; margin-left: -10%;}
.pop10-name p { line-height: 20px; font-size: 15px; color: #223881;}
.pop10 .pop3-btn-box a { margin: 0 43px;}
.pop11 { width: 100%; height: 100%; left: 0; top: 0; position: fixed; display: none;}
.pop11 .pop-close { position: absolute; right: 16px; top: 60px;}
.pop11-main { display: block; width: 1268px; height: 760px; margin: -359px 0 0 -634px; background: url(//game.gtimg.cn/images/lol/act/a20250626cocreation/pop11-bg.png);}
.pop11-tit { width: 100%; height: 66px; line-height: 34px; font-weight: bold; text-align: center; font-size: 34px; padding-top: 48px;}
.pop11-tit h5 { color: #1a1e40;}
.pop11-sw { width: 846px; height: 476px; margin: 0 auto; overflow: hidden;}
.pop11-sw li { width: 846px; height: 476px;}
.pop11-sw li.swiper-slide-active { opacity: 1;}
.pop11-sw li.swiper-slide-active,.pop11-sw li.swiper-slide-next,.pop11-sw li.swiper-slide-prev { visibility: visible;}
.pop11-sw li img { display: block; width: 100%; height: 100%; object-fit: contain;}
.pop11-pagination { width: 100%; text-align: center; color: #e4f2f1; font-size: 15px; line-height: 42px;}
.pop11-arrow { position: absolute; z-index: 9; width: 478px; height: 0; top: 280px; left: 50%; margin-left: -239px;}
.pop11-arrow a { display: block;}
.pop11-prev { float: left;}
.pop11-next { float: right;}
.pop11-info { width: 1268px; height: 133px; position: absolute; left: 0; bottom: 0;}
.pop1-info-ava { 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 { float: left; width: 274px; margin-top: 8px; margin-left: 46px;}
.pop11-info-text1 p { width: 254px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.pop11-info-text1 p.p1 { padding-top: 30px; line-height: 30px; color: #070707; font-size: 20px; font-weight: bold;}
.pop11-info-text1 p.p2 { line-height: 36px; color: #bc2655; font-size: 16px;}
.pop11-info-text1 p.p2 em { display: block; float: left; margin-top: 10px; margin-right: 4px;}
.pop11-info-text2 { float: left; width: 234px; margin-top: 8px;}
.pop11-info-text2 p { width: 214px; color: #909090; font-size: 15px; line-height: 20px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.pop11-info-text2 p.p1 { padding-top: 28px; padding-bottom: 30px;}
.pop11-info-text3 { float: left; width: 500px; margin-top: 34px;}
.pop11-info-text3 p { color: #909090; font-size: 15px; line-height: 25px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; text-overflow: ellipsis; overflow: hidden;}
.pop11-btn { position: absolute; bottom: 46px; right: 50px; color: #fff; font-size: 16px; text-align: center; line-height: 35px; 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: 94px; -webkit-box-sizing:border-box; box-sizing:border-box;}
.comm-select-text { width: 200px; height: 31px; font-size: 15px; position: relative; z-index: 4;}
.comm-select-text p { width: 100%; color: #000; text-align: left; cursor: pointer; font-size: 15px;}
.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: 20px; padding-top: 11px; padding-bottom: 1px;}
.comm-select-option ul { padding-top: 6px; padding-bottom: 4px; max-height: 189px; overflow-x: hidden; overflow-y: auto;}
.comm-select-option li { line-height: 28px; color: #070707; font-size: 15px; padding-left: 18px; cursor: pointer;}
.comm-select-option li span { color: #4371cc;}
.comm-select-option li:hover { font-weight: bold;}
.comm-select-option ul::-webkit-scrollbar { width: 10px; 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; width: 27px; height: 27px; position: absolute; top: 50%; left: 50%; margin: -13.5px 0 0 -13.5px;}
.pop15 { width: 1080px; height: 720px; margin: -340px 0 0 -540px;}
.pop15-cont { width: auto; max-width: 1080px; height: 100%; margin: 0 auto;}
.pop15-cont img { display: block; width: 100%; height: 100%; object-fit: contain;}

.photo-input-update-div{float: left;border: 1px solid #070707;border-radius: 6px;-webkit-box-sizing: border-box;width: 157px;height: 88px;overflow: hidden;}
.photo-input-btn{position: relative;display: inline-block;width: 157px;height: 88px;text-align: center;overflow: hidden; cursor: pointer;}
.photo-input-update-div input { cursor: pointer;}
.photo-input-icon{display: block;margin: 0 auto;margin-top: 25px;}
.photo-input-span{width: 100%;font-size: 12px;line-height: 25px;color: #4375cd;display: inline-block;vertical-align: middle;}

.hide-vote .side-nav { margin-top: -90px;}
.hide-vote .side-nav li.side-li2 .line2 { display: none;}
.hide-vote .side-nav li.side-li3 { display: none;}
/*°ó¶¨´óÇøµ¯´°¾ÓÖÐ*/
#milo-dialog.milo-dialog__wrapper .milo-dialog { position: absolute; top: 50%; left: 50%; margin: -177.5px 0 0 -150px;}