/*活动介绍详情，活动进行状态*/
#opusbanner{height: 6rem; width: 100%; background: #F6F5F9;}
#opusbanner img{ height: 100%; width: 100%;}
.opuscontinfo {color: #fff;font-size: 0.375rem;}
.infotext h4{font-size: 0.48rem; height: 1.06rem; margin-bottom: 0.44rem; padding:0 0.4rem;position: relative;}
.infotext h4 span{font-size:1.1733rem;font-weight: bold;}
.infotext h4 p{ background:linear-gradient(0deg,rgba(9,194,173,1) 80%,rgba(9,194,173,0) 100%);padding: 0.1rem 0; position: absolute;top: 0.5rem; left: 0.4rem;}
.infotext{margin-top: 0.8rem;}
.notecont{ padding: 0.32rem 0.8rem;}
.getsignUp{ width: 100%; height: 1.26rem; line-height: 1.26rem; text-align: center; border-radius:0.13rem ;border: 0;  display: none;   color: #fff; font-size: 0.426rem; margin: 2rem auto 0;
background:linear-gradient(180deg,rgba(1,213,138,1) 0%,rgba(9,194,173,1) 100%);border-radius:0.7333rem;
border-image:linear-gradient(180deg, rgba(5,228,154,1), rgba(9,194,173,0)) 3 3;box-shadow: 1px 4px 12px rgb(104, 199, 189);}
.getsignUp.nopen{width: 100%;height: 1.26rem;line-height: 1.26rem;text-align: center;border-radius:0.13rem;border: 0;display: none;color: #fff;font-size: 0.426rem;margin: 2rem auto 0;
background: linear-gradient(180deg,rgb(220, 220, 220) 0%,rgb(138, 138, 138) 100%);
    border-radius: 0.7333rem;
    border-image: linear-gradient(180deg, rgb(195, 195, 195), rgba(9,194,173,0)) 3 3;
    box-shadow: 1px 4px 12px rgb(191, 191, 191);
}
.opustimecont{background: #fff; display: none; padding:1.06rem 0.8533rem;height: auto;  border-bottom-left-radius:0.4rem ; border-bottom-right-radius:0.4rem ;}
.opustimecont.cur{display: block;}
.opustimebox{ border:1px dashed #979797 ;height: 2.1333rem;width: 8.24rem; margin: 0 auto; border-radius:2.13rem ;position:relative ;}

.isSimultaneously .opustimebox{border:0; border-top:1px dashed #979797 ;height: 0.1rem;border-radius:50%;}
.markbg{position: absolute;left: -0.4rem; top: -0.06rem; background:linear-gradient(90deg,rgba(255,255,255,1) 50%,rgba(255,255,255,0) 100%); height: 2.133rem; width: 4rem; display: block;}
.creatTime{position: absolute;top: -0.2rem;left: 30%;}
.voteliTime{position: absolute;top:1.96rem;right: 1.2rem;}
.voteliEndTime{position: absolute;top: 1.96rem;left: 1.2rem;}
.isSimultaneously .voteliTime{top:-0.2rem;right:55%;}
.isSimultaneously .voteliEndTime{top:-0.2rem;left:70%;}
.time span{ width: 0.32rem; height: 0.32rem; border-radius:100% ; display: block; border:1px solid #2E3033 ;position: relative;margin: 0 auto; }
.time span:before{content:'';display: block;border-radius:50%;width:90%;background: #fff;height:90%;    margin: 5%;}
.time b{display: block; color: #2E3033;font-size: 0.3733rem;text-align: center;font-weight: normal; margin-bottom: 0.13rem;}
.time em{display: block; color: #2E3033;font-size: 0.32rem;text-align: center;}
 .time.cur span{border:1px solid #09C2AD ;}
.time.cur span:before{background:#09C2AD ;}
.time.cur b,.time.cur em{color: #09C2AD;}
.voteliTime span:before{left: 0.05rem;}
.votetag{margin-top:0.56rem;}
.votetag span{ font-size: 0.4266rem; color: #07C5A6; width: 100%;height: 1.0733rem; border:0.0533rem solid #07C5A6; background: #FFF; border-radius:0.78rem;}
.votetag span:first-child{margin-right: 0.88rem;color: #fff;background:linear-gradient(180deg,rgba(7,197,166,1) 0%,rgba(9,194,173,1) 100%);}
.votetag.cur span:first-child{background: #CFD0D2;border:0.0533rem solid #CFD0D2;}
#opusbanner .swiper-pagination-custom{width: auto;top: inherit;margin: auto;bottom: 0.4rem; right: 0.4rem; left: inherit; padding: 0 0.16rem;background: rgba(34, 34, 34, 0.4);border-radius: 1rem;height: 0.64rem;font-size: 0.32rem; line-height: 0.64rem;}
/*活动报名提交信息*/
.uploadworksbox{background: #fff;padding:0 0.4rem 0.4rem; }
.uploadcont{display: none;}
#StudentsList{overflow: hidden; overflow-y: scroll;height: 5rem;}
#setworkscont{ width: 100%; border: none;font-size: 0.375rem;padding: 0.4rem 0; height: 2.8rem; resize: none; border-radius:0.2rem ; margin-bottom: 0.2rem;}
#upworksimgList li{ position: relative;background: #EAECF1;border-radius: 0.13rem;border: 1px solid #EAECF1; width: 1.32rem; height: 1.32rem; margin-right: 0.26rem; float: left;}
#upworksimgList li span{display: block;width: 100%;height: 100%;}
.lost{position: absolute;top: -0.2rem;right: -0.2rem; font-size: 0.4rem;z-index: 999999;background:rgba(247, 0, 0, 0.66); color: #fff; width: 0.5rem; height: 0.5rem;border-radius:100% ; border: 2px solid #fff;}
#upworksimgList li:nth-of-type(3n){ margin-right: 0;}
#upworksimgList li img{height: 100%; width: 100%;}
#upworksactiveBnt{font-size:0.375rem; position: relative;}
#upworksimgList li#upworksactiveBnt img{ width: 0.5rem; height: 0.5rem;}
#upType{ margin-bottom: 0.4rem;}
.choosetype{font-size: 0.375rem; margin-top: 0.4rem;}
.choosetype label{font-size: 0.32rem; margin-right: 0.26rem;}
.choosetype input{width: 0.4rem; height: 0.4rem; border-radius:100% ; border: 1px solid #999; margin-right: 0.13rem;}
.choosetype input[checked="checked"]{background: #66cc00;border: 1px solid #66cc00;}
#upload-file{ background: #3676F7; color: #fff; font-size: 0.375rem; width: 100%; border-radius:1rem ; margin-top: 0.8rem;}
#upworksVoideBnt{background: #fff; height: 1.06rem; border: 1px solid #ccc; width: 4rem; color: #666; font-size: 0.375rem;border-radius:0.13rem ; margin: 0.4rem 0 0;}
.webuploader-container {position: relative;}
.webuploader-element-invisible {position: absolute !important;clip: rect(1px 1px 1px 1px); /* IE6, IE7 */ clip: rect(1px,1px,1px,1px);}
.webuploader-pick {position: relative;display: inline-block;cursor: pointer;background: #fff;padding: 10px 15px;color: #fff;text-align: center;border-radius: 3px;overflow: hidden;}
.webuploader-pick-hover {background: #fff;}
.webuploader-pick-disable {opacity: 0.6;pointer-events:none;}
#fn-image-file{opacity: 0;    position: absolute;width: 100%;height: 100%;z-index: 9999; left: 0; top: 0;}
.megtile{ padding:0.4rem; font-size: 0.48rem;color: #2E3033;  font-weight: bold;}
.addcadercont{ background: #fff; padding: 0 0.4rem; margin-top: 0.13rem;margin-bottom: 0.6rem;}
.addcadercont p span{color: #5B5F66; width: 4rem}
.addcadercont p input{width: 5rem}
.addcadercont p span em,.megtile em{color: #f03; margin-right:0.13rem;}
#signuptheam{ width: 100%; height: 1.06rem; margin-bottom: 0.26rem; font-size: 0.375rem;border: none; border-bottom: 1px solid #ddd;}
#fn-image-file,#video{opacity: 0;    position: absolute;width: 100%;height: 100%;z-index: 9999; left: 0; top: 0;}
#video{ height: 1.06rem; width: 4rem; }
#signuptheam::-webkit-input-placeholder { color:#999;font-size: 0.3733rem;}
#signuptheam::-moz-placeholder { color:#999; font-size: 0.3733rem;} /* firefox 19+ */
#signuptheam:-ms-input-placeholder { color:#999; font-size: 0.3733rem;} /* ie */
#signuptheam:-moz-placeholder { color:#999; font-size: 0.3733rem;}
#signuptheam{ width: 94.8%; height: 1.06rem; margin-bottom: 0.26rem; font-size: 0.375rem; padding:0; border: 0; border-bottom: 1px solid #EAECF1;  background: #fff;}
/*我的作品*/
.activeBox{
    background: url("../../img/bg_mywork.png") 0 0 no-repeat;
}
.activityauthorpage{ padding: 0.4rem;}
.myworkpage{ background: #fff; }
.page-head{height: 2rem;width: 100%;}
.page-face{width: 1.28rem; height: 1.28rem; border-radius:100% ; overflow: hidden; background: #f9f9f9; margin-right: 0.4rem;}
.page-face img{ height: 100%;}
.page-info{font-size:0.4rem ;width: 7rem;}
.worksNo{ color: #A9ACB3;font-size: 0.3733rem;}
.wauthorname{width: 100%; margin-bottom: 0.213rem;}
.wauthorname span{ display: block;}
.wauthorname span#worksvoteNo{color: #F25B5B;}
.myworksinfo{ margin-top: 0.26rem;}
.myworksinfo p{ font-size: 0.375rem; color: #999; line-height: normal;}
.myworksinfo img{ margin-top: 0.26rem;}
#votetablist,.votelist{height: 1.46rem; width: 100%;}
/*.votelist{position: fixed; left: 0.8533rem;bottom: 0.4533rem; background: none; color: #FF9900; font-size: 0.48rem;  width: 8.2933rem;}*/
.votelist span{width:3.6266rem;height: 1.1733rem; color: #fff; font-size: 0.4266rem;border-radius:1.1733rem ;}
#sharevote{background:#3676F7; margin-right: 1.04rem;}
#getvote{background: #EF701D;}
#opustabmegs p span{color: #A9ACB3; font-size: 0.32rem;}
#opustabmegs p span:first-child{color: #EF701D;font-size: 0.5333rem; margin-bottom: 0.32rem;}
.myworksinfo{border-top:1px solid #EAECF1 ; padding: 0.4rem;}
/*投票列表*/
.sticky {position: -webkit-sticky;position: -moz-sticky;position: -ms-sticky;position: -o-sticky;position: sticky;}
#votenamesearch{ width:100%;     background: #09c2ad;}
#votenamesearch span{position: absolute; top: 0.213rem; left: 0.26rem;color: #fff;}
#votenamesearch.teacherSearch input{background: rgba(0,0,0,0.09); color: #fff; text-indent: 1rem;}
input::-webkit-input-placeholder { color: #fff;}
#opusbanner{ background: #F9F9F9;}
.bgmusic{height: 6rem;width: 100%;position: relative; overflow: hidden;}
#musicinfo{display: none;z-index: 999999; position: absolute;top: 0.4rem; right: 0.4rem;width: 0.96rem; height: 0.96rem;  border-radius:100%; overflow: hidden;}
#musicid{width: 100%;height: 100%;display: block !important; }
@-webkit-keyframes rotation{
from {-webkit-transform: rotate(0deg);}
to {-webkit-transform: rotate(360deg);}
}

.Rotation{
-webkit-transform: rotate(360deg);
animation: rotation 3s linear infinite;
-moz-animation: rotation 3s linear infinite;
-webkit-animation: rotation 3s linear infinite;
-o-animation: rotation 3s linear infinite;
}
.activityvotecont{ padding:0.8rem 0.4rem;}
#timedes{ display: block; font-size: 0.4266rem; color: #fff; margin-bottom: 0.32rem; text-align: center;}
.showtimedata{font-size: 0.4rem;color: #fff;}
.showtimedata span{height: 0.5333rem;width: 0.5866rem; background: #fff; color: #08979C;font-size: 0.4rem;margin: 0 0.13rem;padding: 0 0.1rem;}
.votetab{margin-top: 0.6666rem;}
.votetime{ margin-bottom: 0.8533rem;}
#votetab{background: #08AE9C;width:100%; left: 0; top: 0;height: 1.0666rem; border-radius:0.26rem ; font-size: 0.4rem;}
#votetab span{width: 50%;}
#votetab span a{height: 1.06rem; width: 100%;}
#votetab span.cur{ background: #D3F261;}
#votetab span.cur a{ color: #3F6600;}
.opusvotelist{padding: 0.4rem 0 ;}
.opusvotelist li{height: 6.246rem;border-radius:0.1066rem; width: 3.76rem; padding:0.4rem 0.32rem; margin-bottom: 0.4rem;}
.voteautherimg{ width: 0.96rem; height: 0.96rem; overflow: hidden; border-radius:100% ; margin-right: 0.13rem;}
.voteautherimg img{ width: 100%; height: 100%;}
.voteauther p{color: #5B5F66; font-size: 0.4rem;}
.voteauther{margin-bottom: 0.26rem;}
.opusvotelist li .needvoteauthor{ width: 3.76rem;height: 2.8266rem;}
.opusvotelist li .needvoteauthor img{ width: 100%; height: 100%;}
.authorworks{padding: 0;margin: 0.13rem 0 0;}
.authorworks p.titles{height: 2rem; margin-bottom: 0.26rem;}
.authorworks span{color: #EF701D;}
.authorworks span.authorworksNo {width:1.84rem;margin-top:0;height:0.8rem;border-radius:0.4266rem; line-height: 0.8rem; text-align: center; color: #fff; background: #EF701D;}
#rankcont{padding: 0;margin: 0.4666rem 0; border-radius:0.1066rem ;}
.ranklist{padding: 0.32rem;border-radius:0.4266rem ;}
.rankrow p.ranking {width: 0.6666rem; height: 0.6666rem; margin-right: 0.26rem;}
.rankrow p.authername {width: 6rem;font-size: 0.4rem; color: #2E3033;}
.rankrow p.votenum {display: block; text-align: right;}
.rankrow p.votenum b{color: #EF701D;font-size: 0.4266rem; margin-right: 0.13rem;}
.more p{text-align: center;font-size: 0.3733rem;}
.more p img{width: 0.5333rem; height: 0.5333rem;}

.mui-popup-backdrop{    z-index: 9998;}
.mui-popup{position: fixed; width: 92%;}
.mui-popup-inner{background: #F8F8F8;}
.mui-popup-button{background: #F8F8F8;}
.mui-popup-title{margin-top: 0.26rem;}
.Officialcodeimg{margin:0.4rem 0;}
.delmuibox{position: absolute;z-index:999999;top:0; right:0;  font-weight: bold; width: 1.4rem; height: 1.2rem; color: #76797E;font-size: 0.266rem;}


.votemsgcont{background: #fff; padding: 0 0 0.88rem; border-radius:0 0 0.4266rem 0.4266rem ; }
#opustabmegs.opustabmegs{background: #4D85FF;}
#opustabmegs.opustabmegs p span{color: #fff8;font-size: 0.3733rem}
#opustabmegs.opustabmegs p span:first-child{color: #fff;font-size: 0.48rem;margin-bottom:0.13rem}
#timedes{color: #333333;font-size: 0.3733rem;margin: 0;}
.showtimedata{color: #333333;}
.showtimedata span{color: #0068FF; font-size: 0.64rem;padding: 0;font-family: arial;font-weight: bold;}
.votetime{padding: 0.5333rem 0 0;}
#votenamesearch{width: 92%;background: #fdfdfd;height: 0.96rem;border-radius: 0.1066rem;border: 0.0266rem solid #E5E5E5;}
#votenamesearch.teacherSearch input{background: none;color: #999999;    height: 100%;}
#votenamesearch span{color: #999999;}
#serchBnt::-webkit-input-placeholder { color:#999;font-size: 0.3733rem;}
#serchBnt::-moz-placeholder { color:#999; font-size: 0.3733rem;} /* firefox 19+ */
#serchBnt:-ms-input-placeholder { color:#999; font-size: 0.3733rem;} /* ie */
#serchBnt:-moz-placeholder { color:#999; font-size: 0.3733rem;}

.votetypebtn{margin-top: 0.64rem;padding: 0 0.4rem;}
.votetypebtn span{display: none; width: 92%;height: 1.1733rem;border-radius: 0.7333rem;font-size: 0.4266rem;color: #fff;}
.getvoteing{background: linear-gradient(90deg, #479FF9 0%, #3676F7 100%);margin-right: 0.4rem;box-shadow: 0 0.1rem 0.3rem #a2caf3;}
.getenroll{background: linear-gradient(90deg, #FF955D 0%, #FF7416 100%);box-shadow: 0 0.1rem 0.3rem #efb993;}
.nostate{background: linear-gradient(90deg, #c9c9c9 0%, #CFD0D2 100%);box-shadow: 0 0.1rem 0.3rem #fefefe;}
.votefoot{height: 1.3333rem; background: #fff;width: 100%;}
.votefoot-list{position: fixed;bottom: 0; left: 0;height: 1.3333rem; background: #fff;width: 100%;}
.votefoot-list a{width: 100%;height: 100%;}
.votefoot-list a:last-child em{border: 0; }
.votefoot-list a em{height: 0.64rem; width: 100%;font-size: 0.3733rem; color: #333; border-right:0.0266rem solid #E5E5E5 ;}
.votefoot-list a.cur{background: #3676F7;}
.votefoot-list a.cur em{ color: #fff;border-right:0}

.title{ height: 0.48rem; padding: 0.65rem 0; font-size: 0.4266rem; font-weight: bold;}
.title img{width: auto; height: 0.4266rem; display: inline-block;}
.title span{display: inline-block; margin:0 0.4266rem;}
#votechangecont{padding:0.4rem;}
.v-cont:first-child{margin-top: 0.306rem;}
.v-cont{background: #fff;border-radius: 0.32rem;margin-bottom: 0.7066rem;}
.v-cont-info{font-size: 0.3733rem; color: #5B5F66; line-height: 0.5333rem;padding:0 0.4rem 0.68rem;}
.voteauther p{    font-size: 0.32rem;}
.authorworks p.titles{max-height: 2rem;height: auto;}
.opusvotelist li{height: auto;max-height: 6rem;}

#mark .mark-box.votebox{background: #F77005; border-radius:0.4rem ;}
.votebox .mark-cont{position: relative; border-radius:0.2133rem ;height: 5.3733rem;}
.voteclasscont{padding: 0.4rem 4%; background: #fff;position: absolute; left: 0; width: 92%;top: 2.7rem;border-radius: 0.2666rem; box-shadow: 0.13rem 0.13rem #F89850;}
.votesebg{position: absolute;left: 0; top: -1.68rem;background: url(../../img/voteses.png) no-repeat; background-size: cover; width: 100%; height: 4.2rem;}
.voteclassimg{width: 1.6rem; height: 1.6rem; border-radius:0.1066rem ; overflow: hidden; margin-right: 0.32rem;}
.voteclassimg img{width: 100%;height: 100%;}
.votetext{font-size: 0.4rem;color: #000;}
.voteclose{position: absolute; top: -2rem; right: -1.2rem; color: #fff; width: 0.72rem;border: 0.0533rem solid #fff; height: 0.72rem;font-size: 0.48rem; border-radius:100% ;}
.votebox .taba{height: 1.0133rem;}
.votebox .taba span{height: 0.9333rem;}
.votebox .taba span a{border-radius: 1.0133rem;}
.votebox .taba span:first-child a{background:none;border: 1px solid #fff; color: #fff;width: 2.5333rem; height: 0.9333rem  ;border-radius: 0.9rem;}
.votebox .taba span:first-child{width: 2.5333rem;}
.votebox .taba span:nth-of-type(2) a{height: 1.12rem; width: 3.12rem;background: url(../../img/voteyk.png) no-repeat;background-size: cover;    box-shadow: 0 0 0.4rem #f73409;}
.votebox .taba span:nth-of-type(2){width: 3.12rem;}
.dw-persp{z-index: 99999999998;}
.mbsc-ios .dw-li{text-align: center;}