page{
  background-color: #3157ba;
}

.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;
}


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

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

.settingOld{
  width:150rpx;
  height:168rpx;
  position: fixed;
  top:744rpx;
  left:145rpx;
  z-index: 10;
  background-color: #9B9B9B;
}

.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: absolute;
  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{
  margin: 10rpx 0 10rpx 0;  
}

.panel20{
  width:500rpx;
  margin: -20rpx 0 0 0;  
}
.panel21{
  margin: -20rpx 0 0 0;  
}
.Avatar2{
  width: 50rpx;
  height:50rpx;
  background-color: #E3E3E3;
  border-radius: 5rpx;
  margin:0 10rpx;
}
.NickName2{
  max-width:200rpx;
  overflow-x: hidden;
  font-size: 20rpx;
  color:#fff;
}
.input2{
  width: 140rpx;
  height:65rpx;
  margin: 0rpx 10rpx 0 10rpx;
  font-size:28rpx;
}
.btnShowUserID{
  margin:20rpx 5rpx;
  font-size: 26rpx;
}
.btn2{
  font-size: 26rpx;
  margin:20rpx 5rpx;
}



.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;
}
.hiddenline{
  width:70%;
  height:1rpx;
  background-color: #ddd;
}

.panelItemPay{
  background-color: #fff;
  width:100%;
  border-bottom: 2rpx solid #F0F0F0;
  padding: 10rpx 30rpx;
}

.panelItemPay1{
  background-color: #E3E3E3;
  width:100%;
  border-bottom: 2rpx solid #F0F0F0;
  padding: 10rpx 30rpx;
}

.input3{
  width: 602rpx;
  margin: 0rpx 30rpx 10rpx 30rpx;
  font-size:28rpx;
  text-align: left;
  padding-left: 20rpx;
}

.UserFamily{
  position: fixed;
  top:397rpx;
  height: 80rpx;
  border-radius: 40rpx;
  background-color: #2a4a9f;
  justify-content: space-between;
}

.UserFamily_iPad{
  position: fixed;
  top:282rpx;
  height: 80rpx;
  border-radius: 40rpx;
  background-color: #2a4a9f;
  justify-content: space-between;
}

.UserFamilyAvatar{
  width:60rpx;
  height:60rpx;
  margin-left: 10rpx;
  border-radius: 50%;
}

.UserFamilyNickName{
  color:#fff;
  font-size: 28rpx;
  margin: 0 20rpx;
}

.icon_nextpage_2{
  width:16rpx;
  height:26rpx;
  margin-right: 30rpx;
}


.IsRemindPanel2{
  width:660rpx;
  height:555rpx;
  margin-top: 270rpx;
  border-radius: 40rpx;
  background-color: #222D4C;
  justify-content: flex-start;
  position: relative;
}

.IsRemindPanel2_iPad{
  width:660rpx;
  height:520rpx;
  margin-top: 170rpx;
  border-radius: 40rpx;
  background-color: #222D4C;
  justify-content: flex-start;
  position: relative;
}

.text7{
  font-size: 36rpx;
  color: #F0F0F0;
  letter-spacing: 0;
  margin-top: 60rpx;
}

.IsRemindPanel20{
  width:480rpx;
  justify-content: space-around;
  margin-top: 50rpx;
}

.IsRemindPanel201{
  height:285rpx;
  justify-content: flex-start;
  position: relative;
}

.UserFamilyAvatar2{
  width:120rpx;
  height:120rpx;
  border-radius: 50%;
  background-color: #fff;
}

.text8{
  width:120rpx;
  font-size: 24rpx;
  color: #FFFFFF;
  text-align: center;
  margin-top: 25rpx;
}

.text9{
  font-size: 28rpx;
  color: #FFFFFF;
  letter-spacing: 0;
  border-top:1rpx solid #4d4d4d;
  width:600rpx;
  text-align: center;
  line-height:100rpx;
}

.text10{
  background: #FE6659;
  border-radius: 10rpx;
  font-size: 20rpx;
  color: #F0F0F0;
  letter-spacing: 0;
  width:80rpx;
  height:40rpx;
  border-radius: 10rpx;
  position: absolute;
  top:80rpx;
  text-align: center;
  line-height: 40rpx;
  z-index: 20;
}

.practise_index_board_close{
  width:70rpx;
  height:70rpx;
  position: absolute;
  top:30rpx;
  right:30rpx;
  z-index: 10;
}

.PanelRemind{
  width:390rpx;
  height:121rpx;
  position: absolute;
  right:-1rpx;
  top:-74rpx;
}
.message_practise_index_02{
  width:390rpx;
  height:121rpx;
}
.PanelRemind1{
  width:300rpx;
  height:100rpx;
  position: absolute;
  left:0;
  top:0;
}
.PanelRemindClose{
  width:90rpx;
  height:100rpx;
  position: absolute;
  right:0;
  top:0;
}
.universalpic_close_black{
  width:22rpx;
  height:22rpx;
}