.liveBox{margin-bottom:20px;box-sizing:border-box;padding:24px 24px 16px 24px;width:100%;background:#ffffff;border-radius:4px}.liveBox .boxTitle{display:flex;align-items:center;margin-bottom:12px}.liveBox .boxTitle .iconLeft{padding-top:4px;width:4px;height:10px}.liveBox .boxTitle .iconLeft div{width:100%;height:1px;margin-bottom:2px;background-color:#999}.liveBox .boxTitle h2{margin:0 8px;font-size:18px;font-weight:600;color:#333333}.liveBox .boxTitle h3{font-size:14px;color:#999999}.liveBox .liveList .live:hover{background-color:#f7f8f9}.liveBox .liveList .live:hover .title{color:#0193ff !important}.liveBox .liveList .live{box-sizing:border-box;padding:0 16px;display:flex;justify-content:space-between;width:100%;height:76px}.liveBox .liveList .live .liveLeft{display:flex;align-items:center}.liveBox .liveList .live .liveLeft .timeBox .timeTitle{display:flex;align-items:center}.liveBox .liveList .live .liveLeft .timeBox .timeTitle img{display:inline-block;width:20px;height:20px;margin-right:4px}.liveBox .liveList .live .liveLeft .timeBox .timeTitle span{font-size:14px;color:#999999}.liveBox .liveList .live .liveLeft .timeBox .time{font-size:14px;color:#333333}.liveBox .liveList .live .liveLeft .fen{margin:0 24px;width:1px;height:56px;background:linear-gradient(180deg, rgba(230,234,239,0) 0%, #e6eaef 48%, rgba(230,234,239,0) 100%)}.liveBox .liveList .live .liveLeft .title{max-width:300px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:600;color:#333333;margin-right:8px}.liveBox .liveList .live .liveLeft img{display:inline-block;width:16px;height:16px}.liveBox .liveList .live .liveRight{display:flex;align-items:center}.liveBox .liveList .live .liveRight .teacher{margin-right:80px;display:flex}.liveBox .liveList .live .liveRight .teacher .imgBox{width:40px;height:40px;margin-right:8px;border-radius:50%;overflow:hidden}.liveBox .liveList .live .liveRight .teacher .imgBox img{display:inline-block;width:100%;height:100%}.liveBox .liveList .live .liveRight .teacher .info1{font-size:12px;color:#999999}.liveBox .liveList .live .liveRight .teacher .info2{font-size:14px;color:#333333}.liveBox .liveList .live .liveRight .btnBox .btn{display:flex;justify-content:center;align-items:center;width:80px;height:36px;border-radius:18px}.liveBox .liveList .live .liveRight .btnBox .btn1{background-color:#0193ff;opacity:.2;color:#fff}.liveBox .liveList .live .liveRight .btnBox .btn2{border:1px solid #0193ff;color:#0193ff;cursor:pointer}.liveBox .liveList .live .liveRight .btnBox .btn3{background:#0193ff;color:#fff;cursor:pointer}.liveBox .liveList .live .liveRight .btnBox .btn4{background:rgba(1,147,255,0.1);color:#0193ff}.lightBox{position:fixed;top:86px;display:flex;align-items:center;-webkit-transform:translateX(100vw);transform:translateX(100vw);z-index:100}.lightBox img{position:relative;display:inline-block;width:84px;height:95px}.lightBox .light{display:flex;align-items:center;margin-left:-55px;box-sizing:border-box;padding:4px 30px 7px 55px;background:linear-gradient(270deg, #99c7ff 0%, #6096ff 100%);border-radius:4px;font-size:20px;font-weight:600;color:#ffffff}.lightBox .light span{color:#fee407}.lightBox .light img{width:36px;height:43px}.shake{animation-delay:0s;animation-name:shake;animation-duration:20s;animation-iteration-count:1;animation-direction:normal;animation-timing-function:linear}@keyframes shake{20%{-webkit-transform:translateX(100vw);transform:translateX(100vw)}100%{-webkit-transform:translateX(-100vw);transform:translateX(-100vw)}}.medaldialogbox{position:fixed;top:0;left:0;display:flex;justify-content:center;align-items:center;width:100vw;height:100vh;background-color:rgba(0,0,0,0.5);z-index:1900}.medaldialogbox .medaldialog1{box-sizing:border-box;padding:27px 0 25px 0;display:flex;flex-direction:column;justify-content:space-between;align-items:center;position:relative;width:400px;height:539px;background:#ffffff;border-radius:16px}.medaldialogbox .medaldialog1 img{display:inline-block}.medaldialogbox .medaldialog1 .close{position:absolute;top:12px;right:12px;width:20px;height:20px;cursor:pointer}.medaldialogbox .medaldialog1 .title{font-size:16px;font-weight:600;color:#333333}.medaldialogbox .medaldialog1 .medal{font-size:22px;font-weight:600;color:#cb9527}.medaldialogbox .medaldialog1 .medalImg{display:flex;justify-content:center;width:176px;height:176px}.medaldialogbox .medaldialog1 .medalImg img{display:inline-block;height:100%}.medaldialogbox .medaldialog1 .content{text-align:center;width:270px;font-size:14px;color:#333333}.medaldialogbox .medaldialog1 .content span{color:#f24107}.medaldialogbox .medaldialog1 .box{position:relative;width:320px;height:96px;background:url(../img/jiangli.png) no-repeat center center;background-size:100% 100%}.medaldialogbox .medaldialog1 .box .boxTitle{position:absolute;top:0;right:0;display:inline-block;box-sizing:border-box;padding:6px 9px;font-size:12px;font-weight:600;color:#ffffff;background-color:#cea47c}.medaldialogbox .medaldialog1 .box .boxTitle::before{content:"";display:block;position:absolute;top:0;right:100%;height:0;width:0;border-top:solid 15px transparent;border-right:solid 6px #cea47c;border-bottom:solid 15px transparent}.medaldialogbox .medaldialog1 .box .boxNum{position:absolute;top:20px;left:26px;font-size:14px;color:#f23e07}.medaldialogbox .medaldialog1 .box .boxNum span{margin-right:2px;font-size:28px;font-weight:600}.medaldialogbox .medaldialog1 .box .boxNum2{position:absolute;top:26px;left:26px;font-size:22px;font-weight:600;color:#f23e07}.medaldialogbox .medaldialog1 .box .boxtext{position:absolute;top:58px;left:26px;font-size:12px;color:#f23e07}.medaldialogbox .medaldialog1 .box .boxBtn{position:absolute;top:46px;right:15px;text-align:center;line-height:32px;width:88px;height:32px;background:linear-gradient(90deg, #fa7211 0%, #f23e07 100%);border-radius:16px;font-size:14px;font-weight:600;color:#ffffff;cursor:pointer}.medaldialogbox .medaldialog1 .box .opacity{position:absolute;top:46px;right:15px;text-align:center;line-height:32px;width:88px;height:32px;background:linear-gradient(90deg, #fa7211 0%, #f23e07 100%);border-radius:16px;font-size:14px;font-weight:600;color:#ffffff;opacity:.4}.medaldialogbox .medaldialog1 .dialogBtn{text-align:center;line-height:48px;width:160px;height:48px;border-radius:24px;border:1px solid #0193ff;font-size:18px;font-weight:600;color:#0193ff;cursor:pointer}.medaldialogbox .medaldialog2{display:flex;flex-direction:column;align-items:center;width:400px}.medaldialogbox .medaldialog2 img{display:inline-block}.medaldialogbox .medaldialog2 .shareImg{position:relative;width:100%;height:584px;background:url(../img/fenxiang.png) no-repeat center center;background-size:100% 100%}.medaldialogbox .medaldialog2 .shareImg .medal{position:absolute;top:38px;width:100%;text-align:center;font-size:28px;font-weight:600;color:#fae5aa}.medaldialogbox .medaldialog2 .shareImg .medalImg{display:flex;justify-content:center;position:absolute;top:90px;left:125px;width:150px;height:150px}.medaldialogbox .medaldialog2 .shareImg .medalImg img{display:inline-block;height:100%}.medaldialogbox .medaldialog2 .shareImg .UserImg{position:absolute;top:267px;left:173px;width:50px;height:50px;border-radius:50%;overflow:hidden}.medaldialogbox .medaldialog2 .shareImg .UserImg img{width:100%;height:100%}.medaldialogbox .medaldialog2 .shareImg .UserName{position:absolute;bottom:232px;width:100%;text-align:center;font-size:16px;font-weight:600;color:#333333}.medaldialogbox .medaldialog2 .shareImg .UserCon{width:100%;position:absolute;bottom:170px}.medaldialogbox .medaldialog2 .shareImg .UserCon div{width:100%;text-align:center;font-size:16px;font-weight:400;color:#333333}.medaldialogbox .medaldialog2 .shareImg .UserCon .con2{color:#f23e07}.medaldialogbox .medaldialog2 .dialog2Btn{margin:24px 0;text-align:center;line-height:48px;width:160px;height:48px;background:linear-gradient(90deg, #38cdff 0%, #1a9eff 100%);border-radius:24px;font-size:18px;font-weight:600;color:#ffffff;cursor:pointer}.medaldialogbox .medaldialog2 .dialog2Close{width:24px;height:24px;cursor:pointer}