.layer-enrollSuccess-dialog.layui-layer-page .layui-layer-content { overflow: inherit !important; background: url(../image/live/succ-bg.png) no-repeat; background-size: 100% 100%;}
.layer-enrollSuccess-dialog.layui-layer { border-radius: 10px;}
.layer-enrollSuccess-dialog.layui-layer .layui-layer-ico { font-family: "iconfontxgw" !important; font-style: normal; -webkit-font-smoothing: antialiased; background: unset; font-size: 28px; color: #fff; top: -58px; right: -58px;}
.layer-enrollSuccess-dialog.layui-layer .layui-layer-ico:before { content: "\e62e";}
.layer-enrollSuccess-dialog { text-align: center;}
.layer-enrollSuccess-dialog .title { font-size: 40px; color: #39A6FF; line-height: 120px; background: url(../image/live/succ-tit.png) no-repeat; background-size: 233px 35px; background-position: 99px 35px;}
.layer-enrollSuccess-dialog .ewm { margin-top: 10px; width: 152px;height: 152px; padding: 3px; border-radius: 13px; border: 7px solid #D2EBFF;}
.layer-enrollSuccess-dialog .text { font-size: 26px; color: #333333; line-height: 1; margin-top: 38px;}
.layer-enrollSuccess-dialog .text1 { font-size: 16px; color: #999999; line-height: 48px;}

.liveView { background-color: #f5f5ff;}
.liveView .list-nav .title { margin: 20px 0 10px;} 
.liveView .list-nav .title img { width: 46px;height: 40px;margin-right: 4px;} 
.liveView .list-nav .title p {font-size: 24px;color: #333333;line-height: 40px;} 
.liveView .curriculum-box {}
.liveView .curriculum-box .item { width: calc(25% - 20px);cursor: pointer;margin-top: 26px} 
.liveView .curriculum-box .item:hover{box-shadow: 0px 3px 30px 0px rgba(0, 0, 0, 0.16);}
.liveView .curriculum-box .item .img-box{position: relative;border-radius: 6px;overflow: hidden;min-height: 156px;max-height: 156px;display: flex; align-items:center; justify-content:center;transition: all .4s;max-width: 280px;overflow: hidden}
.liveView .curriculum-box .item .img-box img{display: block;width: 100%;transition: all .4s}
.liveView .curriculum-box .item .img-box .bg{display: flex; align-items:center; justify-content:center ;background-color: rgba(0,0,0,0.4);opacity: 0;position: absolute;top: 0;bottom: 0;left: 0;right: 0;transition: all .4s}
.liveView .curriculum-box .item .img-box .bg .icon{color: #fff;font-size: 46px;}
.liveView .curriculum-box .item .img-box:hover .bg{opacity: 1;}
.liveView .curriculum-box .item .img-box:hover img{transform: scale(1.1);}
.liveView .curriculum-box .item .img-box .tag{position: absolute;top: 9px;left: 10px;display: inline-block;min-width: 38px;height: 24px; padding: 0 12px; background-color: rgba(5, 0, 14, 0.6); line-height: 26px;text-align: center;color: #fff;font-size: 12px;border-radius: 12px;} 
.liveView .curriculum-box .item .img-box .tag i {font-size: 12px;} 
.liveView .curriculum-box .cont-box{padding: 0 16px 20px 20px;box-sizing: border-box;border-radius: 0 0 6px 6px; background-color: #fff;}
.liveView .curriculum-box .cont-box .title{padding-top: 10px; height: 58px; font-size: 16px; line-height: 24px; transition: all .4s;max-width:100%;}
.liveView .curriculum-box .cont-box .title:hover{color:#39A6FF }
.liveView .curriculum-box .cont-box .desc{height: 36px; font-size: 12px; color: #999999; line-height: 18px;margin-top: 6px;}
.liveView .curriculum-box .cont-box .bot{margin-top: 13px;color: #999;font-size: 12px}
.liveView .curriculum-box .cont-box .bot button {width: 100px; height: 34px; box-sizing: border-box; background: #39A6FF; border-radius: 17px;font-size: 14px;  color: #FFFFFF; line-height: 34px;}
.liveView .curriculum-box .cont-box .bot button.border {background: #FFFFFF; border-radius: 17px;border: 1px solid #39A6FF; font-size: 14px;  color: #39A6FF; line-height: 34px;}
.liveView .curriculum-box .cont-box .bot button.gray {background: #C0C0C0; border-radius: 17px; font-size: 14px;  color: #FFFFFF; line-height: 34px;}
.liveView .curriculum-box .cont-box .bot .right{display: flex; align-items:center; justify-content:center} 
.liveView .curriculum-box .cont-box .bot .right .avatar{ }
.liveView .curriculum-box .cont-box .bot .right .avatar img{width: 18px; height: 18px; border-radius: 50%; margin-left: -10px;border: 1px solid #FFFFFF;}
.liveView .curriculum-box .cont-box .bot .right span{margin-left: 9px;} 
@media(max-width:1220px) {
    .liveView .curriculum-box .item { width: calc(33.3% - 8px);} 
}
@-moz-keyframes living-icon-ani {
    from {
        transform: scaleY(.5)
    }
    50% {
        transform: scaleY(1)
    }
    to {
        transform: scaleY(.5)
    }
}

@-webkit-keyframes living-icon-ani {
    from {
        transform: scaleY(.5)
    }
    50% {
        transform: scaleY(1)
    }
    to {
        transform: scaleY(.5)
    }
}

@-o-keyframes living-icon-ani {
    from {
        transform: scaleY(.5)
    }
    50% {
        transform: scaleY(1)
    }
    to {
        transform: scaleY(.5)
    }
}

@keyframes living-icon-ani {
    from {
        transform: scaleY(.5)
    }
    50% {
        transform: scaleY(1)
    }
    to {
        transform: scaleY(.5)
    }
}

.living-icon-col {width: 2px;margin: 0 1px;background-color: #fff;border-radius: 2px;animation: linear .6s infinite living-icon-ani ;transform-origin: bottom;display: inline-block;height: 100%;}
.living-icon-col:first-child {animation-delay: -.2s;margin-left: 0}
.living-icon-col:last-child {animation-delay: .2s;margin-right: 0}
.living-icon{ margin-left: 7px; width: 10px; height: 10px; margin-right: 2px; float: right; position: relative; }

.layer-writeInfo-dialog.layui-layer { border-radius: 6px;}
.layer-writeInfo-dialog.layui-layer .layui-layer-ico{font-family: "iconfontxgw" !important; font-style: normal; -webkit-font-smoothing: antialiased; background: unset; font-size: 14px; color: #999; top: 0px; right: -15px;  font-weight: bold;}
.layer-writeInfo-dialog.layui-layer .layui-layer-ico:before { content: "\e627"}
.dialog-writeInfo { padding: 30px 40px 40px;}
.dialog-writeInfo .tit { margin-bottom: 37px; font-size: 18px; color: #333333; line-height: 1; text-align: center;}
.dialog-writeInfo .item { margin-top: 20px;}
.dialog-writeInfo .item label { min-width: 74px; font-size: 14px; color: #333333; line-height: 36px;}
.dialog-writeInfo .item label span { color: #FF0000;}
.dialog-writeInfo .item .right { flex: 1;}
.dialog-writeInfo .item .right .input { width: 100%; height: 100%; background: #FFFFFF; border: 1px solid #DDDDDD; border-radius: 3px;font-size: 14px;padding: 0 10px;}
.dialog-writeInfo .item .right .getCode { cursor: pointer; display: inline-block; min-width: 98px; height: 36px; background: #FFFFFF; border: 1px solid #39A6FF; border-radius: 3px;font-size: 14px; color: #39A6FF; line-height: 36px;margin-left: 10px; text-align: center;}
.dialog-writeInfo .item .right .getCode.gray { border: 1px solid #DDDDDD; color: #DDDDDD;}
.dialog-writeInfo .input::placeholder { color: #AAAAAA;}
.dialog-writeInfo .btn { display: block; margin: 0 auto; margin-top: 40px; width: 120px; height: 36px; background: #39A6FF; border-radius: 18px;font-size: 16px;color: #FFFFFF;line-height: 36px;} 
.dialog-writeInfo .item1 .right .selCountry { cursor: pointer; padding: 0 9px; white-space: nowrap; background: #FFFFFF; border: 1px solid #DDDDDD; border-radius: 3px 0 0 3px; border-right: none;color: #999999;line-height: 36px;}
.dialog-writeInfo .item1 .right .selCountry .icon { font-size: 12px; display: inline-block; transform: rotate(-90deg); margin-left: 5px;}
.dialog-writeInfo .item1 .right .input { padding: 0 9px; white-space: nowrap; background: #FFFFFF; border: 1px solid #DDDDDD; border-radius: 0 3px 3px 0;}
.dialog-writeInfo .tips { margin-bottom: -2px; margin-top: 9px; margin-left: 74px; font-size: 12px; color: #FF0000; line-height: 17px;}