.mt5{margin-top: 5px}
.Login .contentbox{width: 480px}
.probar{background:rgba(83,15,66,0.3);border-radius: 10px;width: 100%;height:6px;position: relative;margin-top: 5px}
.probar-active{background:linear-gradient(to right,#FEA02E,#FEA02E);height: 6px;width:0%;border-radius: 10px;position: absolute;left: 0;top:0;z-index: 10;}
.probar-active::after{content:"";width: 14px;height: 14px;background: #FFF;display: block;position: absolute;border-radius: 100%;right: -4px;top:-5px;z-index: 20;border:5px solid #FEA02E}
.gotrbtn{background: #D84444;color:#fff;border-radius: 6px;padding:5px 10px;font-size: 14px;border: 1px solid #D84444;transition: all 0.3s ;}
.gotrbtn:hover{background: #E3E1E6;color:#D84444;}
.Word-Practice .line i.active::after{right: 0}
.btnblock{display: flex;align-items: center;justify-content: center}
.btnblock>.more4{margin:20px;}
.settingbtn{border-radius: 20px;width: 60px;height: 40px;text-align: center;background-image: linear-gradient(to right, #FFE080, #E6AE00);}
.settingbtn i{color: #fff;line-height: 40px;filter: drop-shadow(2px 2px 4px rgba(0, 0, 0, 0.1));font-size: 24px;}
.settingPo{position: absolute;right:1rem}
main.therapist{margin-bottom: 10px;border-radius: 30px}
.ftlist{width: 100%;overflow: hidden;overflow-x:scroll}

.ftlist::-webkit-scrollbar {width: 4px;display: block;top: 10px}
.ftlist::-webkit-scrollbar-track {box-shadow: inset 0 0 5px #180B35;border-radius: 10px;display: none}
.ftlist::-webkit-scrollbar-thumb {background: #180B35;border-radius: 10px}
.ftlist::-webkit-scrollbar-thumb:hover {background: #180B35;border-radius: 10px}

.ftli{display:inline-block;width: 100px}
.ntbox{display: none}
.goTipsButton:hover .name{color:#E74814!important;}
.st3-btnlist{flex-grow: 1;display: flex;align-items: center;justify-content: flex-end;padding-right: 20px}
.setbtn{padding:5px 10px;background-image: linear-gradient(to bottom, #3B873B, #5CB85C);border-radius: 20px;color:#fff;font-size: 14px}
.st3-btnlist .setbtn{margin-right: 10px}
.st3-btnlist .setbtn.off{background-image: linear-gradient(to bottom,  #E85A2A, #EF8463)}
.st3-btnlist .setbtn:hover{color:#F1C336}

.set2-selallbox{margin-bottom: 20px;display: flex;align-items: center}
.sebtn{display: inline-block;width: 100px; padding:5px 0;text-align: center;border: #F1C336 1px solid;border-radius: 30px;transition: all 0.3s;font-size: 16px;color:#F1C336;cursor: pointer;margin-right: 10px }
.sebtn:hover,.sebtn.active{background: #F1C336;color:#fff}
.trimgs{display: flex;justify-content: center}
.Word-Practice .trainingTips .trimgs img{display: inline;margin: 5px;}
.infobox{padding-bottom: 50px}
.info-item{display: flex;align-items: center;color:#999;margin:30px 0;}
.info-item .fa{margin-right: 10px}
.info-item>span:last-child{border-bottom: 1px solid #ccc;flex-grow: 1}
.login-tito{position:relative}
.login-tito .question-icon{position:absolute;color:#fff;font-family:"Microsoft YaHei";font-weight: normal;font-size: 14px;width: 20px;height: 20px;border-radius: 100%;display: flex;align-items: center;justify-content: center;
right: 30px;bottom:30px;background: #999999;cursor: pointer;
}
.login-tito .question-icon:hover{background: #E84711}

body .layuicl1 .layui-layer-title{border-bottom: 1px solid #E84711}
body .layuicl1 .layui-layer-btn{}
body .layuicl1 .layui-layer-btn a{background:#E84711;border-color: unset;font-size: 14px;border-radius: 20px}
body .layuicl1 .layui-layer-btn .layui-layer-btn1{background:#999;}
.toastbox{position: fixed;width: 100vw;height: 100%;left: 0;top:0;z-index: 9000;display: none}
.toastbox.active{display:block}
.close-bg{position: fixed;width: 100%;height: 100%;left: 0;top:0;z-index: 9100;background: rgba(24,11,53,0.9)}
.toastbox .toast-main{display: flex;align-items: center;justify-content: center;height: 100%;}
.toastbox .toast-main .toast-contbox{width: 50%;z-index: 9200;position: relative}
.close-toast{position: absolute;right:10px;top:10px;cursor: pointer;z-index: 9200}
.toastbox .toast-main .toast-cont{width: 100%;background:#fff;height:100%;border-radius: 10px;padding:20px;overflow: hidden;overflow-y: scroll;position: relative}
.toastbox .toast-main .toast-cont .toast-tit{border-bottom: 1px solid #ccc;text-align: center;font-size: 18px;font-weight: bold;margin-bottom: 10px;padding-bottom: 10px;}
.toastbox .toast-main .toast-cont .toast-content{font-size: 16px}
.notice-text{width: 50%;height: 80px;background:rgba(243,152,0,0.5);border: 1px solid #F39800;border-radius:10px;outline: unset;color:#fff;font-size: 16px;padding:5px}
.notice-text::placeholder{color:#fff}
.starbtn{cursor:pointer;margin-right: 10px}