/* submission */
.wrapper{ height: 1600px; background: #5a211e url(../images/submission/bg.jpg) no-repeat center top; background-size: 750px 892px;}
.content{ top: 351px; width: 716px; height: 1249px; box-sizing: border-box; padding: 185px 60px 0 60px; background: url(../images/submission/content.png) no-repeat 0 0; background-size: 100% auto;}
.subTit{ width: 517px; height: 40px; line-height: 40px; text-indent: 43px; background: url(../images/submission/subTit.png) no-repeat 0 0; background-size: 100% auto; font-size: 22px; color: #FFF;}
.selImgTip{ margin: 8px 0 14px 0; text-indent: 42px; font-size: 18px; color: #6d6d6d;}
.allImg{ width: 100%; height: 140px; background: #ec6a49; overflow-x: auto; overflow-y: hidden;}
.allImgSwiper{ top: 50%; left: 50%; transform: translate(-50%, -50%); width: 500px; height: 122px;}
.allImgSwiper .swiper-slide{ margin-right: 12px; width: 118px; height: 118px; background: #cc944a; border: 2px solid #cc944a;}
.allImgSwiper .swiper-slide img{ display: block; width: 100%; height: 100%; box-sizing: border-box;}
.allImgSwiper .swiper-slide-active img{ border: 4px solid #fff2ab;}
.see{ top: 7px; right: 7px; width: 22px; height: 22px; background: url(../images/submission/see.png) no-repeat 0 0; background-size: 100% auto;}
.listViewPrev, .listViewNext{ top: 50%; transform: translateY(-50%); width: 18px; height: 118px;}
.listViewPrev{ left: 10px; background: url(../images/submission/listViewPrev.png) no-repeat center center; background-size: 18px 21px;}
.listViewNext{ right: 10px; background: url(../images/submission/listViewNext.png) no-repeat center center; background-size: 18px 21px;}
.inputTit{ margin: 24px 0 21px 0; height: 44px; box-sizing: border-box; padding: 0 15px; background: #FFF; border: 1px solid #f5c4b5; display: flex; justify-content: space-between; align-items: center;}
.inputTit input{ height: 100%; width: 90%; border: none; background: none; font-size: 22px; color: #6d6d6d;}
.inputTit div{ font-size: 22px; color: #6d6d6d;}
.tagOptions{ margin-top: 25px; display: flex; flex-wrap: wrap;}
.tagOptions button{ margin: 0 13px 17px 0; height: 28px; line-height: 28px; border-radius: 14px; box-sizing: border-box; padding: 0 15px; background: #e3eef8; border: 2px solid #9e9e9e; font-size: 18px; color: #9e9e9e;}
.tagOptions button.active{ background: #5ed9dd; border-color: #5ed9dd; color: #FFF;}
.submissionSubmit{ margin: 34px auto 0 auto; display: block; width: 303px; height: 84px; background: url(../images/submission/submissionSubmit.png) no-repeat 0 0; background-size: 100% auto;}

/* 弹出框：挑选形象预览图 */
.imgPreviewWrap{ width: 716px; height: 445px; background: url(../images/submission/imgPreviewWrap.png) no-repeat 0 0; background-size: 100% auto;}
.close2{ bottom: -78px; top: auto; width: 61px; height: 60px; background: url(../images/submission/close2.png) no-repeat 0 0; background-size: 100% auto;}
.previewImg{ top: 50%; left: 50%; transform: translate(-50%, -50%); width: 616px; height: 346px;}