﻿/* submission */
.wrapper{ height: 10.8rem;}
.content{ top: 2.85rem; width: 11.4rem; height: 7.54rem; box-sizing: border-box; padding: 1.9rem .7rem 0 .7rem;}
.subTit{ width: 5.77rem; height: .41rem; line-height: .41rem; text-indent: .43rem; font-size: .22rem; color: #FFF;}
.selImgTip{ margin: .08rem 0 .14rem 0; text-indent: .42rem; font-size: .14rem; color: #6d6d6d;}
.allImg{ width: 100%; height: 1.4rem; background: #302f5d; overflow-x: auto; overflow-y: hidden;}
.allImgSwiper{ top: 50%; left: 50%; transform: translate(-50%, -50%); width: 9.25rem; height: 1.22rem;}
.allImgSwiper .swiper-slide{ margin-right: .12rem; width: 1.18rem; height: 1.18rem; background: #3c4579; border: .02rem solid #5779b9;}
.allImgSwiper .swiper-slide img{ display: block; width: 100%; height: 100%; box-sizing: border-box;}
.allImgSwiper .swiper-slide-active img{ border: .04rem solid #3af2cd;}
.see{ top: .07rem; right: .07rem; width: .22rem; height: .22rem;}
.listViewPrev, .listViewNext{ top: 50%; transform: translateY(-50%); width: .18rem; height: 1.18rem;}
.listViewPrev{ left: .1rem;}
.listViewNext{ right: .1rem;}
.inputTit{ margin: .24rem 0 .21rem 0; height: .44rem; box-sizing: border-box; padding: 0 .15rem; background: #FFF; border: .01rem solid #4975dd; display: flex; justify-content: space-between; align-items: center;}
.inputTit input{ height: 100%; width: 90%; border: none; background: none; font-size: .22rem; color: #6d6d6d;}
.inputTit div{ font-size: .22rem; color: #6d6d6d;}
.tagOptions{ margin-top: .11rem; display: flex; flex-wrap: wrap;}
.tagOptions button{ margin: 0 0.13rem 0.17rem 0; height: .28rem; line-height: .28rem; border-radius: .14rem; box-sizing: border-box; padding: 0 .15rem; background: #e3eef8; border: .02rem solid #9e9e9e; font-size: .18rem; color: #9e9e9e;}
.tagOptions button.active{ background: #6cb5ff; border-color: #6cb5ff; color: #FFF;}
.submissionSubmit{ margin: -0.06rem auto 0 auto; display: block; width: 3.56rem; height: .85rem;}

/* 弹出框：挑选形象预览图 */
.imgPreviewWrap{ width: 10.17rem; height: 6.32rem;}
.close2{ top: .44rem; right: -0.36rem; width: .85rem; height: .85rem;}
.previewImg{ top: 50%; left: 50%; transform: translate(-50%, -50%); width: 8.96rem; height: 5.04rem;}


/************************************************* 语言分支 *************************************************/
/* lang-en */
.lang-en .wrapper{ background: url(../images/en/submission/bg.jpg) no-repeat 0 0; background-size: 19.2rem 10.8rem;}
.lang-en .content{ background: url(../images/en/submission/content.png) no-repeat 0 0; background-size: 100% auto;}
.lang-en .subTit{ background: url(../images/en/submission/subTit.png) no-repeat 0 0; background-size: 100% auto;}
.lang-en .see{ background: url(../images/en/submission/see.png) no-repeat 0 0; background-size: .22rem .22rem;}
.lang-en .listViewPrev{ background: url(../images/en/submission/listViewPrev.png) no-repeat center center; background-size: .18rem .21rem;}
.lang-en .listViewNext{ background: url(../images/en/submission/listViewNext.png) no-repeat center center; background-size: .18rem .21rem;}
.lang-en .submissionSubmit{ background: url(../images/en/submission/submissionSubmit.png) no-repeat 0 0; background-size: 100% auto;}
.lang-en .imgPreviewWrap{ background: url(../images/en/submission/imgPreviewWrap.png) no-repeat 0 0; background-size: 100% auto;}
.lang-en .close2{ background: url(../images/en/submission/close2.png) no-repeat 0 0; background-size: 100% auto;}

/* lang-jp */
.lang-jp .wrapper{ background: url(../images/jp/submission/bg.jpg) no-repeat 0 0; background-size: 19.2rem 10.8rem;}
.lang-jp .content{ background: url(../images/jp/submission/content.png) no-repeat 0 0; background-size: 100% auto;}
.lang-jp .subTit{ background: url(../images/jp/submission/subTit.png) no-repeat 0 0; background-size: 100% auto;}
.lang-jp .see{ background: url(../images/jp/submission/see.png) no-repeat 0 0; background-size: .22rem .22rem;}
.lang-jp .listViewPrev{ background: url(../images/jp/submission/listViewPrev.png) no-repeat center center; background-size: .18rem .21rem;}
.lang-jp .listViewNext{ background: url(../images/jp/submission/listViewNext.png) no-repeat center center; background-size: .18rem .21rem;}
.lang-jp .submissionSubmit{width: 2.85rem; background: url(../images/jp/submission/submissionSubmit.png) no-repeat 0 0; background-size: 100% auto;}
.lang-jp .imgPreviewWrap{ background: url(../images/jp/submission/imgPreviewWrap.png) no-repeat 0 0; background-size: 100% auto;}
.lang-jp .close2{ background: url(../images/jp/submission/close2.png) no-repeat 0 0; background-size: 100% auto;}

/* lang-kr */
.lang-kr .wrapper{ background: url(../images/kr/submission/bg.jpg) no-repeat 0 0; background-size: 19.2rem 10.8rem;}
.lang-kr .content{ background: url(../images/kr/submission/content.png) no-repeat 0 0; background-size: 100% auto;}
.lang-kr .subTit{ background: url(../images/kr/submission/subTit.png) no-repeat 0 0; background-size: 100% auto;}
.lang-kr .see{ background: url(../images/kr/submission/see.png) no-repeat 0 0; background-size: .22rem .22rem;}
.lang-kr .listViewPrev{ background: url(../images/kr/submission/listViewPrev.png) no-repeat center center; background-size: .18rem .21rem;}
.lang-kr .listViewNext{ background: url(../images/kr/submission/listViewNext.png) no-repeat center center; background-size: .18rem .21rem;}
.lang-kr .submissionSubmit{width: 2.85rem; background: url(../images/kr/submission/submissionSubmit.png) no-repeat 0 0; background-size: 100% auto;}
.lang-kr .imgPreviewWrap{ background: url(../images/kr/submission/imgPreviewWrap.png) no-repeat 0 0; background-size: 100% auto;}
.lang-kr .close2{ background: url(../images/kr/submission/close2.png) no-repeat 0 0; background-size: 100% auto;}
























