body{background:#fafafa}
.head{height:79px;background:#fff;border-bottom:#e7e7e7 solid 1px;overflow:hidden;text-align:center}
.foot{background:url(../img/foot.jpg) no-repeat center;width:100%;height:399px;position:relative;z-index:1}
.public-main{width:1200px;margin:0 auto;position:relative;overflow:hidden}
.public-nav{height:49px;background:#fff;border-bottom:#e7e7e7 solid 1px;overflow:hidden}
.public-nav ul{display:flex;width:max-content;transition:transform .3s ease}
.public-nav ul li{line-height:49px;font-size:14px;margin-right:10px;flex:0 0 auto;white-space:nowrap}
.public-nav ul li a{padding:5px 20px;color:#333}
.public-nav ul li a:hover{color:#00b783}
.public-nav ul li a.curr{background:#f5f5f5;color:#00b783;border-radius:30px}
.public-nav .arrow{position:absolute;right:0;top:0;background:#fff;height:49px;padding-right:10px}
.public-nav .arrow .icon{background:#fff;width:24px;height:24px;border-radius:100%;cursor:pointer;text-align:center;line-height:24px;box-shadow:rgb(0 0 0 / 13%) 0 6.4px 14.4px,rgb(0 0 0 / 11%) 0 0 5.6px;display:inline-block;margin:12px 0 0 0}
.public-nav .arrow .icon i{font-size:12px}
.public-nav #sliderList{width:100%}
#nextBtn,.public-nav #prevBtn{cursor:pointer;opacity:.5}
.public-nav #nextBtn.active,.public-nav #prevBtn.active{opacity:1}
.floating-nav{position:fixed;top:0;left:0;width:100%;z-index:10}
.public-left{width:320px;float:left}
.public-right{width:840px;float:right}
.public-right .box{border:#e5e5e5 solid 1px;background:#fff;overflow:hidden}
.practices-stage{background:#fff;border:#e7e7e7 solid 1px;border-top:none;height:calc(100vh - 130px);overflow:auto}
.practices-stage ul{padding:15px 0 80px}
.practices-stage ul li{font-size:15px;line-height:46px;position:relative}
.practices-stage ul li a{color:#4c5b76;padding:0 20px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%;display:block;box-sizing:border-box}
.practices-stage ul li a:hover{color:#00b783}
.practices-stage ul li.curr a{color:#00b783;font-weight:700;position:relative}
.practices-stage ul li.curr::before{position:absolute;content:'';left:0;top:50%;width:3px;background:#00b783;height:20px;margin-top:-10px}
.practices-stage-height{height:100vh;position:fixed;top:0;width:320px;box-sizing:border-box}
.practices-stage::-webkit-scrollbar{-webkit-appearance:none;width:10px;height:10px}
.practices-stage::-webkit-scrollbar-thumb{cursor:pointer;border-radius:5px;background:rgba(0,0,0,.25);-webkit-transition:color .2s ease;transition:color .2s ease}
.practices-stage::-webkit-scrollbar-track{background:rgba(0,0,0,.1);border-radius:0}
.practices-info{padding:40px 0 30px 0}
.practices-info h2{font-size:20px;color:#333;padding-bottom:10px}
.practices-info p{font-size:16px;color:#666}
.practices-info .count{padding:25px 30px;display:flex;margin-top:20px}
.practices-info .count .item{width:50%}
.practices-info .count .item h4{font-family:Arial;font-size:40px;color:#00b783;padding:10px 0}
.practices-info .count .item:nth-child(2) h4{color:#ff5200}
.practices-info .stage-list{display:flex;flex-wrap:wrap;justify-content:space-between}
.practices-info .stage-list .item{width:calc(50% - 10px);margin:10px 0;padding:15px 20px;box-sizing:border-box;position:relative}
.practices-info .stage-list .item h5{color:#18181a;font-size:16px;font-weight:400;line-height:26px;height:52px;overflow:hidden}
.practices-info .stage-list .item .btn{position:absolute;right:20px;bottom:15px;background:#ff5200;font-size:16px;color:#fff;border-radius:30px;padding:0 15px;line-height:30px}
.practices-info .stage-list .item .join{font-size:16px;padding-top:20px;color:#333;line-height:30px;z-index:1}
.practices-info .stage-list .item .join i{font-size:15px;padding-right:5px;color:#999}
.practices-info .stage-list .item:hover{border:solid 1px #ff5200}
.practices-info .stage-list .item:hover h5{color:#ff5200}
.practices-info .details{padding:30px 30px 25px 30px;margin-top:10px}
.practices-info .details h5{font-size:16px;color:#333;padding:20px 0 10px}
.practices-info .details p{color:#333;font-size:14px;line-height:24px}
.practices-info .details .img{padding-top:10px}
.practices-info .details .img img{max-width:100%}
.practices-info .details .btn{text-align:center;padding:40px 0 30px}
.practices-info .details .btn a{background:#ff5200;padding:12px 35px;font-size:20px;color:#fff;border-radius:30px}
.practices-info .details .btn a i{font-size:20px;padding-right:8px}
.practices-info .details .hide-content{border:#ccc dashed 2px;text-align:center;padding:30px 30px 0;font-size:18px;color:#666}
.practices-info .details .hide-content .btn{padding:30px 0 40px}
.practices-info .details .hide-content i{color:#999;padding-right:3px;font-size:18px}
.practices-info .details .comment{background:#00b783;color:#fff;padding:20px;border-radius:5px;margin:30px 0 10px}
.practices-info .details .comment h6{font-size:16px;padding-bottom:10px;font-weight:700}
.practices-info .details .comment p{font-size:14px;line-height:26px;color:#fff}
.practices-info .details .user-info{padding:20px 0 0 0;overflow:hidden}
.practices-info .details .user-info .person{float:left;width:40px;height:40px}
.practices-info .details .user-info .person img{width:40px;height:40px;border-radius:100%}
.practices-info .details .user-info .name{font-size:14px;float:left;padding-left:15px;font-weight:700;color:#00b783;line-height:40px}
.practices-info .details .user-info .time{font-size:12px;color:#999;line-height:40px;float:left}
.practices-info .details .user-info .time span{padding:0 6px}
.practices-info .details .user-info .score{float:right;margin-top:4px}
.practices-info .details .user-info .score span{border-radius:3px;width:70px;text-align:center;display:inline-block;line-height:30px;font-size:16px}
.practices-info .details .user-info .score em{font-style:normal;display:inline-block;text-align:center;font-size:16px;font-weight:700;padding-right:15px}
.submit-btn{text-align:center;padding:30px 0 60px}
.submit-btn a{display:inline-block;background:#ff5200;font-size:20px;color:#fff;border-radius:5px;padding:15px 40px;font-weight:700}
.submit-btn a:hover{color:#fff;background:#f14e01}
.practices-list{padding-bottom:50px}
.practices-list .title{padding-bottom:15px;overflow:hidden}
.practices-list .title h3{float:left;color:#333;font-size:18px;line-height:30px}
.practices-list .title .tabs{float:right}
.practices-list .title .tabs ul li{display:inline-block;padding-left:6px}
.practices-list .title .tabs ul li a{font-size:14px;color:#555;background:#f5f5f5;padding:0 15px;height:30px;line-height:30px;border-radius:30px;display:block}
.practices-list .title .tabs ul li a.curr{background:#00b783;color:#fff}
.practices-list .tabulation{padding:0 25px}
.practices-list .tabulation .tabulation_ul li{border-bottom:#edeef1 solid 1px;font-size:16px}
.practices-list .tabulation .tabulation_ul li span{border-radius:3px;width:70px;text-align:center;display:inline-block;height:30px;line-height:30px}
.practices-list .tabulation .tabulation_ul li em{font-style:normal;width:100px;display:inline-block;text-align:center}
.practices-list .tabulation .tabulation_ul li a{width:calc(100% - 178px);display:inline-block;color:#222;padding:24px 0}
.practices-list .tabulation .tabulation_ul li a:hover{color:#00b783}
span.score_youxiu{color:#00b783;border:#00b783 solid 1px}
em.score_youxiu{color:#00b783}
span.score_jige{color:#3390ff;border:#3390ff solid 1px}
em.score_jige{color:#3390ff}
span.score_bujige{color:red;border:red solid 1px}
em.score_bujige{color:red}
.left-details{background:#fff;border:#e7e7e7 solid 1px;border-top:none}
.left-details .show{padding:0 20px 20px}
.left-details .show h4{font-size:16px;color:#333;padding:30px 0 0}
.left-details .show h5{font-size:15px;color:#333;padding:20px 0 10px;font-weight:700}
.left-details .show p{color:#333;font-size:14px;line-height:24px;overflow-wrap:break-word}
.left-details .show .img{padding-top:10px}
.left-details .show .img img{max-width:100%}
.left-details .show .btn{text-align:center;padding:40px 0 30px}
.left-details .show .btn a{background:#ff5200;padding:12px 35px;font-size:20px;color:#fff;border-radius:30px}
.left-details .show .btn a i{font-size:20px;padding-right:8px}
.left-details .title{border-bottom:#eee solid 1px;font-size:16px;color:#333;padding:20px;font-weight:700}
.left-details .foot-btn{text-align:center;border-top:#eee solid 1px;padding:20px 0 30px}
.left-details .foot-btn a{display:inline-block;font-size:16px;color:#fff;background:#00b783;line-height:40px;width:110px;text-align:center;border-radius:30px;margin:0 5px}
.left-details .foot-btn a:nth-child(2){background:#ff5200}
.left-record{background:#fff;border:#e7e7e7 solid 1px;margin-top:20px}
.left-record .title{border-bottom:#eee solid 1px;font-size:16px;color:#333;padding:20px;font-weight:700}
.left-record ul{padding:0 20px}
.left-record ul li{font-size:14px;border-bottom:#eee solid 1px;line-height:60px}
.left-record ul li i{font-style:normal;width:calc(100% - 120px);display:inline-block}
.left-record ul li:last-child{border:none}
.left-record ul li em{width:60px;text-align:center;display:inline-block;font-style:normal}
.left-record ul li span{width:58px;line-height:26px;display:inline-block;text-align:center;border-radius:3px}
.none-record{text-align:center;padding:40px 0}
.none-record i{font-size:40px;color:#ccc}
.none-record p{font-size:16px;color:#666;padding-top:10px}
.page{padding:30px 0 30px;overflow:hidden;clear:both;text-align:center}
.page span,.page-disabled{display:inline-block;padding:0 4px;min-width:24px;height:32px;line-height:32px;font-size:14px;color:#c8cdd2;text-align:center}
.page li{display:inline-block;margin:0 2px;padding:0 4px;line-height:32px;border-radius:16px;-webkit-transition:border-color .2s;-moz-transition:border-color .2s;transition:border-color .2s}
.page li a{font-size:14px;color:#4d555d;text-align:center;}
.page li:hover{background:rgba(0,0,0,.1);color:#4d555d;text-decoration:none}
.page li.active{background:#00b783;}
.page li.active span{color:#fff}
.layer-bz.layui-layer{border-radius:15px}
.layer-bz .layui-layer-title{display:none}
.layer-bz .layui-layer-setwin span{font-size:26px;width:auto;height:auto}
.layer-bz .layui-layer-setwin{right:25px;top:25px}
.layer-bz .layui-layer-content{overflow:hidden!important}
.layer-bz .layui-tab-content{padding:0!important}
.layer-bz .layui-layer-content{height:auto!important}
.login-pop{padding:20px 30px 20px;display:none}
.login-pop .layui-tab-title{border-bottom-width:0!important;height:46px!important}
.login-pop .layui-tab-bar{display:none}
.login-pop .layui-tab .layui-tab-title li{font-size:18px;font-weight:700;padding:0;margin-right:40px;color:#333;line-height:46px;position:relative}
.login-pop .layui-tab-brief>.layui-tab-title .layui-this{color:#00b783}
.login-pop .layui-tab-title .layui-this:after{width:16px;left:50%;margin-left:-8px;border-bottom:0 solid #16b777!important;height:3px;background:#16b777;bottom:0;top:auto!important;border-radius:3px!important}
.login-pop .layui-form{padding-top:30px}
.login-pop .layui-input-wrap .layui-input{background:#f2f2f2;border-radius:5px;border:none;height:50px;font-size:16px}
.login-pop .layui-input-wrap .layui-input::placeholder{color:#9199a1}
.login-pop .layui-input-prefix i{line-height:50px;font-size:18px}
.login-pop .layui-input-affix{line-height:50px}
.login-pop .layui-form-item{margin-bottom:20px}
.login-pop .forget{float:right;font-size:14px;color:#999;margin-top:9px;line-height:18px}
.login-pop .layui-btn{background:#00b783;line-height:50px;height:50px;border-radius:40px;font-size:18px;font-weight:700}
.login-pop .password{float:left;margin-top:20px;font-size:14px;color:#999}
.login-pop .register{float:right;margin-top:20px;font-size:14px}
.login-pop .layui-form-checkbox[lay-skin=primary]>div{color:#999}
.login-pop .password a{color:#00b783}
.login-pop .register a{color:#ff5200}
.login-pop .register em{font-family:SimSun;padding-left:3px;font-style:normal}
.login-pop .wx{text-align:center;padding:30px 0 0;overflow:hidden}
.login-pop .wx img{width:220px;height:220px;border:#eee solid 1px}
.login-pop .wx p{font-size:14px;color:#999;padding:10px 0 7px}
.vip-pop{text-align:center;display:none}
.vip-pop h3{font-size:36px;color:#f47631;padding:80px 0 30px;font-weight:400}
.vip-pop h3 i{font-size:36px;padding-right:10px}
.vip-pop p{font-size:20px;color:#333;padding-bottom:40px}
.vip-pop .btn{display:inline-block;background:#00b783;font-size:20px;color:#fff;line-height:48px;padding:0 30px;border-radius:30px}
.questions-bg{background:url(../img/questions-bg.jpg) center}
.questions-stage{height:calc(100vh - 130px);overflow:auto}
.questions-stage .title{font-size:18px;padding-top:40px}
.questions-stage ul{padding:10px 0 80px}
.questions-stage ul li{font-size:16px;line-height:46px;position:relative}
.questions-stage ul li a{color:#4c5b76;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%;display:block;box-sizing:border-box}
.questions-stage ul li a:hover{color:#00b783}
.questions-stage ul li em{font-family:arial;padding-right:3px;font-style:normal}
.questions-stage ul li.curr a{color:#00b783;font-weight:700;position:relative}
.questions-stage::-webkit-scrollbar{-webkit-appearance:none;width:10px;height:10px}
.questions-stage::-webkit-scrollbar-thumb{cursor:pointer;border-radius:5px;background:rgba(0,0,0,.25);-webkit-transition:color .2s ease;transition:color .2s ease}
.questions-stage::-webkit-scrollbar-track{background:rgba(0,0,0,.1);border-radius:0}
.questions-stage-height{height:100vh;position:fixed;bottom:0;width:320px;box-sizing:border-box}
.questions-info{padding:40px 0 30px 0}
.questions-info h2{font-size:20px;color:#333;padding-bottom:10px}
.questions-info p{font-size:16px;color:#666}
.questions-info .count{padding:25px 30px;display:flex;margin-top:20px;background:#f6f6f7;font-size:18px;color:#666;line-height:45px}
.questions-info .count span{font-family:Arial;font-size:40px;color:#00b783;padding:0 5px;font-weight:700}
.questions-tabs{border-bottom:#eee solid 1px}
.questions-tabs ul li{float:left;margin-right:40px;padding-bottom:15px;position:relative}
.questions-tabs ul li a{font-size:18px;color:#666;display:block}
.questions-tabs ul li a:hover{color:#00b783}
.questions-tabs ul li a.curr{color:#00b783}
.questions-tabs ul li a.curr::before{content:'';position:absolute;left:0;bottom:-1px;background:#00b783;width:100%;height:2px}
.questions-list{padding:30px 0}
.questions-list .item{border-bottom:#eee solid 1px;padding-bottom:30px;margin-bottom:30px;overflow:hidden}
.questions-list .person{width:40px;float:left}
.questions-list .person img{width:40px;height:40px;border-radius:100%}
.questions-list .info{width:785px;float:right}
.questions-list .info .user{padding:5px 0 10px 0;font-size:12px;color:#999}
.questions-list .info .user span{padding:0 5px}
.questions-list .info .user b{color:#00b783;font-size:14px}
.questions-list .info a:hover .txt{color:#00b783}
.questions-list .info .sub{max-height:200px;overflow:hidden;position:relative}
.questions-list .info .sub .txt{font-size:14px;line-height:24px;color:#333}
.questions-list .info .picture{padding:10px 0 0 0;overflow:hidden}
.questions-list .info .picture ul li{float:left;margin-right:10px;width:95px;height:95px;overflow:hidden}
.questions-list .info .picture ul li img{height:100%}
.questions-list .info .course{color:#666;padding-top:12px;font-size:14px}
.questions-list .info .details-link{position:absolute;bottom:0;width:100%;text-align:center;padding-top:50px;background:linear-gradient(to bottom,transparent,#fff 80%);font-size:14px;color:#888}
.questions-list .info .details-link::after{content:'\f254';font-size:14px;color:#999;font-family:iconfont}
.questions-details{min-height:800px;padding-bottom:80px}
.questions-details .user-info{padding:40px 0 20px 0;overflow:hidden}
.questions-details .user-info .person{float:left;width:40px;height:40px}
.questions-details .user-info .person img{width:40px;height:40px;border-radius:100%}
.questions-details .user-info .name{font-size:14px;float:left;padding-left:15px;font-weight:700;color:#00b783;line-height:40px}
.questions-details .user-info .time{font-size:12px;color:#999;line-height:40px;float:left}
.questions-details .user-info .time span{padding:0 6px}
.questions-details .txt{font-size:14px;line-height:24px;color:#333}
.questions-details .picture{padding:10px 0}
.questions-details .picture img{max-width:100%;margin-bottom:20px}
.questions-details .course{background:#00b783;color:#fff;font-size:14px;padding:10px 15px;margin:10px 0 40px;border-radius:5px}
.questions-details .course em{font-family:SimSun;padding:0 5px;font-style:normal}
.questions-details .course a{color:#fff;}
.questions-details .answer{background:#fff9f6;border-radius:5px;padding:30px}
.questions-details .answer .item{border-bottom:#ffece3 solid 1px;margin-bottom:30px;padding-bottom:30px}
.questions-details .answer .item .user-info{padding:0 0 15px}
.questions-details .answer .item p{font-size:14px;color:#333;line-height:24px}
.questions-details .answer .item:last-child{border:none;margin-bottom:0;padding-bottom:0}
.questions-details .help{padding:40px 0;font-size:16px;color:#333;line-height:38px}
.questions-details .help .btn{background:#ff5200;color:#fff;line-height:38px;padding:0 20px;border-radius:30px;display:inline-block;margin-left:10px}
.questions-details .help .btn i{padding-right:5px}
.homework{display:none}
.homework_cover{width:100%;position:fixed;left:0;top:0;bottom:0;background-color:#000;filter:alpha(opacity=70);-moz-opacity:.7;opacity:.7;z-index:999}
.homework_info{position:fixed;z-index:9999;width:600px;height:220px;background-color:#fff;text-align:center;-webkit-box-shadow:2px 4px 5px rgba(0,0,0,.3);-moz-box-shadow:2px 4px 5px rgba(0,0,0,.3);box-shadow:2px 4px 5px rgba(0,0,0,.3);left:50%;top:50%;margin:-200px 0 0 -300px}
.homework_title{padding:50px 80px 0;font-size:13px;color:#535353;text-align:center;margin:0 auto}
.homework_title p{display:block;font-size:16px;font-weight:700;line-height:36px}
.homework_info a{display:block;font-size:15px;color:#fff;width:200px;height:36px;line-height:36px;text-align:center;background:#06b4fe;margin:30px auto 0}
.homework_info img{position:absolute;top:5px;right:5px}
.ques_apply{margin-top:25px}
.ques_apply p{font-size:13px;color:#555;line-height:22px}
.ques_apply form textarea{width:98%;border:1px solid #ddd;height:100px;margin-top:5px;padding:10px;line-height:20px;font-size:13px;color:#313131;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;resize:none;overflow-x:hidden;overflow-y:auto}
.reply_submit{display:block;margin:10px 0 0 0;line-height:32px;border:0 none;text-align:center;color:#fff;font-size:16px;background-color:#5c99e1;width:120px;cursor:pointer;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px}
.topic_content_outer {border: 1px solid #e5e5e5;padding: 3px;margin-top: 5px;}
.topic_content {border: 1px solid #e5e5e5;padding: 10px 10px 20px;line-height: 22px;font-size: 13px;color: #666;word-break: break-all;}
.topic_content img {max-width: 100%;}