.tryexam .banner{min-height:800px;padding-top:20px;background-image:url(../img/bg.f1fa3fd7.png);background-size:100% 100%;background-repeat:no-repeat;background-position:50%;background-size:cover}.tryexam .banner .content{margin:auto;width:1100px;height:96%;display:flex;padding-bottom:40px}.tryexam .banner .content .left{display:flex;flex-direction:column;width:288px;min-height:700px}.tryexam .banner .content .left .user{display:flex;flex-direction:column;background:#fff;height:300px;margin-bottom:8px;border-radius:6px}.tryexam .banner .content .left .user .imgs{width:80px;height:80px;opacity:1;margin:26px auto 10px}.tryexam .banner .content .left .user .imgs img{width:100%;height:100%;border-radius:40px}.tryexam .banner .content .left .user h6{font-size:17px;color:#000}.tryexam .banner .content .left .user .num,.tryexam .banner .content .left .user h6{opacity:1;font-family:SF Pro Text,SF Pro Text-Regular;font-weight:400;text-align:center}.tryexam .banner .content .left .user .num{font-size:12px;color:rgba(60,60,67,.3);margin:3px 0 21px}.tryexam .banner .content .left .user .el-button{height:36px;width:90%;margin:4px auto;line-height:11px;opacity:1;font-size:15px;font-family:SF Pro Text,SF Pro Text-Regular;font-weight:400;text-align:center;color:#fff}.tryexam .banner .content .left .list{display:flex;flex:1;flex-direction:column;background:#fff;position:relative;border-radius:8px}.tryexam .banner .content .left .list .el-menu{background:transparent}.tryexam .banner .content .left .list span{width:60px;height:21px;opacity:1;font-size:15px;font-family:SF Pro Text,SF Pro Text-Regular;font-weight:400;text-align:left;color:#000}.tryexam .banner .content .left .list .active{padding-left:10px;border-left:2px solid #007aff}.tryexam .banner .content .left .list img{position:absolute;width:6px;height:12px;top:22px;right:25px}.tryexam .banner .content .right{flex:1;min-height:700px;background:#fff;margin-left:10px;padding:32px 22px;border-radius:8px;padding:24px;position:relative}.tryexam .banner .content .right .main{background:#fff}.tryexam .banner .content .right .main .head{position:relative;padding-bottom:14px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #3c3c43}.tryexam .banner .content .right .main .head .title{font-size:17px;font-family:SF Pro Text,SF Pro Text-Regular;font-weight:800;color:#000}.tryexam .banner .content .right .main .head .bag{display:flex;justify-content:space-between;align-items:center}.tryexam .banner .content .right .main .head .xian{position:absolute;top:90%;left:0;width:68px;height:4px;background:#007aff;border-radius:4px 4px 0 0}.tryexam .banner .content .right .main .text_list{margin-top:6px}.tryexam .banner .content .right .main .text_list .screen{height:40px;display:flex;align-items:center;justify-content:space-between}.tryexam .banner .content .right .main .text_list .screen .el-input__icon{line-height:0}.tryexam .banner .content .right .main .text_list .screen .el-input__inner{height:24px;width:300px}.tryexam .banner .content .right .main .text_list .screen .ipt{display:flex;height:40px;align-items:center}.tryexam .banner .content .right .main .text_list .screen .ipt input{height:20px;padding-left:6px;border-radius:4px;border:1px solid rgba(60,60,67,.29)}.tryexam .banner .content .right .main .text_list .screen .ipt div{width:50px;height:24px;text-align:center;margin-left:6px;border-radius:4px;border:1px solid rgba(60,60,67,.29);line-height:24px;font-size:15px;font-family:SF Pro Text,SF Pro Text-Regular;font-weight:400;color:rgba(60,60,67,.6)}.tryexam .banner .content .right .main .text_list .screen .ipt div:hover{border:1px solid #007aff;color:#007aff;cursor:pointer}.tryexam .banner .content .right .main .text_list .img{height:600px}.tryexam .banner .content .right .main .text_list .img img{margin:150px 35% 0}.tryexam .banner .content .right .main .text_list .box{height:66px;width:100%;padding:20px 0 0 0;border-bottom:1px solid rgba(60,60,67,.15)}.tryexam .banner .content .right .main .text_list .box .box_top{display:flex;position:relative}.tryexam .banner .content .right .main .text_list .box .box_top span{padding:2px 4px;text-align:center;background:#ff3b30;border-radius:3px;font-size:12px;font-family:SF Pro Text,SF Pro Text-Regular;font-weight:400;text-align:left;color:#fff}.tryexam .banner .content .right .main .text_list .box .box_top .title{font-size:17px;font-family:SF Pro Text,SF Pro Text-Heavy;font-weight:800;text-align:left;color:#000;margin-right:4px}.tryexam .banner .content .right .main .text_list .box .box_top .num{position:absolute;right:10px;display:flex;align-items:center;font-size:13px;font-family:SF Pro Text,SF Pro Text-Regular;font-weight:400;text-align:left;color:rgba(60,60,67,.6)}.tryexam .banner .content .right .main .text_list .box .box_top .num div{font-size:24px;font-family:SF Pro Text,SF Pro Text-Heavy;font-weight:800;text-align:left;color:#007aff}.tryexam .banner .content .right .main .text_list .box .box_bottom{position:relative;margin-top:8px}.tryexam .banner .content .right .main .text_list .box .box_bottom span{font-size:13px;font-family:SF Pro Text,SF Pro Text-Regular;font-weight:400;text-align:left;color:rgba(60,60,67,.6);margin-right:16px}.tryexam .banner .content .right .main .text_list .box .box_bottom .btn{position:absolute;right:10px;bottom:20px;display:flex;align-items:center}.tryexam .banner .content .right .main .text_list .box .box_bottom .btn button{font-size:13px;font-family:SF Pro Text,SF Pro Text-Regular;font-weight:400;text-align:center;color:#007aff;margin-left:10px;border-radius:6px;border:1px solid #007aff;cursor:pointer}.tryexam .banner .content .right .pag{position:absolute;bottom:20px;right:40%}