body{ position: relative; -webkit-text-size-adjust: 100%; font-family: "Microsoft YaHei", Arial, sans-serif; font-size: 16px;}
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;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);}

body{ background: #46588b;}
.wrapper{ width: 750px; margin: 100px auto 0 auto;}

.logo{ top: 26px; left: 26px; height: 85px;}
.headerSide{ top: 22px; right: 16px; text-align: right; line-height: 28px; font-size: 18px; color: #FFF;}
.website{ display: inline-block; width: 121px; height: 27px; background: url(../images/website.png) no-repeat 0 0; background-size: 100% auto;}
.backIndex{ display: inline-block; width: 121px; height: 27px; background: url(../images/backIndex.png) no-repeat 0 0; background-size: 100% auto;}
.loginBefore{ display: block; font-size: 16px; 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: 661px; height: 508px; background: url(../../public/images/pop/popWrap1.png) no-repeat 0 0; background-size: 100% auto;}
.close{ top: -13px; right: 0; width: 85px; height: 85px; background: url(../../public/images/pop/close.png) no-repeat 0 0; background-size: 100% auto; z-index: 2;}
.popConfirmBtn{ width: 391px; height: 124px; background: url(../../public/images/pop/popConfirmBtn.png) no-repeat 0 0; background-size: 100% auto;}

/* 弹出框：通用提示语 */
#popMsg{ z-index: 15;}
.popMsgCont{ top: 160px; width: 100%; height: 140px; box-sizing: border-box; padding: 0 50px; display: flex; justify-content: center; align-items: center; text-align: center; line-height: 42px; font-size: 32px; color: #FFF;}
.popMsgConfirmBtn{ top: 300px;}

/* 弹出框：绑定 */
.popBindWrap{ width: 661px; height: 508px; background: url(../../public/images/pop/popBindWrap.png) no-repeat 0 0; background-size: 100% auto;}
.popBindCont{ top: 163px;}
.popBindCont select{ display: block; width: 367px; height: 44px; background: #FFF; border: 0.01rem solid #de8d80; box-sizing: border-box; font-size: 22px; color: #6d6d6d;}
.popBindCont select:nth-child(1){ margin-bottom: 27px;}
.popBindCont select:nth-child(2){ margin-bottom: 11px;}
.popBindConfirm{ display: block;}

/* 弹出框：登录前提示 */
.popLoginCont{ top: 160px; width: 100%; height: 140px; box-sizing: border-box; padding: 0 50px; display: flex; justify-content: center; align-items: center; text-align: center; line-height: 42px; font-size: 20px; color: #FFF;}
.popLoginConfirmBtn{ top: 300px; width: 391px; height: 124px; background: url(../../public/images/pop/popLoginConfirmBtn.png) no-repeat 0 0; background-size: 100% auto;}

/* 弹出框：投稿|投票 前须知 */
.popRuleSubmissionWrap{ width: 661px; height: 772px; background: url(../../public/images/pop/popRuleSubmissionWrap.png) no-repeat 0 0; background-size: 100% auto;}
.popRuleCont{ top: 190px; padding: 0 20px; width: 530px; height: 450px; overflow-x: hidden; overflow-y: auto; line-height: 42px; font-size: 20px; color: #FFF;}
.popRuleCont::-webkit-scrollbar{ width: 12px; border-radius: 6px; background: #FFF; }
.popRuleCont::-webkit-scrollbar-thumb{ border-radius: 6px; background: #CCC; }

/* 弹出框：投票前须知 */
.popRuleVoteWrap{ width: 661px; height: 772px; background: url(../../public/images/pop/popRuleVoteWrap.png) no-repeat 0 0; background-size: 100% auto;}

/* 弹出框：无预设形象引导 */
.popNullImgCont{ top: 160px; width: 100%; height: 140px; box-sizing: border-box; padding: 0 50px; display: flex; justify-content: center; align-items: center; text-align: center; line-height: 42px; font-size: 28px; color: #FFF;}
.popNullImgConfirmBtn{ top: 300px; width: 391px; height: 124px; background: url(../../public/images/pop/popNullImgConfirmBtn.png) no-repeat 0 0; background-size: 100% auto;}

/* 弹出框：重新投稿其它作品（二次确认） */
.popResetSubmissionCont{ top: 160px; width: 100%; height: 140px; box-sizing: border-box; padding: 0 50px; display: flex; justify-content: center; align-items: center; text-align: center; line-height: 42px; font-size: 28px; color: #FFF;}
.resetSubmissionBtns{ top: 300px; left: 0; width: 100%; display: flex; justify-content: center;}
.resetSubmissionBtns button, .resetSubmissionBtns a{ width: 304px; height: 97px;}
.resetSubmissionCancel{ background: url(../../public/images/pop/resetSubmissionCancel.png) no-repeat center center; background-size: 100% auto;}
.toSubmissionBtn{ background: url(../../public/images/pop/toSubmissionBtn.png) no-repeat center center; background-size: 100% auto;}
.resetConfirmBtn{ background: url(../../public/images/pop/resetConfirmBtn.png) no-repeat center center; background-size: 100% auto;}

/* 弹出框：作品展示 */
.popWorksWrap{ width: 661px; height: 772px; background: url(../../public/images/pop/popWorksWrap.png) no-repeat 0 0; background-size: 100% auto;}
.worksNav{ top: 38px; left: -29px;}
.worksNav button{ display: block; width: 47px; height: 76px;}
.worksNav .type1{ margin-bottom: 6px; background: url(../../public/images/pop/worksNav1.png) no-repeat 0 0; background-size: 200% auto;}
.worksNav .type2{ background: url(../../public/images/pop/worksNav2.png) no-repeat 0 0; background-size: 200% auto;}
.worksNav button.active{ background-position: 100% 0;}
.worksTit{ top: 70px; width: 590px; text-align: center; font-size: 26px; color: #FFF;}
.worksTags{ top: 120px; display: flex; justify-content: center; align-items: center;}
.worksTags span{ height: 28px; border-radius: 14px; padding: 0 30px; background: #5ed9dd; font-size: 18px; color: #FFF; white-space: nowrap; margin: 0 15px;}
.worksImgs{ top: 220px; width: 580px; height: 328px; background: #FFF;}
.worksImgs div, .worksImgs img{ width: 100%; height: 100%;}
.worksInfo{ top: 590px; width: 580px; height: 90px; box-sizing: border-box; padding: 0 50px; background: #a73927; display: flex; justify-content: space-between; align-items: center;}
.worksAuthor{ width: 230px; font-size: 20px; color: #FFF;}
.worksVote{ display: flex; justify-content: space-between; align-items: center;}
.worksVote p{ font-size: 26px; color: #FFF;}
.worksVote p::before{ content: ""; display: inline-block; margin-right: 10px; width: 15px; height: 13px; background: url(../../public/images/pop/like.png) no-repeat 0 0; background-size: 100% auto;}
.worksVote .vote{ margin-left: 30px; width: 128px; height: 36px; background: url(../../public/images/pop/voteBtn.png) no-repeat 0 0; background-size: 100% auto;}

.wmgameFooter{ width: 750px; margin: 0 auto;}
.htTopbar{ left: 50%!important; margin-left: -375px;}