#signingPlatformDesc { width: 520px; height: 220px; resize: none; }

/*
------------------- common -------------------*/
.resume-box .resume__input input[type='file'], .basic-info .info__item select, .job-info .e-radios input { appearance: none; -webkit-appearance: none; -moz-appearance: none; }

.module-info input:not([type='file'])::placeholder, .module-info select::placeholder, .module-info textarea::placeholder, .basic-info .info__item select, .job-info .e-radios { font-size: 20px; color: #818181; }

.module-info .info__label, .job-info .e-question { display: block; font: 700 22px/41px 'Microsoft YaHei'; color: #fff; }

body, .wrap { width: 100%; margin: auto; overflow-x: hidden; }

.module__inner { width: 1400px; margin: auto; }

.module__inner + .module__bg { transform: rotate(180deg); }

.module__top { padding-left: 76px; }

.module__top .icon-return { display: inline-block; width: 62px; height: 62px; background: url("//game.gtimg.cn/images/lpl/act/a20220118recruit/icon-return.png") no-repeat center center/100% 100%; }

.module__top .main-title { position: relative; display: inline-block; z-index: 2; margin-left: 40px; font: 400 80px/1em 'ms'; color: #fff; }

.module__top .main-title::after { content: ''; position: absolute; top: 55px; left: -2px; z-index: -1; box-sizing: content-box; width: 100%; height: 29px; background-color: #1edfe6; }

.module-regist { display: none; position: relative; width: 100%; padding-top: 140px; background: url("//game.gtimg.cn/images/lpl/act/a20220118recruit/purple-bg.jpg") repeat-y top center; }

/* ---------------------- module-selection ------------------- */
.module-selection { display: block; width: 1920px; margin: 0 auto; height: 2200px; background: url("//game.gtimg.cn/images/lpl/act/a20220118recruit/module-selection.jpg") repeat-y top center; }

.module-selection .module__top { display: flex; align-items: center; padding-left: 0; }

.module-selection .module__main { margin-top: 120px; text-align: center; }

.module-selection .logo-r { position: relative; display: inline-block; margin-left: 42px; vertical-align: 10px; width: 116px; height: 116px; background: no-repeat center center/100% 100%; text-indent: -9999em; }

.module-selection .logo-r.active::after { content: ''; position: absolute; top: 128px; left: 0; right: 0; margin: auto; width: 13px; height: 13px; background-color: #1edfe6; border-radius: 50%; }

.module-selection .logo-r.logo-r__pc { background-image: url("//game.gtimg.cn/images/lpl/act/a20220118recruit/logo-r-pc.png"); }

.module-selection .logo-r.logo-r__pc.active { background-image: url("//game.gtimg.cn/images/lpl/act/a20220118recruit/logo-r-pc2.png"); }

.module-selection .logo-r.logo-r__m { background-image: url("//game.gtimg.cn/images/lpl/act/a20220118recruit/logo-r-m.png"); }

.module-selection .logo-r.logo-r__m.active { background-image: url("//game.gtimg.cn/images/lpl/act/a20220118recruit/logo-r-m2.png"); }

.module-selection .part__logo { display: block; margin: 0 auto 30px; }

.module-selection .part__top { margin: 0 auto; }

.module-selection .part__top .part__btn { display: inline-block; width: 281px; height: 77px; background: url("//game.gtimg.cn/images/lpl/act/a20220118recruit/btn__white--c.png") no-repeat center center/100% 100%; text-align: center; font: 400 40px/74px 'ms'; letter-spacing: 2px; color: #000; transition: all 100ms ease-out; }

.module-selection .part__top .part__btn.active { background-image: url("//game.gtimg.cn/images/lpl/act/a20220118recruit/btn__green--c.png"); color: #4108ad; }

.module-selection .part__top .part__btn + .part__btn { margin-left: 70px; }

.module-selection .part__main { position: relative; margin-top: 64px; padding-top: 12px; width: 680px; height: 436px; background: no-repeat center center/100% 100%; text-align: left; }

.module-selection .part__main.animate { -webkit-animation: fade-in-right 0.8s cubic-bezier(0.39, 0.575, 0.565, 1) both; animation: fade-in-right 0.8s cubic-bezier(0.39, 0.575, 0.565, 1) both; }

.module-selection .part__main h4 { font: 400 60px/1em 'ms'; white-space: nowrap; }

.module-selection .part__main p { font: 400 18px/30px 'Microsoft YaHei'; color: #0e213c; }

.module-selection .part__main .intro { margin: 18px 0; width: 131px; height: 33px; text-align: center; background-color: #ffd600; border: solid 2px #000; font: 700 23px/28px 'Microsoft YaHei'; }

.module-selection .part__main .intro-desc { max-width: 678px; margin-bottom: 20px; }

.module-selection .part__main .btn__register { display: inline-block; margin-top: 30px; background-image: url("//game.gtimg.cn/images/lpl/act/a20220118recruit/btn__yellow.png"); color: #000; }

.module-selection .part-explain { display: flex; flex-direction: column; align-items: flex-start; height: 695px; }

.module-selection .part-explain .part__main { right: 80px; margin-left: auto; }

.module-selection .part-host { margin-top: 84px; height: 697px; }

.module-selection .part-host .part__main { margin-left: 85px; margin-top: 42px; }

.module-selection .part-host .part__main .intro-desc { max-width: 715px; }

.module-selection .part-host .btn__register { margin-top: 12px; }

/* ---------------------- module-rules ------------------- */
.module-rules { height: auto; padding-bottom: 200px; }

.module-rules .module__main { margin-top: 98px; }

.rule-list { padding-left: 162px; }

.rule-list li { position: relative; padding-left: 15px; line-height: 40px; font-size: 22px; color: #fff; }

.rule-list li::before { content: ''; display: inline-block; position: absolute; top: 15px; left: 0; width: 10px; height: 10px; background: url("//game.gtimg.cn/images/lpl/act/a20220118recruit/icon-list-type.png") no-repeat center center/100% 100%; }

.rule-list .rule__head, .module-info .sub-title, .recommend .r-title { line-height: 45px; margin-top: 45px; font-size: 24px; font-weight: 700; }

.rule-list .rule__head::before, .module-info .sub-title::before, .recommend .r-title::before { top: 12px; left: 2px; width: 4px; height: 23px; background: #e6c300; }

.rule__btns, .info__btns { display: flex; justify-content: center; margin-top: 60px; }

.rule__btns [class^='btn__']:first-child, .info__btns [class^='btn__']:first-child { background-image: url("//game.gtimg.cn/images/lpl/act/a20220118recruit/btn__green.png"); color: #000; }

.rule__btns [class^='btn__']:last-child, .info__btns [class^='btn__']:last-child { margin-left: 80px; background-image: url("//game.gtimg.cn/images/lpl/act/a20220118recruit/btn__yellow.png"); color: #000; }

/* ---------------------- module-info ------------------- */
.module-info { height: auto; padding-bottom: 120px; }

.module-info .module__main { margin-top: 92px; padding-left: 160px; text-align: left; }

.module-info .sub-title { position: relative; margin-top: 0; padding-left: 15px; line-height: 28px; font-size: 30px; font-family: 'ms'; color: #fff7ce; }

.module-info .sub-title::before { content: ''; position: absolute; top: 2px; }

.module-info input:not([type='file']), .module-info select, .module-info textarea { padding: 0 8px; border: none; background-color: #280757; color: #fff; font-size: 20px; border-radius: 5px; }

.module-info input:not([type='file'])::placeholder, .module-info select::placeholder, .module-info textarea::placeholder { line-height: 38px; }

.module-info input[type='text']:not(.r-input) { display: flex; align-items: center; width: 326px; height: 40px; }

.resume-box .resume { display: flex; align-items: flex-end; margin-top: 10px; padding-left: 75px; }

.resume-box .resume__label { font: 700 22px/40px 'Microsoft YaHei'; color: #ecd97c; }

.resume-box .resume__input { position: relative; margin: 0 5px 0 35px; width: 120px; height: 40px; background-color: #1edfe6; border-radius: 5px; text-align: center; font: 700 22px/38px 'Microsoft YaHei'; color: #000; }

.resume-box .resume__input input[type='file'] { width: 100%; height: 100%; position: absolute; top: 0; left: 0; opacity: 0; }

.resume-box .resume__tip { margin-left: 24px; font-size: 18px; color: #767676; }

.resume-box .resume .file-name { max-width: 150px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 14px; color: #ecd97c; }

.basic-info { margin-top: 85px; }

.basic-info .info { display: flex; flex-direction: column; flex-wrap: wrap; height: 942px; margin-top: 18px; padding-left: 78px; }

.basic-info .info__item { margin-bottom: 42px; }

.basic-info .info__item select { height: 40px; background: url("//game.gtimg.cn/images/lpl/act/a20220118recruit/icon-down.png") 94% center/12px 10px no-repeat; background-color: #280757; }

.basic-info .info__item--sex select { width: 61px; padding: 0 15px; text-align: center; }

.basic-info .info__item--certifi select { width: 180px; padding: 0; text-indent: 10px; }

.basic-info .info__item--certifi select + input { margin-top: 8px; }

.basic-info .info__item--photo .upload-photo { position: relative; width: 210px; height: 212px; padding: 0; background-color: #280757; border-radius: 5px; }

.basic-info .info__item--photo .upload-photo > img { display: none; width: 100%; height: 100%; object-fit: cover; }

.basic-info .info__item--photo .btn-upload { position: relative; display: block; margin: 15px 55px 12px; width: 95px; height: 32px; background-color: #262081; border-radius: 5px; text-align: center; font: 700 17px/32px 'Microsoft YaHei'; color: #ecd97c; }

.basic-info .info__item--photo input[type='file'] { position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; }

.basic-info .info__item--photo .upload-tip { display: inline-block; font-size: 18px; color: #767676; }

.job-info { margin-top: 105px; }

.job-info.inner-wrap { margin: 0 0 0 97px; }

.job-info.inner-wrap .recommend { margin-top: 20px; }

.job-info .info { margin-top: 18px; padding-left: 75px; }

.job-info .experience { display: flex; flex-direction: column; justify-content: left; }

.job-info .e-radios { display: flex; margin: 5px 0 18px; }

.job-info .e-radios .radio-item { position: relative; width: 60px; height: 40px; line-height: 40px; text-align: center; background-color: #280757; border-radius: 5px; }

.job-info .e-radios .radio-item.large { width: 165px; margin-right: 10px; }

.job-info .e-radios .radio-item.checked { background-color: #f5d010; color: #000; }

.job-info .e-radios .radio-item:last-child { margin-left: 18px; }

.job-info .e-radios input { position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; margin: 0; cursor: pointer; }

.job-info textarea { width: 584px; height: 220px; padding: 16px 18px; resize: none; }

.job-info .recommend { margin-top: 50px; margin-left: -15px; color: #fff; }

.job-info .recommend .r-title { position: relative; padding-left: 15px; }

.job-info .recommend .r-title::before { content: ''; position: absolute; }

.job-info .recommend .r-text { position: relative; padding-left: 15px; line-height: 40px; font-size: 22px; }

.job-info .recommend .r-text::before { content: ''; display: inline-block; position: absolute; top: 15px; left: 0; width: 10px; height: 10px; background: url("//game.gtimg.cn/images/lpl/act/a20220118recruit/icon-list-type.png") no-repeat center center/100% 100%; }

.job-info .recommend .r-input { margin-top: 32px; margin-left: 15px; width: 654px; height: 40px; }

.info__btns { position: relative; left: -80px; margin-top: 80px; }

#signingContractDesc { width: 520px; height: 220px; resize: none; }

@media (max-aspect-ratio: 1 / 1) { .job-info { margin-top: 50px; }
  .resume-box .resume { padding-left: 0; }
  .resume-box .resume__tip { margin-left: 5px; } }