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{appearance: none; -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);}

.logo{ top: .37rem; left: .5rem; height: 1.18rem;}
.headerSide{ top: .43rem; right: .5rem; text-align: right; line-height: .31rem; font-size: .16rem; color: #FFF;}
.website{ display: inline-block; width: 1.21rem; height: .27rem; background: url(../images/website.png) no-repeat 0 0; background-size: 100% auto;}
.backIndex{ display: inline-block; width: 1.21rem; height: .27rem; background: url(../images/backIndex.png) no-repeat 0 0; background-size: 100% auto;}
.loginBefore{ display: 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; background: url(../public/images/pop/popWrap1.png) no-repeat 0 0; background-size: 100% auto;}
.close{ top: -0.13rem; right: 0; width: 0.85rem; height: 0.85rem; background: url(../public/images/pop/close.png) no-repeat 0 0; background-size: 100% auto; z-index: 2;}
.popConfirmBtn{ width: 3.91rem; height: 1.24rem; background: url(../public/images/pop/popConfirmBtn.png) no-repeat 0 0; background-size: 100% auto;}

/* 弹出框：通用提示语 */
#popMsg{ z-index: 15;}
.popMsgCont{ 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;}

/* 弹出框：绑定 */
.popBindWrap{ width: 6.61rem; height: 5.08rem; background: url(../public/images/pop/popBindWrap.png) no-repeat 0 0; background-size: 100% auto;}
.popBindCont{ top: 1.63rem;}
.popBindCont select{ display: block; width: 3.67rem; height: 0.44rem; background: #FFF; border: 1px solid #de8d80; 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;}

/* 弹出框：登录前提示 */
.popLoginCont{ 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.2rem; color: #FFF;}
.popLoginConfirmBtn{ top: 3rem; width: 3.91rem; height: 1.24rem; background: url(../public/images/pop/popLoginConfirmBtn.png) no-repeat 0 0; background-size: 100% auto;}

/* 弹出框：投稿|投票 前须知 */
.popRuleSubmissionWrap{ width: 6.61rem; height: 7.72rem; background: url(../public/images/pop/popRuleSubmissionWrap.png) no-repeat 0 0; background-size: 100% auto;}
.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.70rem; background: url(../public/images/pop/popRuleVoteWrap.png) no-repeat 0 0; background-size: 100% auto;}

/* 弹出框：无预设形象引导 */
.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; text-align: center; line-height: 0.42rem; font-size: 0.28rem; color: #FFF;}
.popNullImgConfirmBtn{ top: 3rem; width: 3.91rem; height: 1.24rem; background: url(../public/images/pop/popNullImgConfirmBtn.png) no-repeat 0 0; background-size: 100% auto;}

/* 弹出框：重新投稿其它作品（二次确认） */
.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;}
.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: 6.61rem; height: 7.72rem; background: url(../public/images/pop/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(../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: 0.7rem; width: 5.9rem; text-align: center; font-size: 0.26rem; color: #FFF;}
.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: #5ed9dd; 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: #a73927; 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(../public/images/pop/like.png) no-repeat 0 0; background-size: 100% auto;}
.worksVote .vote{ margin-left: 0.3rem; width: 1.28rem; height: 0.36rem; background: url(../public/images/pop/voteBtn.png) no-repeat 0 0; background-size: 100% auto;}