.container {
  background-color: #3157ba;
}

.panel1 {
  position: fixed;
  top:80rpx;
  color: #fff;
}

.panel1_iPad {
  position: fixed;
  top:0rpx;
  color: #fff;
}

.text1 {
  font-size: 36rpx;
}
.text11 {
  font-size: 40rpx;
  font-family: 'Roboto-Black';
}
.text3 {
  font-size: 28rpx;
  margin-top: 10rpx;
}

.text2 {
  font-family: 'Roboto-Black';
  font-size: 168rpx;
}

.universalpic_setup_white_50x50 {
  width: 50rpx;
  height: 50rpx;
  margin-top: 60rpx;
}

.message_practise_index_01{
  width: 460rpx;
  height: 143rpx;
  position: fixed;
  top:374rpx;
}

.message_practise_index_01_iPad{
  width: 460rpx;
  height: 143rpx;
  position: fixed;
  top:270rpx;
}

.study_index_start {
  width: 480rpx;
  height: 254rpx;
  position: fixed;
  top:526rpx;
}

.study_index_start_iPad {
  width: 480rpx;
  height: 254rpx;
  position: fixed;
  top:387rpx;
}

.setting{
  width:150rpx;
  height:168rpx;
  position: fixed;
  top:544rpx;
  left:145rpx;
  z-index: 10;
}

.setting_iPad{
  width:150rpx;
  height:168rpx;
  position: fixed;
  top:396rpx;
  left:145rpx;
  z-index: 10;
}

.study_index_plan{
  width:110rpx;
  height:144rpx;
  position: fixed;
  top:745rpx;
}

.study_index_plan_iPad{
  width:110rpx;
  height:144rpx;
  position: fixed;
  top:545rpx;
}


.panelBottom {
  position: fixed;
  bottom:0;
  width: 100%;
}

.adPanel{
  width:100%;
  height:174rpx;
  justify-content: flex-end;
  position: relative;
}
.adLine1{
  width:100%;
  height:120rpx;
  background-color: #222D4C;
  border-top-left-radius: 14rpx;
  border-top-right-radius: 14rpx;
  
}
.text6{
  margin-left: 15rpx;
  font-size:28rpx;
  color:#E3E3E3;
}
.adLine2{
  width:100%;
  height:20rpx;
  background-color: #FFC48D;
}
.adLine3{
  width:100%;
  height:10rpx;
  background-color: #CA8770;
}
.avatar{
  width:110rpx;
  height:169rpx;
  position: absolute;
  bottom:0;
  left:30rpx;
}
.message{
  width:103rpx;
  height:41rpx;
  position: absolute;
  top:0;
  left:160rpx;
}

.chalk{
  height:8rpx;
  border-radius: 4rpx;
}
.chalk1{
  width:34rpx;
  position: absolute;
  bottom:30rpx;
  right:90rpx;
  background-color: #E3E3E3;
}

.chalk11{
  width:28rpx;
  background-color: rgba(0,0,0,0.2);
}

.chalk2{
  width:34rpx;
  position: absolute;
  bottom:30rpx;
  right:40rpx;
  background-color: #19C575;
}


.study_index_board_close{
  width:70rpx;
  height:70rpx;
  position: absolute;
  right:10rpx;
  top:49rpx;
}

.study_index_footer{
  width: 100%;
  height:140rpx;
}
.panelBottom1 {
  width: 100%;
  background-color: #fff;
}

.iphone10plus{
  width:100%;
  height:30rpx;
  background-color: #fff;
}

.panelBottom11 {
  color:#9B9B9B;
  height:98rpx;
  width:150rpx;
  font-size:36rpx;
}

.panelBottom12 {
  color:#9B9B9B;
  height:98rpx;
  width:300rpx;
  font-size:36rpx;
}

.text5{
  color:#1e1e1e;
}
.text51{
  width:220rpx;
  text-align: right;
}

.tabbar_add_red_70x70 {
  width: 70rpx;
  height: 70rpx;
}

.TempCardNoSaved{
  background-color: #0B8457;
  position: fixed;
  top:0;
}
.TempCardNoSaved .Avatar{
  width:200rpx;
  height:200rpx;
  margin-top: 150rpx;
  z-index: 10;
  border-radius: 50%;
}
.TempCardNoSaved .RemindText{
  font-size:54rpx;
  color:#fff;
  margin-top: 170rpx;
  text-align: center;
}
.TempCardNoSaved .RemindText2{
  font-size:32rpx;
  color:#fff;
  margin-top: 105rpx;
  text-align: center;
}
.TempCardNoSaved .btn1{
  font-size:36rpx;
  color:#fff;
  margin-top: 40rpx;
  border:2rpx solid #fff;
  text-align: center;
  width:600rpx;
  line-height: 90rpx;
  border-radius: 14rpx;
}


.IsExitContainer{
  background-color: #3157ba;
  position: fixed;
  z-index: 100;
  top:0;
}
.IsExitText{
  margin-top: 200rpx;
  color:#fff;
  font-size:36rpx;
}
.isExit{
  border: 1rpx solid #fff;
  color:#fff;
  border-radius: 10rpx;
  margin-top: 80rpx;
  padding: 20rpx;
  width:100rpx;
  font-size:36rpx;
  text-align: center;
}

.ChangeUser{
  position: fixed;
  top:30rpx;
  left:0;
  z-index: 100;
  width:100rpx;
  height:100rpx;
}
.input{
  background-color: #fff;
  color:#1e1e1e;
  text-align: center;
  font-size:24rpx;
  margin-top: 30rpx;
}
.panel2{
  width:500rpx;
  margin-top: 10rpx;  
}
.Avatar2{
  width: 50rpx;
  height:50rpx;
  background-color: #E3E3E3;
  border-radius: 5rpx;
  margin-right: 10rpx;
}
.NickName2{
  max-width:200rpx;
  overflow-x: hidden;
  font-size: 20rpx;
  color:#fff;
}
.input2{
  width: 200rpx;
  height:65rpx;
  margin-top: 0rpx;
  margin-left: 10rpx;
  font-size:28rpx;
}
.btnShowUserID{
  margin:30rpx 5rpx;
  font-size: 26rpx;
}
.btn2{
  font-size: 26rpx;
  margin:0 0 0 10rpx;
}



.IsRemindContainer{
  background-color:rgba(49,87,186,0.86);
  position: fixed;
  z-index: 100;
  top:0;
}

.IsRemindContainer .IsRemindPanel{
  width:710rpx;
  height:835rpx;
  margin-top: 120rpx;
  border-radius: 40rpx;
  background-color: #222D4C;
  align-items: flex-start;
  justify-content: flex-start;
  position: relative;
}
.IsRemindContainer .IsRemindText1{
  margin: 80rpx 0 0 60rpx;
  color: #F0F0F0;
  font-size:72rpx;
}
.IsRemindContainer .IsRemindText2{
  margin: 20rpx 0 0 60rpx;
  color: #F0F0F0;
  font-size:36rpx;
}
.IsRemindContainer .IsRemindLine{
  margin: 30rpx 0 0 60rpx;
  width:300rpx;
  height:2rpx;
  background-color: #f0f0f0;
}
.IsRemindContainer .IsRemindText3{
  margin: 30rpx 0 0 60rpx;
  color: #FEDF9F;
  font-size:36rpx;
}

.IsRemindContainer .IsRemindBtn{
  margin: 47rpx 0 0 60rpx;
  width:300rpx;
  height:100rpx;
  background-color: #FE6659;
  border-radius: 20rpx;
  color:#fff;
  font-size:48rpx;
  text-align: center;
  line-height: 100rpx;
}

.practise_index_board_blackboard{
  position: absolute;
  bottom:0;
  left:0;
  width:710rpx;
  height:58rpx;
}

.practise_index_board_blackboard{
  position: absolute;
  bottom:0;
  left:0;
  width:710rpx;
  height:58rpx;
}

.practise_index_board_avater01{
  position: absolute;
  bottom:0;
  right:50rpx;
  width:268rpx;
  height:463rpx;
}

.practise_index_board_close{
  position: absolute;
  top:30rpx;
  right:30rpx;
  width:70rpx;
  height:70rpx;
}