/*弹框*/
[v-cloak]{
    display: none;
}
.mask{position: fixed;width: 100%;height: 100%;text-align: left;background-color: rgba(0,0,0,.5);top: 0;left: 0;z-index: 100;color: #000;}
.mask > div{
	background-color: #fff;
	border-radius: 10px;
	position: absolute;
}
.mask .panel-msg{
	width: 75%;
	top:45%;
	left:50%;
	padding: 5% 0;
	transform:translate(-50%,-50%);
}
.panel-msg p{padding: 5%;text-align: center;}
.panel-msg p span{color:#fe5aad;}
.panel-msg em{display: block;/*color: #ccc;*/font-size: 1rem;text-align: center;}
.pop-btn{
	padding: .7rem 0;
	display: inline-block;
	color: #fff;
	font-size: 1.5rem;
	width:60%;
	/*background: linear-gradient(to right,#00b6ff,#9ae2ff);*/
	background-color: #8e61fa;
	border-radius: 2rem;
	margin:5% 20%;
	text-align: center;
}
.pop-btn-0{width: 40%;background-color: #f1f1f1;color: #f24947;}
.pop-btn-1{width: 40%;}
.tip-box{text-align: center;padding-bottom: 2rem;}
.mask img{width: 100%;}
.tip-box i{width: 1rem;height: 1rem;border-radius: 1rem;display: inline-block;vertical-align: middle;border: 1px solid #c4c4c4;}
.tip-box em{display: inline-block;vertical-align: middle;font-size: 1rem;}

.tip-active{background-color: #41c9ff;border: none;}
/*.mask > div span:nth-child(3){border-left: 1px solid #f0f0f0;}*/
/*.submit-box p span{color: #999;font-size: 1rem;}*/
.color-r{color: #fe5aad;}

.panel-bottom{
	bottom: 0 !important;
	width: 90%;
	border-bottom-left-radius: 0 !important;
	border-bottom-right-radius: 0!important;
	padding: 5%;
}
.panel-bottom h1{font-size: 1.5rem;font-weight: bold;}
.panel-bottom > em{color: #909090;}
.choose-panel{margin: 1rem 0;padding: 0 5%;}
.choose-panel > div img{width: 6%;vertical-align: middle;display: inline-block;vertical-align: middle;margin-right: 5%;}

.sel em{box-shadow: 5px 5px 20px rgba(63,177,249,.3);font-size: 1.6rem;font-weight: bold;} 

.card-msg{background: none !important;text-align: center;}
.card-msg > div{position: relative;}
.card-msg > div >p{font-size: 3rem;position: absolute;bottom: 2.5%;width: 100%;text-align: center;color: #fff5ca;}
.card-msg > p{color: #fff5ca;font-size: 2rem;}


.panel-bottom h2{font-size: 1.2rem;}
.panel-bottom h2 span{color: #fe5aad;margin-bottom: .5rem;display: inline-block;}
.input-box{text-align: center;margin-bottom: .5rem;padding: 0 5%;}

.input-box input{width: 100%;text-align: center;padding: .3rem 0;border: none;border-bottom: 1px solid #c4c4c4;margin-top: .5rem;line-height: 2rem;font-size:1.4rem;color: #ff5b6d;}
.choose-intro{font-weight: bold;}
.choose-intro span{color: #ff5b6d; }
.choose-intro img{float: right;}
.choose-intro p{margin: 1rem 0; line-height: 1.5rem;}
.choose-intro i{margin-left: 1rem;color:#253088;font-size: 1rem;}
.pop-intro{font-size: 1rem;position: relative;padding: 0 2%;}
.pop-intro em{position: absolute;left: 0;top: 0;color: #db003e;}
.pop-close{position: absolute;width: 1.5rem !important;right: 3%;top: 1rem;z-index: 10;}
.pop-intro span{color: #fe5aad;font-size: 1rem;}
.pop-intro p{margin: .5rem 0;}
/*list-box*/
.list-box li{margin: .3rem 0;}
.list-box li span{vertical-align: middle;}
.list-box li em{float: right;color: #253088;text-align: right;}
.list-box li > div{vertical-align: middle;display: inline-block;}
.list-box li h1{font-size: 1.4rem;}
.name2{color: #fff;background-color: #fe5aad;border-radius: 2rem;padding: .2rem 1rem;font-size: 1rem !important;width: auto !important;    margin-top: .5rem;}

.list-box li .v-msgs{font-size: 1.2rem;}
.list-box h3{font-size: 1rem;}
/*panel-bind*/
.panel-bind{text-align: center;}
.panel-bind h2{text-align: center;}
.panel-bind input{line-height: 3rem;text-align: center;margin-top: .5rem;width: 70%;border-radius: 2rem;border: 1px solid #ccc;}
.panel-bind em{display: inline-block;margin-left: .5rem;}
.panel-bind .tips{padding: 0;margin-top: .5rem;}
.panel-bind i{color: #253088;margin-left: .5rem;}
/*teamBox*/

.teamBox{max-height: 30rem;overflow: scroll;}
.teamBox li{display: inline-block;width: 20%;margin: 2%;background-color: #ffcde6;border-radius: .5rem;padding:1% 0;color: #fff;text-align: center;}
.teamBox img{width: 1.5rem;display: inline-block;margin-left: .5rem;margin-top: -.2rem;}
.input-box span{color: #253088;}
.input-box p{color: #253088;font-weight: bold;text-align: left;}
.teamBox p{color: #ccc;font-size: 1rem;text-align: left;}
.team-sel{background-color: #fe5bae !important;}
.panel-team{padding-top: 8%;}


.choose-mem{padding-top: .5rem;font-size: 1.3rem;}
.choose-mem p{display: inline-block;}
.choose-mem >em{float: right;}
.choose-mem .tips{display: block;color: #f00;}

.choose-mem p span{color: #ccc;margin-right: 1rem;}
.choose-mem em{color: #ffcde6;}

.input-box-jc input{display: inline-block;width: 30%;border: none;background-color: #c9d5ff;border-radius: .3rem;vertical-align: baseline;}
.input-box-jc span{font-size: 1.4rem;color: #000;font-weight: bold;}
.panel-bottom-jc h2{text-align: center;}



/*panel-result*/
.panel-result{
	width: 100%;
	padding: 0;
	background: url(../img/pop-bg.png);
	background-size: cover;
}
.panel-result .pop-btn{width: 50%;border-radius: .5rem;margin:5% 25% 10%;}
.panel-result > div{position: relative;}
.panel-result div p{position: absolute;width: 64%;text-align: center;left: 19%;font-size: 1.4rem;}
.result-top p{bottom: 0;font-weight: bold;font-size: 1.4rem;}
.result-bottom p{top: 10%;font-size: 1.2rem !important;}

.panel-result2 .result-top p{font-size: 1.3rem !important;}



.panel-bottom ul{max-height: 20rem;overflow: scroll;}
.panel-team ul{max-height: none;overflow: auto;}



/*panel-upload*/
.panel-upload{text-align: center;min-height: 150px;}



/*弹窗美化*/
.panel-msg{color: #fff;}
.mask .panel-msg{background: rgba(50, 50, 50, .87);}
.mask .btn-close{width: 28px !important; right: auto; left: 0;}
.mainContainer .select-button, .control-upload{background-color: #004bfd !important; border-radius: 99em !important; font-size: 16px !important; font-weight: 600; line-height: 1; padding: 8px 20px !important;}
.mainContainer .select-button{background-color: transparent !important; outline: 2px solid #fff; outline-offset: -2px;}
#totalBarColor{background-color: #004bfd !important;}