html,body{
  background: #fff !important;
}
*{
  /* text-transform: uppercase */
}
input{
  text-transform: none;
}
p{
  text-transform: none !important;
}
.setting-container{
  width: 1170px;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 46px;
}
.setting-logo{
  display: flex;
  align-items: center;
}
.search-icon{
  position: relative;
}
.search-icon img{
  width: 15px !important;
  height: 15px !important;
  position: absolute;
  right: 10px;
  top: 8px;
  cursor: pointer;
  margin-top:5px;
}
.setting-logo input{
  width: 393px;
  height: 30px;
  background: #FFFFFF;
  border: 2px solid #D7D7D7;
  border-radius: 3px;
  outline: none;
  margin-left: 47px;
  padding-left: 10px;
}
.setting-logo img{
  width: 122px;
  height: 87px;
}
select{
  width: 174px;
  height: 26px;
  background: #E71C1C;
  border-radius: 13px;
  color: #FFFFFF;
  outline: none;
  border: none;
  font-size: 18px;
  padding: 0 10px;
}
.nav-tab{
  height: 63px;
  background: #E71C1C;
  margin-top: 23px;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 1000;
}
.nav-tab-wrap{
  width: 700px;
  margin: 0 auto;
  position: absolute;
  bottom: -25px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.tabitem{
  width: 154px;
  height: 52px;
  background: #000000;
  border: 2px solid #FFFFFF;
  border-radius: 12px;
  line-height:52px;
  display: flex;
  color: #fff;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  margin-right: 10px;
  font-size: 16px;
}
.tabactive{
  color: #E71C1C;
  background: #fff;
  box-shadow: 0px 0px 9px 1px rgba(0, 0, 0, 0.64);
}
.tabitem img{
  width: 17px;
  height: 17px;
  margin-right: 5px;
}
.profile-settings{
  width: 1172px;
  height: 945px;
  background: #FFFFFF;
  border: 2px solid #030000;
  box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.64);
  margin: 0 auto;
  margin-top: 60px;
  padding: 25px;
}
.profile-title{
  font-size: 42px;
  font-weight: 800;
  color: #E71C1C;
  line-height: 39px;
  text-align: center;
  margin-bottom: 10px;
}
.profile-info-title{
  font-size: 25px;
  font-weight: 800;
  color: #E71C1C;
  text-align: center;
}
.profile-atical{
  font-size: 20px;
  font-weight: 400;
  color: #000000;
  text-align: center;
}
.u-sername input{
  width: 1012px;
  height: 33px;
  background: #EDECEC;
  border-radius: 15px;
  margin-left: 10px;
  outline: none;
  border: none;
  padding-left: 20px;
}
.pass-word input{
  width: 1012px;
  height: 33px;
  background: #EDECEC;
  border-radius: 15px;
  margin-left: 10px;
  outline: none;
  border: none;
  padding-left: 20px;
}
.change-email input{
  width: 1012px;
  height: 33px;
  background: #EDECEC;
  border-radius: 15px;
  margin-left: 10px;
  outline: none;
  border: none;
  padding-left: 20px;
}
.student-title{
  font-size: 28px;
  font-weight: 800;
  color: #E71C1C;
}
.u-sername,.pass-word,.change-email{
  display: flex;
  margin-bottom: 20px;
}
label{
  font-size: 21px;
  font-weight: 400;
  color: #000000;
}
.submit-btn{
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 80px;
}
.submit-b{
  width: 157px;
  height: 55px;
  background: #E71C1C;
  color: #FFFFFF;
  line-height: 55px;
  font-size: 22px;
  border: none;
  margin-right: 20px;
}
.cancel-b{
  width: 157px;
  height: 55px;
  background: #95A7B0;
  line-height: 55px;
  font-size: 22px;
  border: none;
}
.lorempsum-title{
  color: #E71C1C;
  font-size: 32px;
}
.lorempsum-info{
  color:#231F20;
  font-size:22px;
  line-height: 30px;
}
.lorempsum-due{
  color: #E71C1C;
  font-size: 22px;
}
.lorempsum-due span{
  font-size: 22px;
  color:#231F20;
}
.student-profile{
  margin-top: 86px;
}
.student-title{
  margin-bottom: 40px;
}
.lorempsum{
  margin-top: 96px;
}
.lorempsum-info{
  margin-bottom: 40px;
}
/* maths模块 */
.mathslft{
  width: 584px;
}
.mathslft-top{
  /* height: 219px; */
  background: #000;
  color: #fff;
  padding: 20px;
}
.mathslft-top-title{
  font-size: 30px;
  font-weight: 800;
  color: #E71C1C;
}
.mathslft-top p{
  font-size: 22px;
  font-weight: 400;
  color: #FFFFFF;
}
.profile-settings-maths{
  width: 1172px;
  /* height: 1245px; */
  background: #FFFFFF;
  border: 2px solid #030000;
  box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.64);
  margin: 0 auto;
  margin-top: 60px;
}
.number-sense{
  width: 295px;
  margin: 30px 23px 40px 23px;
}
.number-sense h2{
  color: #E71C1C;
  font-size: 18px;
  margin-bottom: 5px !important;
}
.number-item-title{
  color: #E71C1C;
  font-size: 15px;
}
.number-item-info{
  color: #000000;
  font-size: 15px;
  margin-left: 14px;
}
.number-item li{
  list-style: none;
  display: flex;
}
.number-item li img{
  width: 20px;
  height: 20px;
}
/*  */
.time-deta{
  font-size: 20px;
  text-align: center;
  margin-right: 20px;
}
.question-container{
  display: flex;
  justify-content: flex-end;
  margin: 20px;
}
.time-info{
  color: #e71c1c;
}
.back-btn{
  width: 48px;
  height: 48px;
  background: #e71c1c;
  color: #fff;
  font-size: 40px;
  text-align: center;
  line-height: 42px;
  cursor: pointer;
}
.btn-right{
  display: flex;
}
.time-remaing{
  display: flex;
  justify-content: center;
  align-items: center;
  margin-right: 173px;
}
.btn-right button{
  width: 158px;
  height: 55px;
  text-align: center;
  line-height: 55px;
  border: none;
}
.btn-right-return{
  background: #95a7b0;
  color: #fff;
  margin-right: 24px;
  font-size: 22px;

}
.btn-right-submit{
  background: #e71c1c;
  color: #fff;
  font-size: 22px;
}
.question-scroll-list{
  width: 100px;
}
.question-scroll-min{
  height: 800px;
  overflow-y: scroll;
  border: 4px solid #efefef;
}
::-webkit-scrollbar {
  width: 6px;
  background-color: rgba(240, 240, 240, 1);
}
.tstest3-wrap ::-webkit-scrollbar{
    width: 0px !important;
    background-color: rgba(240, 240, 240, 0);
}
.question-scroll-check{
  width: 930px;
  padding: 0 20px;
}
.scroll-check-wrap{
  margin-bottom: 50px;
}
.question-scroll-check h5{
  color: #E71C1C;
  font-size: 30px;
  margin-bottom: 60px;
}
.check-titles{
  /* display: flex; */
}
.check-titles p{
  padding-right:40px;
  font-size: 20px;
}
.input-item{
  display: flex;
  flex-direction: column;
  margin-left: 76px;
}
.input-item input{
  margin-right: 10px;
}
.check-nums{
  width: 52px;
  height: 52px;
  color: #fff;
  background:#E71C1C ;
  text-align: center;
  line-height: 52px;
  flex-shrink: 0;
  font-size: 24px;
  margin-right: 24px;
}
.question-scroll{
  display: flex;
  justify-content: space-between;
}
.question-scroll-top{
  height: 76px;
  background: #efefef;
  color: #000;
  font-size: 18px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-right: 0 !important;
}
.question-scroll-top span{
    margin-right: 0 !important;
  display: flex;
  align-items: center;
  justify-content:center;
}
.question-scroll-top img{
  width: 33px;
  height: 16px;
  margin-right: 20px;
  cursor: pointer;
}
.question-scroll-top span{
  margin-right: 96px;
}
.question-scroll-min li{
  list-style: none;
  height: 98px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-bottom: 1px solid #efefef;
}
.question-list-info{
  display: flex;
  font-size: 22px;
}
.question-list-tilte{
  font-size: 13px;
}
.one-point{
  margin-left: 50px;
}
.question-num{
  font-size: 22px;
  margin-top: 18px;
  margin-right: 20px;
}

/* 进度 */
.progress-speed{
  width: 1150px;
  height: 336px;
  margin: 0 auto;
  box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.64);
  margin-top: 150px;
  margin-bottom: 60px;
  display: flex;
  justify-content: space-around;
  align-items: center;
}
.points-num{
  font-size: 40px;
}
.points-out{
  color: #E71C1C;
  font-size: 30px;
}
.progress-list h4{
  color: #E71C1C;
  font-size: 42px;
}
.close-x{
  width: 1000px;
  height: 60px;
  border: 2px solid #E71C1C;
  border-radius: 2px;
  display: flex;
  margin-left: 80px;
  margin-top: 27px;
}
.close-xbtn{
  width: 68px;
  height: 58px;
  background: #E71C1C;
  color: #fff;font-size: 25px;
  font-weight: 800;
  font-size: 25px;
  text-align: center;
  line-height: 58px;
}
.close-x-info{
  font-size: 23px;
  font-weight: 400;
  color: #231F20;
  line-height: 56px;
  margin-left: 20px;
}
.correct-answer{
  font-size: 18px;
  color: #231F20;
  margin-top: 10px;
  margin-left: 80px;
}
.correct-answer-red{
  color: #E71C1C;
  font-size: 18px;
}
.beedback{
  width: 1000px;
  min-height: 210px;
  border: 2px solid #E71C1C;
  border-radius: 2px;
  padding: 20px;
  margin-top: 30px;
  margin-left: 80px;
}
.beedback h4{
  font-size: 25px;
  font-weight: 800;
  color: #E71C1C;
  margin-bottom: 10px;
}
.beedback p{
  font-size: 22px;
  font-weight: 400;
  color: #231F20;
  line-height: 30px;
}
.return-topbtn{
  width: 157px;
  height: 55px;
  background: #E71C1C;
  color: #fff;
  text-align: center;
  line-height: 55px;
  font-size: 22px;
  margin: 14px;
  cursor: pointer;
}
.return-topbtn-wrap{
  display: flex;
  justify-content: flex-end;
}
/* what's News */
.announcement-text{
  font-size: 42px;
  font-weight: 600;
  color: #E71C1C;
  border-bottom: 2px solid #D7D7D7;
  margin: 34px 24px 13px 24px;
}
.deta-maths{
  margin: 34px 24px 13px 24px;
  font-size: 22px;
  font-weight: 400;
  color: #000000;
}
.thinking-title{
  font-size: 17px;
  font-weight: 400;
  color: #000000;
  text-align: center;
}
.think-box{
  width: 242px;
  height: 26px;
  background: #E71C1C;
}
.thinking-rit{
  display: flex;
  align-items: center;
  margin-left: 40px;
}
.thinking-rit img{
  width: 18px;
  height: 18px;
  margin-right: 20px;
}
/* .thinking-rit p{
  font-size: 15px;
  font-weight: 400;
  color: #000000;
} */
.thinking{
  border-top:2px solid #E71C1C;
  border-bottom:2px solid #D7D7D7;
  display: flex;
  align-items: center;
  margin: 34px 24px 13px 24px;
}
.thinking-lft{
  width: 244px;
  border: 2px solid #E71C1C;
  border-top: none;
}
.tstest3-text{
  font-size: 42px;
  font-weight: 600;
  color: #E71C1C;
  margin: 0px 24px 0px 24px;
}
.tstest3-timelimit{
  border-bottom:2px solid #D7D7D7;
  margin: 34px 24px 13px 24px;
}
.tstest3-timelimit .points-num{
  font-size: 47px;
  font-weight: 800;
  color: #000000;
}
.tstest3-timelimit .points-out{
  font-size: 22px;
  font-weight: 400;
  color: #E71C1C;
  padding-bottom: 10px;
}
#pay-box{
  display: none;
}
#wechat1{
  display: none;
}

#wechat1 .box-content{
  height: 400px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.pay-box{
  position: fixed;
  top: 0;
  left: 0;
  z-index: 999999;
  background-color: rgba(0,0,0,0.5);
  width: 100%;
  height: 100vh;
  align-items: center;
  justify-content: center;
}
.pay-box .box-content{
  width: 500px;
  /*height: 300px;*/
  border-radius: 10px;
  background-color: #fff;
}
.pay-box .box-content .pay-type{
  text-align: center;
  font-size: 26px;
  padding: 20px 0;
}
.pay-box .box-content .price{
  text-align: center;
  font-size: 30px;
}
.pay-box .box-content .pay-item{
  display: flex;
  align-items: center;
  width: 400px;
  margin: 20px auto;

}
.pay-box .box-content .code{
  width: 200px;
  height: 200px;
  margin: 20px auto;
  display: inline-block;
}
.pay-box .box-content .pay-item img{
  width: 50px;
  height: 50px;
}
.pay-box .box-content .pay-item span{
  font-size: 22px;
}
.pay-box .box-content .pay-button{
  margin: 30px auto;
  width: 200px;
  height: 50px;
  border-radius: 10px;
  text-align: center;
  line-height: 50px;
  background-color: #E71C1C;
  color: #fff;
  font-size: 20px;
  cursor: pointer;
  align-items: center;
  justify-content: center;
}
.pay-box .box-content .pay-button .pay-button-img{
  animation:changeright 1s linear infinite;
  width:20px;
  height:20px;
  margin-right:10px
}
@keyframes changeright{
  0%{-webkit-transform:rotate(0deg);}
  25%{-webkit-transform:rotate(90deg);}
  50%{-webkit-transform:rotate(180deg);}
  75%{-webkit-transform:rotate(270deg);}
  100%{-webkit-transform:rotate(360deg);}
}