body{ position: relative; -webkit-text-size-adjust: 100%; font-family: "Microsoft YaHei", Arial, sans-serif; font-size: 0.16rem;}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td, span, a { margin: 0; padding: 0; vertical-align: baseline;}
ul, ol { list-style: none;}
a { text-decoration: none; color: inherit; cursor: pointer; outline: none;}
a:hover{ text-decoration:none;}
img { border: 0; object-fit: cover;}
video{ object-fit: cover; }
table { border-collapse: collapse;}
area{ outline:none; }
input, textarea, select{ -webkit-appearance: none; outline: none; resize: none; border-radius: 0;}
input::-ms-clear{ display:none;}
input[type="text"], input[type="password"] { -webkit-appearance: none; -moz-appearance: none; appearance: none;}
button { border: none; background: none; cursor: pointer; font-size: inherit; white-space: nowrap;}
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0;}
h1.wm-public{height:0; line-height:0; font-size:0;}
.cf:after {content:"";display:block;height:0;clear:both;} 
.cf {zoom:1;}
.fl{ float: left; }
.fr{ float: right; }
.rel{ position: relative;}
.abs{ position: absolute;}
.auto{left: 50%; -webkit-transform:translate(-50%,0); -moz-transform:translate(-50%,0); -ms-transform:translate(-50%,0); -o-transform:translate(-50%,0); transform:translate(-50%,0);}

.textShadow{text-shadow: 0 0 .05rem #fff, 0 0 .1rem #fff, 0 0 .2rem #fff;}
.textShadow2{text-shadow: 0 0 .05rem #000, 0 0 .1rem #000, 0 0 .2rem #000;}

.logo{ top: .37rem; left: .5rem; height: 1.31rem;}
.headerSide{ top: .43rem; right: .5rem; text-align: right; line-height: .31rem; text-align: right; font-size: .16rem; color: #FFF;}
.headerSide .btns{ display: flex; justify-content: end;}
.headerSide .btns button{ height: .28rem; margin-left: .07rem;}
.headerSide .en{ width: .63rem; background: url(../images/en.png) no-repeat 0 bottom; background-size: 100% auto;}
.headerSide .jp{ width: .44rem; background: url(../images/jp.png) no-repeat 0 bottom; background-size: 100% auto;}
.headerSide .kr{ width: .44rem; background: url(../images/kr.png) no-repeat 0 bottom; background-size: 100% auto;}
.headerSide .btns button.active{ background-position-y: 0;}
.website{ display: inline-block; width: 1.44rem; height: .27rem; margin-left: .24rem;}
.backIndex{ display: inline-block; width: 1.45rem; height: .27rem; margin-left: .24rem;}
.loginBefore{ display: inline-block; font-size: .16rem; color: #FFF;}
.loginAfter{ display: none;}
.loginAfter button{ color: #FFF;}
.changeRole{ display: none;}

/* 弹出框 */
.pop{ position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, .9); z-index: 10; display: none;}
.popWrap{ top: 50%; left: 50%; transform: translate(-50%, -50%);}
.popWrap1{ width: 6.61rem; height: 5.08rem;}
.close1{ top: -0.13rem; right: 0; width: 0.85rem; height: 0.85rem; background: url(../images/close.png) no-repeat 0 0; background-size: 100% auto; z-index: 2;}
.popConfirmBtn{ width: 3.91rem; height: 1.24rem;}

/* 弹出框：绑定 */
.popBindWrap{ width: 6.61rem; height: 5.08rem;}
.popBindCont{ top: 1.63rem;}
.popBindCont select{ display: block; width: 3.67rem; height: 0.44rem; background: #FFF; border: 1px solid #4975dd; box-sizing: border-box; font-size: 0.22rem; color: #6d6d6d;}
.popBindCont select:nth-child(1){ margin-bottom: 0.27rem;}
.popBindCont select:nth-child(2){ margin-bottom: 0.11rem;}
.popBindConfirm{ display: block;}

/* 弹出框：通用提示语 */
#popMsg{ z-index: 100;}
.popMsgText{ top: 1.6rem; width: 100%; height: 1.4rem; box-sizing: border-box; padding: 0 0.5rem; display: flex; justify-content: center; align-items: center; text-align: center; line-height: 0.42rem; font-size: 0.32rem; color: #FFF;}
.popMsgConfirmBtn{ top: 3rem;}

/* 弹出框：投稿|投票 前须知 */
.popRuleSubmissionWrap{ width: 6.61rem; height: 7.72rem;}
.popRuleCont{ top: 1.9rem; padding: 0 0.2rem; width: 5.3rem; height: 4.5rem; overflow-x: hidden; overflow-y: auto; line-height: 0.42rem; font-size: 0.2rem; color: #FFF;}
.popRuleCont::-webkit-scrollbar{ width: 0.12rem; border-radius: 0.06rem; background: #FFF; }
.popRuleCont::-webkit-scrollbar-thumb{ border-radius: 0.06rem; background: #CCC; }

/* 弹出框：投票前须知 */
.popRuleVoteWrap{ width: 6.61rem; height: 7.72rem;}

/* 弹出框：无预设形象引导 */
.popNullImgCont{ top: 1.6rem; width: 100%; height: 1.4rem; box-sizing: border-box; padding: 0 0.5rem; display: flex; justify-content: center; align-items: center; line-height: 0.42rem; font-size: 0.28rem; color: #FFF;}
.popNullImgConfirmBtn{ top: 3rem; height: 1.24rem;}

/* 弹出框：重新投稿其它作品（二次确认） */
.popResetSubmissionCont{ top: 1.6rem; width: 100%; height: 1.4rem; box-sizing: border-box; padding: 0 0.5rem; display: flex; justify-content: center; align-items: center; text-align: center; line-height: 0.42rem; font-size: 0.28rem; color: #FFF;}
.resetSubmissionBtns{ top: 3rem; left: 0; width: 100%; display: flex; justify-content: center;}
.resetSubmissionBtns button, .resetSubmissionBtns a{ width: 3.04rem; height: 0.97rem;}

/* 弹出框：作品展示 */
.popWorksWrap{ width: 6.61rem; height: 7.72rem; background: url(../images/popWorksWrap.png) no-repeat 0 0; background-size: 100% auto;}
.worksNav{ top: 0.38rem; left: -0.29rem;}
.worksNav button{ display: block; width: 0.47rem; height: 0.76rem;}
.worksNav .type1{ margin-bottom: 0.06rem; background: url(../images/worksNav1.png) no-repeat 0 0; background-size: 200% auto;}
.worksNav .type2{ background: url(../images/worksNav2.png) no-repeat 0 0; background-size: 200% auto;}
.worksNav button.active{ background-position: 100% 0!important;}
.worksTit{ top: 0.7rem; width: 5.9rem; text-align: center; font-size: 0.22rem; color: #FFF; word-break: break-all;}
.worksTags{ top: 1.2rem; display: flex; justify-content: center; align-items: center;}
.worksTags span{ height: 0.28rem; border-radius: 0.14rem; padding: 0 0.3rem; background: #6cb5ff; font-size: 0.18rem; color: #FFF; white-space: nowrap; margin: 0 0.15rem;}
.worksImgs{ top: 2.2rem; width: 5.8rem; height: 3.28rem; background: #FFF;}
.worksImgs div, .worksImgs img{ width: 100%; height: 100%;}
.worksInfo{ top: 5.9rem; width: 5.8rem; height: 0.9rem; box-sizing: border-box; padding: 0 0.5rem; background: #50528b; display: flex; justify-content: space-between; align-items: center;}
.worksAuthor{ width: 2.3rem; font-size: 0.2rem; color: #FFF;}
.worksVote{ display: flex; justify-content: space-between; align-items: center;}
.worksVote p{ font-size: 0.26rem; color: #FFF;}
.worksVote p::before{ content: ""; display: inline-block; margin-right: 0.1rem; width: 0.15rem; height: 0.13rem; background: url(../images/like.png) no-repeat 0 0; background-size: 100% auto;}
.worksVote .vote{ margin-left: 0.3rem; width: 1.28rem; height: 0.36rem;}


/************************************************* 语言分支 *************************************************/
/* lang-en */
.lang-en .website{ background: url(../images/en/website.png) no-repeat 0 0; background-size: 100% auto;}
.lang-en .backIndex{ background: url(../images/en/backIndex.png) no-repeat 0 0; background-size: 100% auto;}
.lang-en .popWrap1{ background: url(../images/en/pop/popWrap1.png) no-repeat 0 0; background-size: 100% auto;}
.lang-en .popBindWrap{ background: url(../images/en/pop/popBindWrap.png) no-repeat 0 0; background-size: 100% auto;}
.lang-en .popConfirmBtn{ background: url(../images/en/pop/popConfirmBtn.png) no-repeat 0 0; background-size: 100% auto;}
.lang-en .popRuleSubmissionWrap{ background: url(../images/en/pop/popRuleSubmissionWrap.png) no-repeat 0 0; background-size: 100% auto;}
.lang-en .popRuleVoteWrap{ background: url(../images/en/pop/popRuleVoteWrap.png) no-repeat 0 0; background-size: 100% auto;}
.lang-en .popNullImgConfirmBtn{ width: 3.91rem; background: url(../images/en/pop/popNullImgConfirmBtn.png) no-repeat 0 0; background-size: 100% auto;}
.lang-en .resetSubmissionCancel{ background: url(../images/en/pop/resetSubmissionCancel.png) no-repeat center center; background-size: 100% auto;}
.lang-en .toSubmissionBtn{ background: url(../images/en/pop/toSubmissionBtn.png) no-repeat center center; background-size: 100% auto;}
.lang-en .resetConfirmBtn{ background: url(../images/en/pop/resetConfirmBtn.png) no-repeat center center; background-size: 100% auto;}
.lang-en .worksVote .vote{ background: url(../images/en/pop/voteBtn.png) no-repeat 0 0; background-size: 100% auto;}

/* lang-jp */
.lang-jp .website{width: 1.24rem; background: url(../images/jp/website.png) no-repeat 0 0; background-size: 100% auto;}
.lang-jp .backIndex{width: 1.27rem; background: url(../images/jp/backIndex.png) no-repeat 0 0; background-size: 100% auto;}
.lang-jp .popWrap1{ background: url(../images/jp/pop/popWrap1.png) no-repeat 0 0; background-size: 100% auto;}
.lang-jp .popBindWrap{ background: url(../images/jp/pop/popBindWrap.png) no-repeat 0 0; background-size: 100% auto;}
.lang-jp .popConfirmBtn{ background: url(../images/jp/pop/popConfirmBtn.png) no-repeat 0 0; background-size: 100% auto;}
.lang-jp .popRuleSubmissionWrap{ background: url(../images/jp/pop/popRuleSubmissionWrap.png) no-repeat 0 0; background-size: 100% auto;}
.lang-jp .popRuleVoteWrap{ background: url(../images/jp/pop/popRuleVoteWrap.png) no-repeat 0 0; background-size: 100% auto;}
.lang-jp .popNullImgConfirmBtn{ width: 4.62rem; background: url(../images/jp/pop/popNullImgConfirmBtn.png) no-repeat 0 0; background-size: 100% auto;}
.lang-jp .resetSubmissionCancel{ background: url(../images/jp/pop/resetSubmissionCancel.png) no-repeat center center; background-size: 100% auto;}
.lang-jp .toSubmissionBtn{ background: url(../images/jp/pop/toSubmissionBtn.png) no-repeat center center; background-size: 100% auto;}
.lang-jp .resetConfirmBtn{ background: url(../images/jp/pop/resetConfirmBtn.png) no-repeat center center; background-size: 100% auto;}
.lang-jp .worksVote .vote{ background: url(../images/jp/pop/voteBtn.png) no-repeat 0 0; background-size: 100% auto;}

/* lang-kr */
.logo{ height: 1.27rem;}
.lang-kr .website{ background: url(../images/kr/website.png) no-repeat 0 0; background-size: 100% auto;}
.lang-kr .backIndex{ width: 1.21rem; height: .29rem; background: url(../images/kr/backIndex.png) no-repeat 0 0; background-size: 100% auto;}
.lang-kr .popWrap1{ background: url(../images/kr/pop/popWrap1.png) no-repeat 0 0; background-size: 100% auto;}
.lang-kr .popBindWrap{ background: url(../images/kr/pop/popBindWrap.png) no-repeat 0 0; background-size: 100% auto;}
.lang-kr .popConfirmBtn{ background: url(../images/kr/pop/popConfirmBtn.png) no-repeat 0 0; background-size: 100% auto;}
.lang-kr .popRuleSubmissionWrap{ background: url(../images/kr/pop/popRuleSubmissionWrap.png) no-repeat 0 0; background-size: 100% auto;}
.lang-kr .popRuleVoteWrap{ background: url(../images/kr/pop/popRuleVoteWrap.png) no-repeat 0 0; background-size: 100% auto;}
.lang-kr .popNullImgConfirmBtn{ width: 5.04rem; background: url(../images/kr/pop/popNullImgConfirmBtn.png) no-repeat 0 0; background-size: 100% auto;}
.lang-kr .resetSubmissionCancel{ background: url(../images/kr/pop/resetSubmissionCancel.png) no-repeat center center; background-size: 100% auto;}
.lang-kr .toSubmissionBtn{ background: url(../images/kr/pop/toSubmissionBtn.png) no-repeat center center; background-size: 100% auto;}
.lang-kr .resetConfirmBtn{ background: url(../images/kr/pop/resetConfirmBtn.png) no-repeat center center; background-size: 100% auto;}
.lang-kr .worksVote .vote{ background: url(../images/kr/pop/voteBtn.png) no-repeat 0 0; background-size: 100% auto;}