/*training-about*/
body{background:#f8f8f8;}
.training-about .banner{position:relative;height:360px;background:url(/assets/revision/images/training/index/banner.v3.jpg) no-repeat center top;}
.training-about .banner span{position:absolute;top:273px;left:50%;margin-left:-390px;color:#fff;font-size:14px;}
.training-about .training-c,.training-about .training-list{padding:0px 0;}
.training-about .training-list h2{padding-bottom:30px;margin-top:-10px;color:#333;text-align:center;font-size:24px}
.training-about .training-list .list-m .list{float:left;margin:0 20px 20px 0;width:400px;border-radius:5px;background:#fff;}
.training-about .training-list .list-m .list:nth-child(3n){margin-right:0;}
.training-about .training-list .list-m .list .head{position:relative;width:100%;height:244px;}
.training-about .training-list .list-m .list .head img{width:100%;height:100%;border-radius:5px 5px 0 0;}
.training-about .training-list .list-m .list .head span{position:absolute;top:10px;left:-10px;font-weight:700;display:inline-block;padding:6px 10px;border-radius:5px;background:#FF701D;color:#fff;font-size:14px}
.training-about .training-list .list-m .list .head span i{padding:0 5px;}
.training-about .training-list .list-m .list .main{padding:18px;width:100%;max-height:180px}
.training-about .training-list .list-m .list .main .h3{display:block;overflow:hidden;padding-bottom:20px;color:#333;text-overflow:ellipsis;white-space:nowrap;font-weight:700;font-size:18px;}
.training-about .training-list .list-m .list .main .h3:hover{color:#FF701D;}
.training-about .training-list .list-m .list .main span{display:inline-block;padding:0 18px 10px 0;color:#999;font-size:16px;}
.training-about .training-list .list-m .list .main span.time-day{position:relative}
.training-about .training-list .list-m .list .main span.time-day:before{content:'';width:1px;height:14px;background:#e2e2e2;position:absolute;top:2px;right:14px}
.training-about .training-list .list-m .list .main span i{color:#666;font-weight:700}
.training-about .training-list .list-m .list .main small{min-height:60px;display:inline-block;line-height:20px;padding-bottom:10px;width:100%;color:#999;font-size:16px;}
.training-about .training-list .list-m .list .main .fl-money{height:40px;position:relative;line-height:40px}
.training-about .training-list .list-m .list .main .fl-money{float:left}
.training-about .training-list .list-m .list .main .fl-money .old-mon{font-size:14px;color:#999;text-decoration:line-through;display: inline-block;padding-left: 10px;vertical-align: 3px;display: none;}
.training-about .training-list .list-m .list .main .fl-money .span{display:inline-block;color:#ff3221;font-size:20px;font-weight:700}
.training-about .training-list .list-m .list .main .fl-money .span strong{font-size:32px;margin:0 5px}
.training-about .training-list .list-m .list .main .fl-money .tag{line-height:12px;display:inline-block;font-size:12px;color:#ff3221;padding:4px 7px 2px;border-radius:4px;border:1px solid #ff3221;vertical-align:5px}
.training-about .training-list .list-m .list .main .btn{float:right;font-weight:700;width: 118px;height: 36px;border-radius:20px;background:#FF3221;color:#fff;text-align:center;font-size:18px;line-height: 36px;}
.training-about .training-list .list-m .list .main .span-ing{float: right;font-size: 18px;color: #999;padding: 7px 0 0}
.training-about .training-list .list-m .list .main .btn:hover{background:#DF0000}
.training-about .training-list .feedback,.training-about .training-list .seemore{margin:20px auto 0;text-align:center;font-size:16px;}
.training-about .training-list .feedback a:hover,.training-about .training-list .seemore a:hover{color:#FF701D;}
.training-about .what{height:570px;background:url(/assets/revision/images/training/index/box1.png) no-repeat center 75px #212121;}
.training-about .do-what{padding-top:335px;height:484px;background:url(/assets/revision/images/training/index/box2.v1.png) no-repeat center top #fff;text-align:center;}
.training-about .do-what span{display:inline-block;margin-left:111px;padding:0 16px;height:44px;border-radius:4px;background:#FFCE00;color:#212121;font-weight:700;font-size:16px;line-height:44px;}
.training-about .how-do{height:1360px;background:url(/assets/revision/images/training/index/box3.v2.png) no-repeat center 50px;}
.training-about .result{padding-top:500px;height:646px;background:url(/assets/revision/images/training/index/box4.v2.png) no-repeat center #212121;text-align:center;}
.training-about .result a{display:inline-block;margin-left:-830px;padding:0 27px;height:44px;border-radius:4px;background:#FFCE00;color:#212121;font-weight:700;font-size:16px;line-height:44px;transition:background .2s;}
.training-about .result a:hover{background:#ffdc47;}
.training-about .say{padding:38px 0 40px;background:#ffd200;}
.training-about .say .head{margin:0 auto;padding-left:338px;width:1000px;}
.training-about .say .head .p1{color:#212121;font-weight:700;font-size:36px;}
.training-about .say .head .p2{padding-top:7px;color:#212121;text-decoration:underline;font-size:13px;opacity:.6;}
.training-about .say .head .p3{padding-top:5px;letter-spacing:-3px;font-size:20px;}
.training-about .say .say-list{margin:0 auto;padding-top:35px;width:1000px;}
.training-about .say .say-list .list{position:relative;margin:0 36px 25px 0;padding:28px 24px 0;width:309px;height:225px;border-radius:5px;background:#212121;}
.training-about .say .say-list .list:nth-child(3n){margin-right:0;}
.training-about .say .say-list .list .comment-cion{position:absolute;top:27px;right:18px;width:21px;height:21px;background:url(/assets/revision/images/training/index/icon.png) -63px 0;}
.training-about .say .say-list .list .info{position:relative;padding-left:53px;}
.training-about .say .say-list .list .info .avatar{position:absolute;top:0;left:0;width:41px;height:41px;border-radius:50%;}
.training-about .say .say-list .list .info .p1{color:#FFD200;font-weight:700;font-size:16px;}
.training-about .say .say-list .list .info .p2{padding-top:10px;color:#C1C1C2;}
.training-about .say .say-list .list .con{overflow:hidden;padding-top:28px;max-height:124px;color:#fff;line-height:24px;}
.training-about .faq{background:#212121;}
.training-about .faq .layout-cont{padding:0 180px;}
.training-about .faq h3{padding:48px 0 38px;color:#FFD200;text-align:center;font-size:36px;}
.training-about .faq span{display:block;padding-bottom:14px;color:#FFD200;font-size:18px;}
.training-about .faq p{padding:0 0 35px 30px;color:#fff;font-size:14px;line-height:21px;}
.training-about .faq p i{color:#FFD200;}
.training-about .bottom-tips{height:97px;background:#2d2d2d;color:#fff;text-align:center;font-weight:700;font-size:24px;line-height:96px;}
.training-about .bottom-tips a{display:inline-block;margin-left:12px;width:170px;height:45px;border-radius:22px;background:#FFD200;color:#333;line-height:44px;transition:background .2s;}
.training-about .bottom-tips a:hover{background:#ffdd3e;}

@media only screen and (max-width:1440px) {
	.training-about .training-list .list-m .list{width:320px;}
	.training-about .training-list .list-m .list .head{height:195px;}
	.training-about .faq .layout-cont{padding: 0 50px;}
}

/*training*/
.training-wrapper .banner{height:400px;background:url(/assets/revision/images/training/detail/banner.jpg) no-repeat center top;}
.training-wrapper .banner .view-qr-code{padding:25px 40px 0 0;color:#fff;text-align:right;}
.training-wrapper .banner .view-qr-code span{text-decoration:underline;cursor:pointer;}
.training-wrapper .banner .pos{padding-top:14px;color:#fff;font-size:12px;}
.training-wrapper .banner .pos a{color:#fff;}
.training-wrapper .banner .training-name{padding-top:38px;color:#fff;text-align:center;letter-spacing:2px;font-size:52px;}
.training-wrapper .banner .training-time{padding-top:30px;color:#fff;text-align:center;font-size:20px;}
.training-wrapper .banner .training-tips{margin-bottom:-10px;padding-top:30px;color:#fff;text-align:center;font-size:20px;}
.training-wrapper .banner .btn{padding-top:50px;text-align:center;}
.training-wrapper .banner .btn a{display:inline-block;width:230px;height:64px;border-radius:5px;background:#FFD500;color:#333;font-size:24px;line-height:62px;}
.training-wrapper .banner .btn a:hover{background:#ffdd2f;}
.training-wrapper .invite-box .h4{padding-top:50px;text-align:center;}
.training-wrapper .invite-box a{display:inline-block;width:230px;height:64px;border-radius:5px;background:#FFD500;color:#333;font-size:24px;line-height:62px;}
.training-wrapper .invite-box a:hover{background:#ffdd2f;}
.training-wrapper .banner .num{padding-top:20px;color:#fff;text-align:center;font-size:20px;}
.training-wrapper .banner .countdown{margin-bottom:-20px;padding-top:25px;color:#fff;text-align:center;font-size:20px;}
.training-wrapper .banner .countdown span{padding:0 3px 0 20px;color:#ffd500;font-size:36px;}
.training-wrapper .nav-tab{height:60px;background:#fff;text-align:center;line-height:60px;}
.training-wrapper .nav-tab a{position:relative;display:inline-block;margin:0 80px;height:60px;color:#666;font-size:20px;}
.training-wrapper .nav-tab a.active,.training-wrapper .nav-tab a:hover{color:#333;}
.training-wrapper .nav-tab a:before{position:absolute;bottom:-2px;left:50%;width:0;height:1px;background:#FF583D;content:"";transition:all .2s}
.training-wrapper .nav-tab a.active:before,.training-wrapper .nav-tab a:hover:before{left:0;width:100%;}
.training-wrapper .training-m{padding:22px 0 30px;}
.training-wrapper .training-m .training-l{position:relative;width:920px;}
.training-wrapper .training-m .training-l .progress-bars{padding:20px 30px;border-bottom:1px solid #ddd;}
.training-wrapper .training-m .training-l .progress-bars .head{font-size:18px;}
.training-wrapper .training-m .training-l .progress-bars .head>span{padding-left:5px;color:#999;font-size:14px;}
.training-wrapper .training-m .training-l .progress-bars .head>small i,.training-wrapper .training-m .training-l .progress-bars .head>span i,.training-wrapper .training-m .training-l .punch-num small i,.training-wrapper .training-m .training-r .invite-tips span i{color:#FF583D;}
.training-wrapper .training-m .training-l .progress-bars .head>small{display:inline-block;padding:20px 0 4px;width:100%;color:#666;font-size:14px;}
.training-wrapper .training-m .training-l .progress-bars .head small .go-sign{margin-left:10px;color:#FF583D;text-decoration:underline;}
.training-wrapper .training-m .training-l .progress-bars .head .seecert{display:inline-block;width:120px;height:32px;border:1px solid #ddd;border-radius:5px;color:#666;text-align:center;font-size:14px;line-height:30px;margin-left:20px;}
.training-wrapper .training-m .training-l .progress-bars .head .seecert:hover{border:1px solid #FFD500;background:#FFD500;color:#333;}
.training-wrapper .training-m .training-l .progress-bars .head .remind-me{display: inline-block;vertical-align: top;margin-left: 15px;text-align: center;height: 26px;position: relative;cursor: pointer;margin-top: -3px;}
.training-wrapper .training-m .training-l .progress-bars .head .remind-me span{display: block;height: 26px;line-height: 24px;border:1px #5AC64F solid;color: #5AC64F;font-size: 14px;border-radius: 5px;padding:0 10px}
.training-wrapper .training-m .training-l .progress-bars .head .remind-me:hover span{background: #5AC64F;color:#fff;}
.training-wrapper .training-m .training-l .progress-bars .head .remind-me span i{display: inline-block;vertical-align: top;width: 19px;height: 16px;background: url(/assets/revision/images/training/detail/detail-icon.v4.png) -69px -51px;margin:4px 5px 0 0}
.training-wrapper .training-m .training-l .progress-bars .head .remind-me:hover span i{background-position: -91px -51px;}
.training-wrapper .training-m .training-l .progress-bars .head .remind-me .remind-win{position: absolute;width: 220px;left: -66px;top: 36px;background: #FFFFFF;box-shadow: 0px 0px 6px 0px rgb(0 0 0 / 15%);border-radius: 5px;padding:6px 6px 12px;z-index: 5;display: none;}
.training-wrapper .training-m .training-l .progress-bars .head .remind-me:hover .remind-win{display: block;}
.training-wrapper .training-m .training-l .progress-bars .head .remind-me .remind-win:before{content: '';position: absolute;left: 50%;top:-10px;border:5px transparent solid;border-bottom:5px #fff solid;margin-left: -3px;}
.training-wrapper .training-m .training-l .progress-bars .head .remind-me .remind-win img{width: 208px;height: 208px;display: block;}
.training-wrapper .training-m .training-l .progress-bars .head .remind-me .remind-win p{padding: 0 10px;line-height: 24px;color: #666;font-size: 12px;position: relative;top:-2px}
.training-wrapper .training-m .training-l .progress-bars .bar{margin-top:29px;margin-bottom:18px;}
.training-wrapper .training-m .training-l .progress-bars .bar .bar-m{float:left;width:100%;height:16px;border-radius:8px;background:#F2F2F2;}
.training-wrapper .training-m .training-l .progress-bars .bar .bar-m span{position:relative;display:block;padding-right:6px;height:16px;max-width:100%;min-width:16px;border-radius:8px;background:#12B7F5;color:#fff;text-align:right;font-size:12px;line-height:16px;}
.training-wrapper .training-m .training-l .progress-bars .bar .bar-m span i{position:relative;z-index:2;}
.training-wrapper .training-m .training-l .progress-bars .bar .bar-m span:before{position:absolute;top:-4px;right:-4px;width:24px;height:24px;border-radius:50%;background:#12B7F5;content:'';opacity:.5;animation:size 1s linear infinite;}
.training-wrapper .training-m .training-l .progress-bars .bar .bar-r{padding-left:19px;color:#666;line-height:16px;}
.training-wrapper .training-m .training-l .special-task{position: relative;padding:30px 0;border-bottom:1px #ddd solid;margin:0 30px;}
.training-wrapper .training-m .training-l .special-task .head{margin-bottom:20px}
.training-wrapper .training-m .training-l .special-task .head h3{font-weight: normal;font-size: 18px;}
.training-wrapper .training-m .training-l .special-task .head span{color:#999;padding-left: 20px;line-height: 18px;}
.training-wrapper .training-m .training-l .special-task .QR-codeAlert{position: absolute;top: 60px;right: 0;z-index: 99;display: none;width: 240px;height: 269px;border: 1px solid rgba(221,221,221,1);border-radius: 5px;background: rgba(255,255,255,1);box-shadow: 0 4px 6px 0 rgba(0,0,0,.15);text-align: center;}
.training-wrapper .training-m .training-l .special-task .icon-r{margin-top:0;top:0}
.training-wrapper .training-m .training-l .special-task .task-title{line-height: 30px;position: relative;margin-bottom:20px;color:#656565;font-size: 16px;padding-left: 45px;}
.training-wrapper .training-m .training-l .special-task .task-title i{position: absolute;left:0;top:0;width: 30px;height: 28px;background: url(/assets/revision/images/training/detail/detail-icon.v4.png) -34px 0;}
.training-wrapper .training-m .training-l .special-task .task-title i.active{background-position: 0 0;}
.training-wrapper .training-m .training-l .special-task .task-con{position: relative;padding:10px 0 0 228px;height: 128px;}
.training-wrapper .training-m .training-l .special-task .task-con .img{position: absolute;left:0;top:0;width:208px;height:128px}
.training-wrapper .training-m .training-l .special-task .task-con .img img{display: block;width: 100%;height: 100%;border-radius: 5px;}
.training-wrapper .training-m .training-l .special-task .task-con .title{font-size: 16px;font-weight: bold;color:#333;display: block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.training-wrapper .training-m .training-l .special-task .task-con .time{padding-top: 28px;color:#999}
.training-wrapper .training-m .training-l .special-task .task-con .avatar{padding-top: 28px;line-height: 20px;}
.training-wrapper .training-m .training-l .special-task .task-con .avatar-img{width: 20px;height: 20px;margin-right:10px}
.training-wrapper .training-m .training-l .special-task .task-con .avatar-img img{display: block;width: 100%;height:100%;border-radius:50%}
.training-wrapper .training-m .training-l .special-task .task-con .avatar-name{margin-right:20px;color:#666;}
.training-wrapper .training-m .training-l .special-task .go-live{width: 120px;height:40px;border-radius:5px;border:1px #FF701D solid;color:#FF701D;line-height: 38px;text-align: center;position: absolute;right:0;top:44px;transition:all .2s}
.training-wrapper .training-m .training-l .special-task .go-live.ing{color:#1B95E9;border-color: #1B95E9;}
.training-wrapper .training-m .training-l .special-task .go-live:hover{background: #FF701D;color:#fff;}
.training-wrapper .training-m .training-l .special-task .go-live.ing:hover{background: #1B95E9;color:#fff;}
.training-wrapper .training-m .training-l .special-task .go-live.ed{background: #DDDDDD;border-color: #DDDDDD;color:#666;cursor: not-allowed;}
.training-wrapper .training-m .training-l .special-task .go-live .rank-icon{display:inline-block;width:17px;height:17px;overflow:hidden;margin-right:3px;vertical-align:top;margin-top: 8px;}
.training-wrapper .training-m .training-l .special-task .go-live .rank-icon i{width:2px;height:13px;margin-right:2px;display:inline-block;background:#1B95E9;vertical-align: 8px;}
.training-wrapper .training-m .training-l .special-task .go-live:hover .rank-icon i{background: #fff;}
.training-wrapper .training-m .training-l .special-task .go-live .rank-icon i:nth-child(1){-webkit-animation:lines 2s linear .2s infinite;animation:lines 2s linear .2s infinite}
.training-wrapper .training-m .training-l .special-task .go-live .rank-icon i:nth-child(2){-webkit-animation:lines 2s linear .4s infinite;animation:lines 2s linear .4s infinite}
.training-wrapper .training-m .training-l .special-task .go-live .rank-icon i:nth-child(3){-webkit-animation:lines 2s linear .6s infinite;animation:lines 2s linear .6s infinite}
.training-wrapper .training-m .training-l .special-task .go-live .rank-icon i:nth-child(4){-webkit-animation:lines 2s linear .8s infinite;animation:lines 2s linear .8s infinite}
@keyframes lines{0%{-webkit-transform:translateY(2px);transform:translateY(2px)}
    25%{-webkit-transform:translateY(12px);transform:translateY(12px)}
    50%{-webkit-transform:translateY(2px);transform:translateY(2px)}
    75%{-webkit-transform:translateY(12px);transform:translateY(12px)}
    100%{-webkit-transform:translateY(2px);transform:translateY(2px)}
}
.training-wrapper .training-m .training-l .punch-num{padding:30px 20px;}
.training-wrapper .training-m .training-l .punch-num span{color:#333;font-size:18px;}
.training-wrapper .training-m .training-l .punch-num small{color:#666;font-size:14px;}
.training-wrapper .training-m .training-l .punch-num small.dt{padding-right:24px;color:#999;}
.training-wrapper .training-m .training-l .today-task{padding:25px 30px 30px;position: relative;}
.training-wrapper .training-m .training-l .today-task .head{font-size:18px;margin-bottom: 20px;}
.training-wrapper .training-m .training-l .today-task .head span{padding-left:4px;color:#999;font-size:14px;}
.training-wrapper .training-m .training-l .today-task .head span i{color:#FF583D;}
.training-wrapper .training-m .training-l .today-task .main{padding-top:25px;}
.training-wrapper .training-m .training-l .today-task .main .img{overflow:hidden;width:295px;height:180px;border-radius:5px;}
.training-wrapper .training-m .training-l .today-task .main .img img{display:block;width:100%;height:100%;}
.training-wrapper .training-m .training-l .today-task .main .img-r{padding:10px 0 0 20px;width:560px;}
.training-wrapper .training-m .training-l .today-task .main .img-r .name{display:block;overflow:hidden;color:#333;text-overflow:ellipsis;white-space:nowrap;font-size:18px;}
.training-wrapper .training-m .training-l .today-task .main .img-r .name:hover{color:#FF583D;}
.training-wrapper .training-m .training-l .today-task .main .img-r .time{padding-top:14px;color:#999;}
.training-wrapper .training-m .training-l .today-task .main .img-r .video-time{padding-top:14px;color:#999;}
.training-wrapper .training-m .training-l .today-task .main .img-r .view-num{padding-top:14px;color:#FE7979;}
.training-wrapper .training-m .training-l .today-task .main .img-r .upload-btn{display:block;margin-top:14px;width:120px;height:43px;border-radius:4px;background:#FFD500;color:#333;text-align:center;font-size:16px;line-height:42px;transition:background .2s;}
.training-wrapper .training-m .training-l .today-task .main .img-r .upload-btn:hover{background:#ffe045;}
.training-wrapper .training-m .training-l .today-task .con{padding-top:14px;color:#999;line-height:24px;}
.training-wrapper .training-m .training-l .today-task .task-list{margin-bottom: 20px;height:28px;line-height:28px;color:#666;}
.training-wrapper .training-m .training-l .today-task .task-list span{display:inline-block;padding-right:60px}
.training-wrapper .training-m .training-l .today-task .task-list i{width: 30px;height: 28px;background: url(/assets/revision/images/training/detail/detail-icon.v4.png) -34px 0;display: inline-block;vertical-align: top;margin-right: 14px;}
.training-wrapper .training-m .training-l .today-task .task-list i.active{background-position: 0 0;}
.training-wrapper .training-m .training-l .clock-in{padding:30px 0 1px;background: #fff;border-radius: 0 0 5px 5px;}
.training-wrapper .training-m .training-l .clock-in .head{padding:0 30px 20px;border-bottom:1px #ddd solid;line-height:18px;}
.training-wrapper .training-m .training-l .clock-in .head .tab{position:relative;display:inline-block;margin-right:40px;color:#999;font-size:18px}
.training-wrapper .training-m .training-l .clock-in .head .tab.active,.training-wrapper .training-m .training-l .clock-in .head .tab:hover{color:#333}
.training-wrapper .training-m .training-l .clock-in .head .tab.active:before{content:'';width:100%;height:2px;background:#FF701D;position:absolute;left:0;bottom:-22px}
.training-wrapper .training-m .training-l .clock-in .head .fr{padding-top:3px;color:#999;}
.training-wrapper .training-m .training-l .clock-in .head .fr:hover{color:#ff701d;}
.training-wrapper .training-m .training-l .clock-in .main{padding:0 30px;}
.training-wrapper .training-m .training-l .clock-in .main .list{position:relative;padding:30px 0 0;overflow:hidden}
.training-wrapper .training-m .training-l .clock-in .main .list .avatar{display:block;width:46px;height:46px;border-radius:50%;overflow:hidden;margin-right:20px;}
.training-wrapper .training-m .training-l .clock-in .main .list .avatar img{width:100%;height:100%;}
.training-wrapper .training-m .training-l .clock-in .main .list>div.fl{padding-top:4px;padding-bottom:30px;border-bottom:1px solid #ddd}
.training-wrapper .training-m .training-l .clock-in .main .list .name{color:#333;font-size:16px;line-height:24px;}
.training-wrapper .training-m .training-l .clock-in .main .list .new-vip-icon{margin-left:10px;vertical-align: -2px}
.training-wrapper .training-m .training-l .clock-in .main .list .con{color:#666;margin-top:6px;width:794px;word-wrap:break-word;font-size:16px;line-height:28px}
.training-wrapper .training-m .training-l .clock-in .main .list .img{margin-top:14px;width:300px;height:auto}
.training-wrapper .training-m .training-l .clock-in .main .list .img img{display:block;max-width:100%;max-height:100%;}
.training-wrapper .training-m .training-l .clock-in .main .list .bot-con{padding-top: 20px;}
.training-wrapper .training-m .training-l .clock-in .main .list .bot-con .recovery-btn{font-size: 12px;color:#999;cursor: pointer;margin-left: 20px;}
.training-wrapper .training-m .training-l .clock-in .main .list .bot-con .recovery-btn:hover{color:#666}
.training-wrapper .training-m .training-l .clock-in .main .list .time{color:#999;font-size:12px}
.training-wrapper .training-m .training-l .clock-in .main .list .time a{display:inline-block;margin-left:18px;color:#999;}
.training-wrapper .training-m .training-l .clock-in .main .list .up-icon{color:#999;font-size: 12px;cursor: pointer;}
.training-wrapper .training-m .training-l .clock-in .main .list .up-icon i{display: inline-block;width: 13px;height: 12px;vertical-align: top;margin-right: 5px;background: url(/assets/revision/images/training/detail/detail-icon.v4.png) -16px -33px}
.training-wrapper .training-m .training-l .clock-in .main .list .up-icon.active{color:#FF701D}
.training-wrapper .training-m .training-l .clock-in .main .list .up-icon.active i{background-position: 0 -33px;}
.training-wrapper .training-m .training-l .clock-in .main .list .up-icon em{font-weight: normal;}
.training-wrapper .training-m .training-l .about-head{padding-left:30px;height:58px;border-bottom:1px #ddd solid;font-size:18px;line-height:56px;background: #fff;}
.training-wrapper .training-m .training-l .about-main{padding:20px 30px;background: #fff;}
.training-wrapper .training-m .training-l .about-main p{color:#999;word-break: break-all;line-height:24px;}
.training-wrapper .training-m .training-l .about-main img{display:block;margin:0 auto;max-width:100%;}
.training-wrapper .training-m .training-l .about-foot{padding-bottom:40px;text-align:center;background: #fff;}
.training-wrapper .training-m .training-l .about-foot a{display:inline-block;width:120px;height:43px;border-radius:5px;background:#FFD500;color:#333;font-size:16px;line-height:42px;}
.training-wrapper .training-m .training-l .about-foot p{padding-top:14px;color:#666;}
.training-wrapper .training-m .training-l .wider-screen{width:1240px;}
.training-wrapper .training-m .training-l .wider-screen .video-body{height:664px}
.training-wrapper .training-m .training-l .wider-box{background:#fff;border-radius: 5px;margin-bottom: 20px;}
.training-wrapper .training-m .training-r{width:300px;}
.training-wrapper .training-m .training-r .invite-tips{margin-bottom:20px;padding:25px;border-radius:5px;background:#fff;}
.training-wrapper .training-m .training-r .invite-tips span{display:inline-block;width:100%;color:#666;text-align:center;font-size:16px;}
.training-wrapper .training-m .training-r .invite-tips a{display:inline-block;margin-top:20px;width:100%;height:42px;border-radius:5px;background:#FFD500;color:#666;text-align:center;font-size:16px;line-height:42px;}
.training-wrapper .training-m .training-r .invite-tips a.btn-g{background:#ddd;}
.training-wrapper .training-m .training-r .invite-tips a:hover{background:#ffdd2f;color:#333;}
.training-wrapper .training-m .training-r .clock-date{margin-bottom:20px;position: relative;}
.training-wrapper .training-m .training-r .clock-date .head{padding:0 20px;line-height:54px;border-bottom:1px #E9E9E9 solid;background: #FFFDF2;border-radius: 5px 5px 0 0;}
.training-wrapper .training-m .training-r .clock-date .head .p1{font-weight: bold;font-size:16px;}
.training-wrapper .training-m .training-r .clock-date .head .p2{color: #FF583D;}
.training-wrapper .training-m .training-r .clock-date .head .p2.ed{color: #999;}
.training-wrapper .training-m .training-r .clock-date .laydate-set-ym{position:absolute;top:-42px;left:74px;width:80px;}
.training-wrapper .training-m .training-r .clock-date .layui-icon,.training-wrapper .training-m .training-r .clock-date .layui-laydate-footer{display:none;}
.training-wrapper .training-m .training-r .clock-date .laydate-prev-m{position:absolute;top:-42px;left:60px;display:block;font-size: 14px;}
.training-wrapper .training-m .training-r .clock-date .laydate-next-m{position:absolute;top:-42px;right:134px;display:block;font-size: 14px;}
.training-wrapper .training-m .training-r .clock-date .laydate-set-ym span,.training-wrapper .training-m .training-r .clock-date .layui-laydate-header i{padding:0;}
.training-wrapper .training-m .training-r .clock-date .layui-laydate-header i:hover{color:#FF583D;}
.training-wrapper .training-m .training-r .clock-date .layui-laydate,.training-wrapper .training-m .training-r .clock-date .layui-laydate-hint{border:none;box-shadow:none;}
.training-wrapper .training-m .training-r .clock-date .layui-laydate-header{padding:0;border:none;height: 14px;}
.training-wrapper .training-m .training-r .clock-date .layui-laydate-content{padding:0 10px 5px 10px;}
.training-wrapper .training-m .training-r .clock-date .layui-laydate-content thead th{height:36px;font-size:16px;}
.training-wrapper .training-m .training-r .clock-date .layui-laydate .layui-this{background:0 0!important;color:#333!important;}
.training-wrapper .training-m .training-r .clock-date .layui-laydate-main{width:100%;height: 300px;}
.training-wrapper .training-m .training-r .clock-date .layui-laydate{width:100%;}
.training-wrapper .training-m .training-r .clock-date .layui-laydate-content table{width:100%;}
.training-wrapper .training-m .training-r .clock-date .tips-red{color:#FF583D}
.training-wrapper .training-m .training-r .clock-date .tips-center{text-align:center}
.training-wrapper .training-m .training-r .clock-date .layui-laydate-content td{position:relative;z-index:1;height:40px;vertical-align: middle;width: 40px;border-radius: 5px;padding:0;border: 12px solid #fff;}
.training-wrapper .training-m .training-r .clock-date .layui-laydate-content td:hover{background: none;}
.training-wrapper .training-m .training-r .clock-date .layui-laydate-content td.train{color: #333;}
.training-wrapper .training-m .training-r .clock-date .layui-laydate-content td.not:after{content: '';width: 17px;height: 17px;background: url(/assets/revision/images/training/detail/detail-icon.v4.png) -113px -60px;right: -8px;bottom:-8px;position: absolute;z-index: 2;}
.training-wrapper .training-m .training-r .clock-date .layui-laydate-content td.done:after{content: '';width: 17px;height: 17px;background: url(/assets/revision/images/training/detail/detail-icon.v4.png) -113px -41px;right: -8px;bottom:-8px;position: absolute;z-index: 2;}
.training-wrapper .training-m .training-r .clock-date .layui-laydate-content td.train:before{background: #FFF8D3;z-index: -1;position: absolute;left: 0;top: 0;width: 28px;height: 28px;border-radius: 5px;content: '';}
.training-wrapper .training-m .training-r .clock-date .layui-laydate-content td.today.train:before{z-index: 1;content: '今';line-height: 28px;}
.training-wrapper .training-m .training-r .clock-date .layui-laydate-content td.train.layui-this:before{background: #FFD500;cursor: pointer;}
.training-wrapper .training-m .training-r .clock-date .layui-laydate .today:before{z-index: 1;content: '今';position: absolute;left: 0;top: 0;width: 100%;height: 100%;line-height: 28px;background: #fff;}
.training-wrapper .training-m .training-r .clock-date .clock-b{padding:15px 20px;background: #fff;border-top:1px #E9E9E9 solid;border-radius: 0 0 5px 5px;}
.training-wrapper .training-m .training-r .clock-date .clock-b .clock-tips{font-size: 12px;color:#999;}
.training-wrapper .training-m .training-r .clock-date .clock-b .clock-tips span{padding:0  10px;}
.training-wrapper .training-m .training-r .clock-date .clock-b .clock-tips span i{display: inline-block;width: 17px;height: 17px;background: url(/assets/revision/images/training/detail/detail-icon.v4.png) -113px -41px;margin-top: -2px;vertical-align: top;margin-right: 3px;}
.training-wrapper .training-m .training-r .clock-date .clock-b .clock-tips span i.not{background-position: -113px -60px;}
.training-wrapper .training-m .training-r .clock-date .clock-b .tips2{font-size: 12px;color:#999;padding-top: 12px;}
.training-wrapper .training-m .training-r .clock-date .click-tips{position: absolute;padding:0 7px;height: 22px;line-height: 20px;font-size: 12px;color:#fff;background: rgba(0, 0, 0, 0.7);border-radius: 3px;white-space: nowrap;}
.training-wrapper .training-m .training-r .clock-date .click-tips::before{content: '';border:6px transparent solid;border-top: 6px rgba(0, 0, 0, 0.7) solid;left: 50%;margin-left: -5px;top: 22px;position: absolute;}
.training-wrapper .training-m .training-r .clock-date .click-tips .close{width: 10px;height: 10px;cursor: pointer;display: inline-block;margin:6px 0 0 5px;position: relative;vertical-align: top;}
.training-wrapper .training-m .training-r .clock-date .click-tips .close::before{content: '';transform: rotate(45deg);left: -1px;top: 4px;width: 12px;height: 1px;background: #fff;position: absolute;}
.training-wrapper .training-m .training-r .clock-date .click-tips .close::after{content: '';transform: rotate(-45deg);left: -1px;top: 4px;width: 12px;height: 1px;background: #fff;position: absolute;}
.training-wrapper .training-m .training-r .task-status{padding:20px;margin-bottom: 20px;background: #fff;border-radius: 5px;}
.training-wrapper .training-m .training-r .task-status .status-con span{display: inline-block;vertical-align: top;width: 30px;height: 28px;margin-right: 20px;background: url(/assets/revision/images/training/detail/detail-icon.v4.png) -34px 0;}
.training-wrapper .training-m .training-r .task-status .status-con span.active{background-position: 0 0;}
.training-wrapper .training-m .training-r .task-status .status-con a{display: inline-block;width: 56px;height: 26px;border-radius: 3px;border: 1px #ddd solid;color:#999;line-height: 24px;text-align: center;margin-top:1px;transition: all .2s;cursor: not-allowed;}
.training-wrapper .training-m .training-r .task-status .status-con a.active{background: #FFD500;color:#333;border-color: #FFD500;cursor: pointer;}
.training-wrapper .training-m .training-r .task-status p{padding-top: 20px;color:#999}
.training-wrapper .training-m .training-r .prize{margin-bottom:20px;border-radius:5px;background:#fff;}
.training-wrapper .training-m .training-r .prize .head{padding-left:20px;height:58px;border-bottom:1px #ddd solid;font-size:18px;line-height:56px;}
.training-wrapper .training-m .training-r .prize .main{padding:20px;}
.training-wrapper .training-m .training-r .prize .main .img img{display:block;width:100%;}
.training-wrapper .training-m .training-r .prize .main .name{padding-top:14px;font-size:16px;}
.training-wrapper .training-m .training-r .other-training{border-radius:5px;background:#fff;}
.training-wrapper .training-m .training-r .other-training .head{padding-left:20px;height:58px;border-bottom:1px #ddd solid;font-size:18px;line-height:56px;}
.training-wrapper .training-m .training-r .other-training .main{padding:20px 20px 0;}
.training-wrapper .training-m .training-r .other-training .main .list{padding-bottom:19px;}
.training-wrapper .training-m .training-r .other-training .main .list .img{display:block;overflow:hidden;width:100%;height:160px;border-radius:5px;}
.training-wrapper .training-m .training-r .other-training .main .list .img img{display:block;width:100%;height:100%;}
.training-wrapper .training-m .training-r .other-training .main .list .title{display:block;overflow:hidden;margin-top:9px;color:#333;text-overflow:ellipsis;white-space:nowrap;font-size:16px;}
.training-wrapper .training-m .training-r .other-training .main .list .partake-num{padding-top:8px;color:#999;font-size:14px;}
.training-wrapper .training-m .training-r .up-box{height: 109px;background: url(/assets/revision/images/training/detail/up-bg.png);position: relative;padding:10px 0 0 20px;margin-bottom: 20px;}
.training-wrapper .training-m .training-r .up-box .p1{color:#fff;line-height: 24px;font-size: 16px;width:170px; overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;line-clamp: 2;-webkit-box-orient: vertical;max-height:48px;}
.training-wrapper .training-m .training-r .up-box .p1 i{color: #FFF000;}
.training-wrapper .training-m .training-r .up-box .btn{display: inline-block;vertical-align: top;margin-top: 10px;height: 24px;line-height: 22px;border-radius: 12px;padding:0 10px;font-size: 12px;color: #FFF7D9;border:1px #FFF7D9 solid;transition: all .2s;}
.training-wrapper .training-m .training-r .up-box .btn:Hover{background: #FFF7D9;color: #FF4253;}
.training-wrapper .training-m .training-r .up-box .btn i{width: 11px;height: 10px;display: inline-block;vertical-align: top;margin:6px 4px 0 0;background: url(/assets/revision/images/training/detail/detail-icon.v2.png) -102px -31px;}
.comment-textarea{position:relative;padding:30px 30px 0;background: #fff;border-radius: 5px 5px 0 0;}
.training-wrapper .training-m .training-r .up-box .btn:Hover i{background-position: -89px -31px;}
.training-wrapper .training-m .training-r .up-box .rule-btn{position: absolute;right: 36px;bottom:20px;cursor: pointer;z-index: 2;}
.training-wrapper .training-m .training-r .up-box .rule-btn .txt{font-size: 12px;text-decoration: underline;color:#fff;}
.training-wrapper .training-m .training-r .up-box .rule-btn .rule-win{position: absolute;width: 232px;background: #fff;box-shadow: 0px 4px 6px 0px rgba(0, 0, 0, 0.1);border-radius: 5px;font-size: 12px;color: #666;line-height: 24px;padding:14px 15px;top: 20px;left: -91px;display: none;}
.training-wrapper .training-m .training-r .up-box .rule-btn:hover .rule-win{display: block;}
.training-wrapper .training-m .training-r .up-box .rule-btn .rule-win::before{content: '';border:4px transparent solid;border-bottom: 4px #fff solid;position: absolute;left: 111px;top:-8px}
.training-wrapper .training-m .training-r .up-box .rule-btn .rule-win .p2{font-size: 14px;color:#333;padding-bottom: 2px;text-align: center;}

.comment-textarea .avatar{position:absolute;top:0;left:0;overflow:hidden;width:48px;height:48px;border:1px #ddd solid;border-radius:50%;}
.comment-textarea .avatar img{display:block;width:100%;height:100%;}
.comment-textarea .textarea-wrap{position:relative;height:132px;border:1px solid #E6E6E6;border-radius:5px;padding:20px 20px 0}
.comment-textarea .cont-num{position:absolute;right:20px;bottom:20px;color:#999;font-size:12px}
.comment-textarea .cont-num .hkb-c{padding-right:10px;color:#ffa900;}
.comment-textarea .cont-num em{font-weight:400;}
.comment-textarea .seek-ans{position:relative;padding-top:25px;padding-right:10px;padding-left:20px;color:#999;cursor:pointer;}
.comment-textarea .seek-ans:before{position:absolute;top:24px;left:0;width:16px;height:16px;background:url(/assets/revision/images/course/play-icon5.png) -256px -473px;content:'';}
.comment-textarea .seek-ans.active:before{background-position:-237px -473px;}
.comment-textarea .seek-ans span{position:relative;display:inline-block;margin-left:10px;width:16px;height:16px;vertical-align:top;cursor:pointer;}
.comment-textarea .seek-ans span:before{position:absolute;top:0;left:0;width:16px;height:16px;background:url(/assets/revision/images/course/play-icon5.png) -198px -493px;content:"";}
.comment-textarea .seek-ans span:hover:before{background-position:-198px -475px;}
.comment-textarea .seek-ans span:hover i{display:block;}
.comment-textarea .seek-ans span i{position:absolute;top:26px;left:-3px;z-index:1;display:none;padding:0 22px;height:40px;border-radius:4px;background:rgba(0,0,0,.7);color:#fff;white-space:nowrap;font-size:12px;line-height:40px;}
.comment-textarea .submit-btn{margin:20px auto 0;width:200px;height:50px;position:relative}
.comment-textarea .submit-btn .btn{display:block;width:100%;height:100%;border-radius:5px;background:#ffd500;color:#333;text-align:center;font-size:16px;line-height:50px;cursor:pointer;transition:all .2s}
.comment-textarea .submit-btn .btn:hover{background:#ffdd2f}
.comment-textarea .submit-btn p{width:136px;height:30px;line-height:30px;border-radius:5px;background:rgba(0,0,0,.7);font-size:12px;color:#fff;text-align:center;position:absolute;top:-36px;right:-15px}
.comment-textarea .submit-btn p:before{content:'';width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-top:6px solid rgba(0,0,0,.7);position:absolute;left:50%;margin-left:-2px;bottom:-6px}
.webuploader-element-invisible{display:none;}
@keyframes size{50%{transform:scale(.85);}}
.fz18-c3{margin-top:15px;color:#333;font-size:18px;}
.fz16-c9{margin-top:15px;color:#999;font-size:16px;}
.fz16-c9 span{padding:0 5px;color:#FF583D;}
.fz14-c9{margin-top:15px;color:#999;line-height:24px;}
.hayui-hayer-btn .hayui-hayer-btn0{border-color:#FFD500;background:#FFD500;}
.hayui-hayer-btn .hayui-hayer-btnhide{display:none;}
.hayui-hayer-content .code{margin-top:15px;width:250px;height:250px;}
.hayui-hayer-btn-{margin:0;}
.training-wrapper .training-m .training-r .clock-date .laydate-set-ym{position:relative;}
.training-wrapper .training-m .training-r .clock-date .laydate-set-ym:before{position:absolute;top:0;left:0;width:100%;height:100%;content:'';}
.bigImgShow{position:fixed;top:0;left:0;z-index:1000;width:100%;height:100%;}
.bigImgShow .bigImgShow-mask{position:absolute;top:0;left:0;width:100%;height:100%;background:#000;opacity:.8;filter:alpha(opacity=80);}
.bigImgShow .bigImgShow-box img{position:absolute;top:50%;left:50%;max-width:100%;max-height:100%;border:0;vertical-align:top;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);}
.bigImgShow .bigImgShow-box .close{position:absolute;top:73px;right:30px;z-index:1;display:block;width:46px;height:45px;background:url(/assets/revision/images/course/bigImgShow-close.png) no-repeat center;}
.d-shareHide{display:none;}
.d-red{color:#FA0020!important;}
.d-pt90{padding-top:90px;}
.d-share{position:absolute;top:37px;right:10px;display:inline-block;width:80px;height:25px;border:0;border-radius:3px;color:#666;font-size:14px;line-height:25px;cursor:pointer;}
.d-share:hover{background:rgba(255,213,0,1);color:#333;}
.d-shareMask{position:fixed;top:0;left:0;z-index:1000;display:table;width:100%;height:100%;background-color:rgba(0,0,0,.4);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#66000000, endColorstr=#66000000);}
.d-shareTab{display:table-cell;vertical-align:middle;}
.d-shareCen{position:relative;margin:0 auto;width:375px;height:565px;}
.d-shareContent{width:375px;height:515px;border-radius:5px;background:url(/assets/revision/images/training/detail/dbgImg.png) no-repeat;}
.closeBtn{position:absolute;top:0;right:15px;width:28px;height:28px;border-radius:0 0 50px 50px;background-color:#4298FD;}
.closeBtn i{position:absolute;top:2px;right:4px;z-index:10;padding-top:10px;padding-left:3px;width:20px;height:20px;cursor:pointer;}
.closeBtn i:before{position:absolute;width:15px;height:1px;background-color:#fff;content:'';-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg);-ms-transform:rotate(45deg);}
.closeBtn i:after{position:absolute;width:15px;height:1px;background-color:#fff;content:'';-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg);-ms-transform:rotate(-45deg);}
.d-name{position:absolute;top:10px;left:50px;overflow:hidden;}
.d-name img{float:left;width:68px;height:68px;border-radius:100%;}
.d-name span{float:left;margin-top:45px;margin-left:10px;}
.d-btn{overflow:hidden;margin-top:15px;}
.d-title{color:#333;text-align:center;font-size:18px;line-height:30px;}
.d-Dimg{padding-top:20px;text-align:center;}
.d-Detail{overflow:hidden;margin:20px auto;width:300px;border-radius:50px 0 0 50px;background:rgba(238,243,255,1);}
.d-Detail dt{float:right;}
.d-Detail dd{float:left;margin-top:10px;padding-left:18px;color:rgba(102,102,102,1);font-size:14px;line-height:26px;}
.d-Detail dd .d-enroll{color:#333;font-size:15px;}
.d-btn input{float:left;margin-left:36px;width:132px;height:34px;border:0;border-radius:5px;color:#fff;text-align:center;font-size:14px;line-height:34px;cursor:pointer;}
.d-down{background-color:#1551E5;}
.d-weixin{background-color:#0EAF38;}

@media only screen and (max-width: 1440px) {
    .training-wrapper .training-m .training-l{width:680px;}
	.training-wrapper .training-m .training-l .today-task{padding:20px 30px;}
	.training-wrapper .training-m .training-l .today-task .main .img{width:225px;height:137px;}
	.training-wrapper .training-m .training-l .today-task .main .img-r{padding-top:0;width:400px;}
}

/*new_training*/
.training-about .what{background:url(/assets/revision/images/training/index/3/box1.png) no-repeat center;}
.training-wrapper .training-m .training-l .about-head span{color:#999;font-size:14px;}
.training-wrapper .training-m .training-l .about-head span i,.training-wrapper .training-m .training-l .topSpan i{color:#FF583D;}
.training-wrapper .training-m .training-l .topSpan{color:#666;font-size:14px;line-height:26px;}
.training-wrapper .training-m .training-l .prog{position:relative;z-index:98;padding-bottom:46px;padding-left:30px;width:100%;height:16px;border-bottom:1px solid #ddd;}
.training-wrapper .training-m .training-l .prog:after{position:absolute;top:-4px;left:30%;z-index:998;width:24px;height:24px;border-radius:50%;background:#12B7F5;color:#FFF;content:"";text-align:center;font-size:12px;line-height:24px;opacity:.5;}
.training-wrapper .training-m .training-l .prog .percentCount{position:absolute;top:0;left:30%;z-index:999;margin-left:-10px;color:#FFF;text-align:center;font-size:12px;line-height:14px;}
.training-wrapper .training-m .training-l .punch-main{padding:20px 20px 0;}
.training-wrapper .training-m .training-l .punch-main .main-head{position:relative;}
.training-wrapper .training-m .training-l .punch-main .text-l{padding-top:10px;color:#333;font-size:18px;}
.training-wrapper .training-m .training-l .punch-main .text-l span{color:#999;font-size:14px;}
.training-wrapper .training-m .training-l .punch-main .text-l span:last-child{padding-left:24px;color:#666;}
.training-wrapper .training-m .training-l .punch-main .text-l span:last-child i{color:#FF583D;}
.training-wrapper .training-m .training-l .icon-r{position:relative;top:-33px;margin-left:30px;width:21px;height:21px;background:url(/assets/revision/images/training/index/3/icon-qr.png) no-repeat center;text-align:right;cursor:pointer}
.training-wrapper .training-m .training-l .icon-r:hover{background:url(/assets/revision/images/training/index/3/icon-qrHover.png) no-repeat center;}
.training-wrapper .training-m .training-l .today-task .qr-w{position:absolute;top: 61px;right: 0px;z-index: 222222;display:none;width:300px;height:260px;box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.1);border-radius:5px;padding:30px 25px 0;background: #fff;font-size: 14px;line-height: 1;color:#666;text-align: left;}
.training-wrapper .training-m .training-l .today-task .qr-w:before{content: '';border:6px transparent solid;position: absolute;right: 34px;top: -12px;border-bottom: 6px #fff solid;}
.training-wrapper .training-m .training-l .today-task .code-box{position: relative;padding:4px 0 0 140px;height: 120px;}
.training-wrapper .training-m .training-l .today-task .code-box img{width: 130px;height: 130px;position: absolute;left: -8px;top: -8px;}
.training-wrapper .training-m .training-l .today-task .code-box p{line-height: 24px;color:#666;}
.training-wrapper .training-m .training-l .today-task .code-box p:nth-child(2){margin-bottom: 10px;height: 72px;overflow: hidden;word-break: break-all;color: #ff701d;}
.training-wrapper .training-m .training-l .today-task .qrcode-info{padding-top: 20px;}
.training-wrapper .training-m .training-l .today-task .qrcode-info span{width:125px;height: 46px;line-height: 20px;float: left;color: #666;}
.training-wrapper .training-m .training-l .today-task .qrcode-info span i{display: inline-block;margin-right: 10px;vertical-align: top;background: url(/assets/revision/images/training/index/training-icon.v2.png);width: 26px;height: 20px;}
.training-wrapper .training-m .training-l .today-task .qrcode-info span .s1{background-position: -28px -21px;}
.training-wrapper .training-m .training-l .today-task .qrcode-info span .s2{background-position: 0 0;}
.training-wrapper .training-m .training-l .today-task .qrcode-info span .s3{background-position: -28px 0;}
.training-wrapper .training-m .training-l .today-task .qrcode-info span .s4{background-position: 0 -21px;}
.training-wrapper .training-m .training-l .video-foot-con{padding-top: 20px;line-height: 30px;}
.training-wrapper .training-m .training-l .video-foot-con h4{color:#333;font-size:20px;font-weight:bold;max-width:730px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.training-wrapper .training-m .training-l .sc-d{width:103px;height:30px;background:rgba(255,213,0,1);border-radius:5px;text-align: center;color:#333;font-size: 16px;}
.training-wrapper .training-m .training-l .sc-d:hover{opacity: .9}
.training-wrapper .training-m .training-l .video-foot-text{padding-top: 20px;line-height: 22px;font-size: 16px;color:#999;}
.training-wrapper .alert-d-mask{position:fixed;top:0;left:0;z-index:999;display:none;width:100%;height:100%;background:rgba(0,0,0,.5);}
.training-wrapper .alert-d{position:fixed;top:50%;left:50%;z-index:999;display:none;margin-top:-97px;margin-left:-210px;width:420px;height:195px;border-radius:5px;background:rgba(255,255,255,1);}
.training-wrapper .alert-d .alert-close{position:absolute;top:15px;right:15px;width:10px;height:10px;background:url(/assets/revision/images/training/index/3/base-icon.v20.png) no-repeat;background-position:-201px -532px;cursor:pointer;}
.training-wrapper .alert-d .text-h3{margin-top:40px;color:#333;text-align:center;font-size:18px;}
.training-wrapper .alert-d .text-span{margin-top:20px;color:#999;text-align:center;font-size:16px;}
.training-wrapper .alert-d .alert-a{display:block;margin:30px auto 0;width:122px;height:42px;border-radius:5px;background:rgba(255,213,0,1);color:#333;text-align:center;font-size:16px;line-height:42px;}
.training-wrapper .training-m .training-l .video-body{position:relative;width:100%;height:525px;}
.training-wrapper .training-m .training-l .video-body .left-main,.training-wrapper .training-m .training-l .video-body .left-main .video-frame{height:100%;width: 100%}
.training-wrapper .training-m .training-l .video-body .left-main .video-frame{position: relative;overflow: hidden;}
#play-speed-button{margin-left:100px;}
.training-wrapper .training-m .training-l .video-body .left-main .video-frame .cover-bg{width: 100%;height: 100%;z-index: 2;background: rgba(0,0,0,0);position: absolute;left: 0;top: 0;}
.video-body .left-main .video-frame .play-btn{display:block;width:80px;height:80px;border:2px solid #fff;position:absolute;left:50%;top:50%;z-index:9;margin-top:-40px;margin-left:-40px;-webkit-transition:-webkit-transform .4s;transition:transform .4s;box-shadow:0 3px 6px 0 rgba(0,0,0,.1);border-radius:50%;background:rgba(0,0,0,.25)}
.video-body .left-main .video-frame .play-btn:after{content:'';width:80px;height:80px;position:absolute;top:50%;left:50%;z-index:9;margin-top:-40px;margin-left:-40px;background:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI4MCIgaGVpZ2h0PSI4MCIgdmlld0JveD0iMCAwIDgwIDgwIj4KCTxkZWZzPgoJCTxzdHlsZT4KCQkgIC5jbHMtMSB7CgkJCWZpbGw6ICNmZmY7CgkJCWZpbGwtcnVsZTogZXZlbm9kZDsKCQkgIH0KCQk8L3N0eWxlPgoJPC9kZWZzPgoJPHBhdGggY2xhc3M9ImNscy0xIiBkPSJNMTEyMCwxMTE3YTQwLDQwLDAsMSwxLTQwLDQwQTQwLDQwLDAsMCwxLDExMjAsMTExN1ptMCw0YTM2LDM2LDAsMSwxLTM2LDM2QTM2LDM2LDAsMCwxLDExMjAsMTEyMVptLTUuNjIsNTIuNTEsMjAuMzctMTQuODhhMi4yNTQsMi4yNTQsMCwwLDAtLjA0LTMuNjdMMTExNCwxMTQwLjQ1YTIuMjczLDIuMjczLDAsMCwwLTMuNTgsMS44OGwwLjM1LDI5LjM4QTIuMjY5LDIuMjY5LDAsMCwwLDExMTQuMzgsMTE3My41MVoiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0xMDgwIC0xMTE3KSIvPgo8L3N2Zz4=) no-repeat}
.video-body .left-main .video-frame .play-btn:before{content:'';width:80px;height:80px;position:absolute;top:50%;left:50%;z-index:8;margin-top:-40px;margin-left:-40px;border-radius:50%;background:radial-gradient(rgba(0,0,0,.25) 40%,rgba(255,255,255,.65) 70%,rgba(0,0,0,.25) 100%);box-shadow:0 0 8px 4px rgba(136,136,136,.35),0 0 6px 3px rgba(255,255,255,1);animation:fade 2.4s linear 0s infinite}
.video-body .left-main .video-frame:hover .play-btn{transform:scale(1.2)}
@keyframes fade{
	0%{transform:scale(0)}
	100%{transform:scale(1);opacity:0}
}
.training-wrapper .training-m .training-l textarea{width:668px;height:90px;border:none;line-height:18px}
.training-wrapper .training-m .training-l textarea::-webkit-input-placeholder{font-size:14px;color:#999}
.training-wrapper .training-m .training-l .textarea-Bottom{margin-top:18px;}
.training-wrapper .training-m .training-l .textarea-Bottom span{padding-right:10px;padding-left:10px;color:#999;font-size:14px;}
.training-wrapper .training-m .training-l .textarea-Bottom span i{color:#FF583D;text-decoration:underline;}
.training-wrapper .training-m .training-l .textarea-Bottom button{margin-top:-10px;margin-right:10px;width:130px;height:42px;border:0;border-radius:5px;background:rgba(255,213,0,1);text-align:center;line-height:42px;}
.training-wrapper .training-m .training-l .f-b{margin-top:45px;}
.training-wrapper .training-m .training-l .f-b .a-toggle{padding-bottom:20px;padding-left:30px;border-bottom:1px solid #ddd;font-size:18px;}
.training-wrapper .training-m .training-l .f-b .a-toggle a{padding-right:20px;color:#333;}
.training-wrapper .training-m .training-l .f-b .a-toggle a.active{color:#FF7C00;}
.training-wrapper .training-m .training-l .f-b .punch-items{padding:25px 30px;}
.training-wrapper .training-m .training-l .f-b .punch-items .items-t img{margin-right:15px;width:50px;height:50px;border-radius:50%;}
.training-wrapper .training-m .training-l .f-b .punch-items .items-t span{color:#333;font-size:16px;line-height:50px;}
.training-wrapper .training-m .training-l .f-b .punch-items .items-t a{display:block;margin-top:12px;width:80px;height:25px;border-radius:3px;background:rgba(221,221,221,1);color:#666;text-align:center;font-size:14px;line-height:25px;}
.training-wrapper .training-m .training-l .f-b .punch-items .items-t a:hover{background:#FFD500;color:#333;}
.training-wrapper .training-m .training-l .f-b .punch-items .items-c{margin:84px 0 20px 64px;padding-right:58px;width:798px;border-bottom:1px solid #ddd;color:#666;font-size:16px;line-height:28px;}
.training-wrapper .training-m .training-l .f-b .punch-items .items-c span{display:block;width:100%;}
.training-wrapper .training-m .training-l .f-b .punch-items .items-c .items-img{display:block;margin-top:20px;margin-bottom:10px;width:300px;height:200px;text-align:left;}
.training-wrapper .training-m .training-l .f-b .punch-items .items-c i{display:inline-block;margin-bottom:20px;padding-right:20px;color:#999;font-size:12px;}
.training-wrapper .training-m .training-r .list-punch{border-radius:5px;background:#FFF;}
.training-wrapper .training-m .training-r .list-punch .head{position:relative;padding-left:20px;height:58px;border-bottom:1px #ddd solid;font-size:18px;line-height:56px;}
.training-wrapper .training-m .training-r .list-punch .head i{display:inline-block;margin-left:10px;padding-left:1px;width:16px;height:16px;border:1px solid rgba(153,153,153,1);border-radius:50%;background:rgba(255,255,255,1);color:#999;text-align:center;font-size:12px;line-height:14px;cursor:pointer;vertical-align:top;margin-top:19px}
.training-wrapper .training-m .training-r .list-punch .head .t-w{position:absolute;top:-58px;left:125px;z-index:99;display:none;border-radius:5px;background:rgba(0,0,0,.8);color:#FFF;font-size:14px;line-height:22px;padding:5px 10px;}
.training-wrapper .training-m .training-r .list-punch .head .t-w span{display: block;white-space: nowrap;}
.training-wrapper .training-m .training-r .list-punch .head i:hover{border:1px solid #FFD500;background:#FFD500;color:#333;}
.training-wrapper .training-m .training-r .list-punch .main{margin-bottom:20px;padding:20px;}
.training-wrapper .training-m .training-r .list-punch .main > span{display:inline-block;padding-bottom:18px;color:#666;font-size:14px;}
.training-wrapper .training-m .training-r .list-punch .main > span i{color:#FF583D;}
.training-wrapper .training-m .training-r .list-punch .main .p-items{margin-bottom:20px;height:30px;}
.training-wrapper .training-m .training-r .list-punch .main .p-items .u-I{position:relative;width:30px;height:30px;}
.training-wrapper .training-m .training-r .list-punch .main .p-items .user-Img{width:100%;height:100%;border-radius:50%;}
.training-wrapper .training-m .training-r .list-punch .main .p-items .u-num{position:absolute;bottom:0;left:0;height:15px;border-radius:3px;background:rgba(255,88,61,1);color:#FFF;text-align:center;font-size:12px;line-height:14px;padding:0 5px;}
.training-wrapper .training-m .training-r .list-punch .main .p-items .user-Name{overflow:hidden;margin-right:16px;margin-left:10px;width:90px;height:100%;color:#666;vertical-align:bottom;text-overflow:ellipsis;white-space:nowrap;font-size:14px;line-height:30px;}
.training-wrapper .training-m .training-r .list-punch .main .p-items .punch-Day{overflow:hidden;height:100%;color:#666;vertical-align:bottom;text-overflow:ellipsis;white-space:nowrap;font-size:14px;line-height:30px;}
.training-wrapper .training-m .training-r .list-punch .main .p-items .up-num{line-height: 30px;padding-right: 13px;color:#666}
.training-wrapper .training-m .training-r .list-punch .main .more{display:block;margin:0 auto;width:240px;height:32px;border:1px solid rgba(221,221,221,1);border-radius:5px;background:rgba(255,255,255,1);color:#666;text-align:center;font-size:14px;line-height:30px;}
.training-wrapper .training-m .training-r .list-punch .main .more:hover{border:1px solid #FFD500;background:#FFD500;color:#333;}
.training-wrapper .training-m .training-r .list-punch .table-head{height: 34px;line-height: 34px;border-radius: 5px;background: #F2F2F2;padding-left: 26px;margin-bottom: 20px;}
.training-wrapper .training-m .training-r .list-punch .table-head span:nth-child(1){display: inline-block;width: 118px;}
.training-wrapper .training-m .training-r .list-punch .table-head span:nth-child(2){display: inline-block;width: 73px;}
.training-wrapper .training-m .training-r .clock-date .layui-laydate .tdhover{color:#FFF;}
.training-wrapper .training-m .training-r .clock-date .layui-laydate .tdhover:before{position:absolute;top:-2px;left:6px;z-index:-1;padding:0;width:25px;height:25px;border:1px solid #12B7F5;border-radius:50%;background:#12B7F5;content:"";text-align:center;line-height:22px;}
.training-wrapper .training-m .training-r .clock-date #clock-t .layui-laydate .layui-this{color:#666!important;}
.training-wrapper .training-m .training-r .clock-date #clock-t .layui-laydate .layui-this:before{top:-2px;background:#FFF;}
.training-wrapper .training-m .training-r .clock-date #clock-t .layui-laydate .tdok{color:#FFF!important;}
.training-wrapper .training-m .training-r .clock-date #clock-t .layui-laydate .tdok:before{position:absolute;top:-2px;left:6px;z-index:-1;padding:0;width:25px;height:25px;border:1px solid #FF583D;border-radius:50%;background:#FF583D;content:"";text-align:center;line-height:22px;}
.dVideoTips,.dtipsBtn{bottom:47px}
.training-r .qr-codeCont{position:relative;margin-bottom:20px;width:300px;height:260px;border-radius:5px;background:rgba(255,255,255,1);padding:25px 25px 0;}
.training-r .qr-codeCont .tips{position:absolute;top:-64px;left:52px;z-index:0;display:inline-block;padding:12px 15px;width:200px;height:64px;border-radius:5px;background:rgba(0,0,0,.8);color:#FFF;text-align:center;font-size:12px;line-height:20px;}
.training-r .qr-codeCont .tips:after{position:absolute;top:64px;left:88px;width:0;height:0;border-color:rgba(0,0,0,.8) transparent transparent transparent;border-style:solid;border-width:6px;content:"";}
.training-r .qr-codeCont .tips small{position:absolute;top:0;right:0;float:right;margin-top:8px;margin-right:8px;width:10px;height:10px;background:url(/assets/revision/images/training/index/3/base-icon.v20.png) no-repeat;background-position:-215px -532px;cursor:pointer;}
.training-r .qr-codeCont .code-box{position: relative;padding:4px 0 0 140px;height: 120px;}
.training-r .qr-codeCont .code-box img{width: 130px;height: 130px;position: absolute;left: -8px;top: -8px;}
.training-r .qr-codeCont .code-box p{line-height: 24px;color:#666;}
.training-r .qr-codeCont .code-box p:nth-child(2){margin-bottom: 10px;height: 72px;overflow: hidden;word-break: break-all;color: #ff701d;}
.training-r .qr-codeCont .qrcode-info{padding-top: 20px;}
.training-r .qr-codeCont .qrcode-info span{width:125px;height: 46px;line-height: 20px;float: left;color: #666;}
.training-r .qr-codeCont .qrcode-info span i{display: inline-block;margin-right: 10px;vertical-align: top;background: url(/assets/revision/images/training/index/training-icon.v2.png);width: 26px;height: 20px;}
.training-r .qr-codeCont .qrcode-info span .s1{background-position: -28px -21px;}
.training-r .qr-codeCont .qrcode-info span .s2{background-position: 0 0;}
.training-r .qr-codeCont .qrcode-info span .s3{background-position: -28px 0;}
.training-r .qr-codeCont .qrcode-info span .s4{background-position: 0 -21px;}
.d-videoTips{position:absolute;bottom:36px;left:0;width:100%;height:36px;background-color:rgba(0,0,0,.4);color:#fff;text-indent:20px;font-size:14px;line-height:36px;transition:bottom .3s;}
.d-videoTips>a{color:#ffd500;text-decoration:none;}
.d-videoTips .closeBtn{position:absolute;top:11px;right:30px;z-index:10;padding:0;width:20px;height:20px;cursor:pointer;}
.d-videoTips .closeBtn:before{position:absolute;top:11px;left:0;width:15px;height:1px;background-color:#535253;content:'';-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg);-ms-transform:rotate(45deg);}
.d-videoTips .closeBtn:after{position:absolute;top:11px;left:0;width:15px;height:1px;background-color:#535253;content:'';-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg);-ms-transform:rotate(-45deg);}
#list-training{padding-top:40px;padding-bottom:100px;background:url(/assets/revision/images/training/rank/list-punchBg.v1.png) repeat-y center top;}
#list-training .list-t{margin:0 auto;padding-bottom:20px;text-align:center;}
#list-training .list-t span{display:block;margin-bottom:23px;height:48px;color:#FFF;text-shadow:0 5px 10px rgba(97,84,251,.4);font-weight:400;font-size:48px;font-family:"Microsoft YaHei";line-height:48px;}
#list-training .list-c{margin:0 auto;width:1240px;height:auto;border-radius:5px;background:#FFF;}
#list-training .list-c .list-top{width:100%;height:58px;border-bottom:1px solid #ddd;line-height:58px;}
#list-training .list-c .list-top .text-l{padding-left:20px;color:#666;font-size:14px;}
#list-training .list-c .list-top .btn-r a{float:left;display:block;margin-top:15px;margin-right:20px;width:76px;height:26px;border:1px solid rgba(221,221,221,1);border-radius:5px;background:rgba(255,255,255,1);color:#666;text-align:center;font-size:14px;line-height:26px;}
#list-training .list-c .list-top .btn-r a.active{border:1px solid #FFD301;background:#FFD301;color:#333;}
#list-training .list-c .list-items{margin-right:72px;margin-left:55px;height:180px;border-bottom:1px solid #ddd;}
#list-training .list-c .list-items .rank-num{position:relative;padding:72px 0 0 12px;width:150px;color:#F11533;font-weight:700;font-size:30px;}
#list-training .list-c .list-items:nth-child(1) .rank-num,#list-training .list-c .list-items:nth-child(2) .rank-num,#list-training .list-c .list-items:nth-child(3) .rank-num{padding-top:33px;}
#list-training .list-c .list-items:nth-child(1) .rank-num:before,#list-training .list-c .list-items:nth-child(2) .rank-num:before,#list-training .list-c .list-items:nth-child(3) .rank-num:before{position:absolute;top:69px;left:5px;width:90px;height:78px;background:url(/assets/revision/images/training/rank/ranking-icon.png);content:"";}
#list-training .list-c .list-items:nth-child(1) .rank-num:before{background-position:-1px -61px;}
#list-training .list-c .list-items:nth-child(2) .rank-num:before{background-position:-100px -59px;}
#list-training .list-c .list-items:nth-child(3) .rank-num:before{background-position:-206px -57px;}
#list-training .list-c .list-items .u-img{display:block;margin-top:60px;margin-right:20px;margin-left:80px;width:60px;height:60px;border-radius:50%;}
#list-training .list-c .list-items .u-name{display:block;width:200px;height:180px;color:#333;font-size:18px;line-height:180px;}
#list-training .list-c .list-items .text-r{height:180px;text-align:right;}
#list-training .list-c .list-items .text-r .text-day{padding-top:80px;padding-right:20px;padding-bottom:14px;color:#666;font-size:18px;}
#list-training .list-c .list-items .text-r .text-day i{color:#F11533;}
#list-training .list-c .list-items .text-r .text-time{padding-right:20px;color:#999;font-size:14px;}
#list-training .list-c .list-bottom{height:100px;}
#list-training .list-c .list-bottom a{display:block;margin:40px auto 0;width:168px;height:42px;border:1px solid rgba(221,221,221,1);border-radius:5px;background:rgba(255,255,255,1);color:#666;text-align:center;font-size:14px;line-height:42px;}
#list-training .list-c .list-bottom a:hover{border:1px solid #FFD301;background:#FFD301;color:#333;}
#list-training .list-c .list-bottom span{display:block;margin-top:20px;color:#666;text-align:center;font-size:14px;}
.d-rankWidth{margin:0 auto;width:1240px;}
.d-rankEnd{padding:40px 0;background-color:#fff;color:#999;text-align:center;font-size:16px;}
.d-LoadTab{display:table;padding:40px 0;width:100%;height:100%;background-color:#fff;}
.d-LoadCell{display:table-cell;padding:10px;width:100%;height:100%;vertical-align:middle;}
.d-LoadCont{position:relative;margin:0 auto;width:60px;height:60px;color:#fff;}
.d-spinner-container{position:absolute;width:100%;height:100%;}
.d-spinner-container div{position:absolute;width:13px;height:13px;border-radius:100%;background-color:#999;-webkit-animation:bouncedelay 1.2s infinite ease-in-out;-ms-animation:bouncedelay 1.2s infinite ease-in-out;-moz-animation:bouncedelay 1.2s infinite ease-in-out;-o-animation:bouncedelay 1.2s infinite ease-in-out;animation:bouncedelay 1.2s infinite ease-in-out;-webkit-animation-fill-mode:both;-moz-animation-fill-mode:both;-o-animation-fill-mode:both;-ms-animation-fill-mode:both;animation-fill-mode:both;}
.d-spinner-container .d-circle1{top:0;left:0;}
.d-spinner-container .d-circle2{top:0;right:0;}
.d-spinner-container .d-circle3{right:0;bottom:0;}
.d-spinner-container .d-circle4{bottom:0;left:0;}
.d-container2{-webkit-transform:rotateZ(45deg);-moz-transform:rotateZ(45deg);-o-transform:rotateZ(45deg);transform:rotateZ(45deg);-ms-transform:rotateZ(45deg);}
.d-container2 .d-circle1{-webkit-animation-delay:-1.1s;-moz-animation-delay:-1.1s;-o-animation-delay:-1.1s;-ms-animation-delay:-1.1s;animation-delay:-1.1s;}
.d-container2 .d-circle2{-webkit-animation-delay:-.8s;-moz-animation-delay:-.8s;-o-animation-delay:-.8s;-ms-animation-delay:-.8s;animation-delay:-.8s;}
.d-container2 .d-circle3{-webkit-animation-delay:-.5s;-moz-animation-delay:-.5s;-o-animation-delay:-.5s;-ms-animation-delay:-.5s;animation-delay:-.5s;}
.d-container2 .d-circle4{-webkit-animation-delay:-.2s;-moz-animation-delay:-.2s;-ms-animation-delay:-.2s;-o-animation-delay:-.2s;animation-delay:-.2s;}
.d-container3{-webkit-transform:rotateZ(90deg);-moz-transform:rotateZ(90deg);-o-transform:rotateZ(90deg);transform:rotateZ(90deg);-ms-transform:rotateZ(90deg);}
.d-container3 .d-circle1{-webkit-animation-delay:-1s;-moz-animation-delay:-1s;-o-animation-delay:-1s;-ms-animation-delay:-1s;animation-delay:-1s;}
.d-container3 .d-circle2{-webkit-animation-delay:-.7s;-moz-animation-delay:-.7s;-o-animation-delay:-.7s;-ms-animation-delay:-.7s;animation-delay:-.7s;}
.d-container3 .d-circle3{-webkit-animation-delay:-.4s;-moz-animation-delay:-.4s;-ms-animation-delay:-.4s;-o-animation-delay:-.4s;animation-delay:-.4s;}
.d-container3 .d-circle4{-webkit-animation-delay:-.1s;-moz-animation-delay:-.1s;-ms-animation-delay:-.1s;-o-animation-delay:-.1s;animation-delay:-.1s;}
.d-container1 .d-circle2{-webkit-animation-delay:-.9s;-moz-animation-delay:-.9s;-o-animation-delay:-.9s;-ms-animation-delay:-.9s;animation-delay:-.9s;}
.d-container1 .d-circle3{-webkit-animation-delay:-.6s;-moz-animation-delay:-.6s;-o-animation-delay:-.6s;-ms-animation-delay:-.6s;animation-delay:-.6s;}
.d-container1 .d-circle4{-webkit-animation-delay:-.3s;-moz-animation-delay:-.3s;-ms-animation-delay:-.3s;-o-animation-delay:-.3s;animation-delay:-.3s;}
@-webkit-keyframes bouncedelay{0%,100%,80%{-webkit-transform:scale(0);-moz-transform:scale(0);-o-transform:scale(0);-ms-transform:scale(0);}
40%{-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);-ms-transform:scale(1);}
}
@-moz-keyframes bouncedelay{0%,100%,80%{-webkit-transform:scale(0);-moz-transform:scale(0);-o-transform:scale(0);-ms-transform:scale(0);}
40%{-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);-ms-transform:scale(1);}
}
@-ms-keyframes bouncedelay{0%,100%,80%{-webkit-transform:scale(0);-moz-transform:scale(0);-o-transform:scale(0);-ms-transform:scale(0);}
40%{-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);-ms-transform:scale(1);}
}
@-o-keyframes bouncedelay{0%,100%,80%{-webkit-transform:scale(0);-moz-transform:scale(0);-o-transform:scale(0);-ms-transform:scale(0);}
40%{-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);-ms-transform:scale(1);}
}
@keyframes bouncedelay{0%,100%,80%{-webkit-transform:scale(0);-moz-transform:scale(0);-o-transform:scale(0);transform:scale(0);-ms-transform:scale(0);}
40%{-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);transform:scale(1);-ms-transform:scale(1);}
}
.p-alert-bg.add-wx-wrap .add-wx-c{width: 710px;margin-left: -355px;padding:30px 50px}
.p-alert-bg.add-wx-wrap .add-wx-c .qr-w{padding:25px 0 0}
.p-alert-bg .input-l{float:left;width:260px;padding-top:10px}
.p-alert-bg .input-l .h5{font-size:16px;color:#666;margin:20px 0 15px}
.p-alert-bg .input-r{width:304px;padding-left:45px;height:210px;border-left:1px #ddd solid;}
.p-alert-bg .phone-num{display:block;margin:0 0 20px;padding:0 15px;width:260px;height:40px;border:1px solid #ddd;border-radius:5px;color:#999}
.p-alert-bg .phone-num::-webkit-input-placeholder{color:#999}
.p-alert-bg .btn-num{width:260px;height:40px;outline:0;font-size:16px;border:none;border-radius:5px;background:#FFD500;color:#333;text-align:center;line-height:40px}
.p-alert-bg .btn-num:hover{opacity:.8;}
.p-alert-bg .span-b{margin-top:14px;color:#999;text-align:center;font-size:12px}
.video-js .vjs-control-bar .play-speed{right:78px;}
.vjs-control-bar .line-way{position:absolute;right:30px;bottom:36px;width:70px;background:#1d1d1d;}
.vjs-control-bar .line-way p{height:30px;text-align:center;line-height:30px;}
.vjs-control-bar .line-way p:hover{background:#242424;}
.vjs-control-bar .line-way .active{color:#ffd200;}
.video-body .left-main .line-tips-win{position:absolute;top:50%;left:50%;z-index:9999;margin:-65px 0 0 -115px;padding:40px 20px;width:230px;height:130px;border-radius:5px;background:rgba(0,0,0,.7);color:#fff;text-align:center;}
.training-wrapper .training-m .training-l .clock-in .main .list .share-btn{position:absolute;top:25px;right:0;display:block;width:80px;height:24px;background:#ddd;border-radius:3px;color:#666;text-align:center;font-size:14px;line-height:24px;}
.training-wrapper .training-m .training-l .clock-in .main .list .share-btn:hover{background:#FFD500;color:#333;}
.share-c{width:100%;height:100%;position:fixed;top:0;left:0;z-index:999;display:none}
.share-c .share-mask{width:100%;height:100%;background:rgba(0,0,0,.7);position:absolute;top:0;left:0;z-index:997}
.share-c .share-con{position:fixed;top:50%;left:50%;z-index:998;margin-top:-268px;margin-left:-316px;width:633px;height:536px;border-radius:5px;background:#FFF}
.share-c .share-alerts-close{position:absolute;top:15px;right:15px;cursor:pointer;width: 20px;height: 20px;}
.share-c .share-alerts-close:before{content: '';position: absolute;left: 10px;top: -2px;transform: rotate(45deg);width: 1px;height: 26px;background: #666;}
.share-c .share-alerts-close:after{content: '';position: absolute;left: 10px;top: -2px;transform: rotate(-45deg);width: 1px;height: 26px;background: #666;}
.share-alerts{position:absolute;top:40px;left:60px;width:260px;height:456px;border-radius:10px;background:#fff;box-shadow:0px 5px 10px 0px rgba(0, 0, 0, 0.05);}
.share-alerts .top-user{margin:-23px 16px 0;padding:20px 0 0 85px;position: relative;background: #fff;border-radius: 6px;height: 76px;}
.share-alerts .top-user .top-user-img{width:45px;height:45px;border-radius:50%;position: absolute;left: 25px;top: 15px;}
.share-alerts .top-user p{padding-top: 10px;color:#999}
.share-alerts .cent-b{height: 300px;border-radius:10px 10px 6px 6px;}
.share-alerts .user-info{padding:15px 20px 0;text-align:center;display:flex;justify-content:space-between}
.share-alerts .user-info > div{position: relative;padding-top: 46px;}
.share-alerts .user-info i{background: url(/assets/revision/images/training/detail/detail-icon.v4.png) no-repeat;position: absolute;left: 50%;transform: translateX(-50%);}
.share-alerts .user-info i.day{width: 25px;height: 28px;background-position: -40px -31px;top: 6px;}
.share-alerts .user-info i.up{width: 36px;height: 34px;background-position: 0 -48px;top: 0;}
.share-alerts .user-info i.rank{width: 24px;height: 24px;background-position: -40px -59px;top: 9px;}
.share-alerts .user-info p{color:#666;}
.share-alerts .user-info p em{font-weight: normal;color: #FF583D;}
.share-r{position:absolute;top:40px;right:10px;padding:70px 30px 0;width:280px;text-align:center}
.share-r .qr{margin:0 10px;width:200px;height:200px;}
.share-r .qr img{width:100%;height:100%;}
.share-r strong{display:inline-block;margin:20px 0 15px;width:100%;color:#333;font-weight:400;font-size:18px;}
.share-r span{display:inline-block;width:100%;color:#666;font-size:16px;}
.share-r small{display:inline-block;margin-top:30px;width:100%;color:#999;font-size:16px;}
.training-wrapper .training-m .training-l .video-body .video-bImg{position:absolute;bottom:0;left:0;width:100%;height:auto;}
.left-main #flash-player{height:100%!important;}

@media only screen and (max-width:1440px){
	.training-wrapper .training-m .training-l .video-body .left-main,.training-wrapper .training-m .training-l .video-body .left-main .video-frame{height:100%;}
	.training-wrapper .training-m .training-l .video-body{height:370px;}
	.d-rankWidth{width:1000px;}
}

/*181212训练营改版*/
.slate5-shadow{transition:box-shadow .2s,-webkit-transform .2s;transition:box-shadow .2s,transform .2s;transition:box-shadow .2s,transform .2s,-webkit-transform .2s;}
.slate5-shadow:hover{box-shadow:0 6px 15px rgba(0,0,0,.1)!important;-webkit-transform:translateY(-5px);transform:translateY(-5px);}
.white-bg{background:#FFF;}
.training-about .r-fixed{position:fixed;top:50%;right:50%;display:block;margin-top:30px;margin-right:-770px;width:130px;height:84px;background:url(/assets/revision/images/training/index/3/r-fixed.png) no-repeat center;}
.training-about .r-fixed .close{position:absolute;top:12px;right:5px;z-index:1;width:20px;height:20px;}
.training-about .r-fixed .r-fixed-c{width:100%;height:100%;}
.training-about .training-s{padding:25px 0;}
.training-s .training-list{position:relative;}
.training-s .training-list .all-btn{position:absolute;top:35px;right:0;color:#666;font-size:14px;}
.training-s .training-list .all-btn:hover,.training-s .training-list .list-c .list .r-cont .h3:hover{color:#FF701D;}
.training-s .training-list .list-c .list{position:relative;z-index:10;float:left;margin:0 20px 20px 0;width:610px;height:150px;border-radius:5px;background:#F7F8FA;box-shadow:0 1px 2px 0 rgba(0,0,0,.05);}
.training-s .training-list .list-c .list:hover{z-index: 11}
.training-s .training-list .list-c .list:nth-child(even){margin-right:0;}
.training-s .training-list .list-c .list .l-img{width:246px;height:150px;border-radius:5px 0 0 5px;}
.training-s .training-list .list-c .list .r-cont{padding:20px 20px 15px;width:310px}
.training-s .training-list .list-c .list .r-cont .h3{display:inline-block;overflow:hidden;margin-bottom:14px;max-width:270px;color:#333;text-overflow:ellipsis;white-space:nowrap;font-size:16px;}
.training-s .training-list .list-c .list .r-cont>span{display:inline-block;width:100%;color:#999;font-size:14px;}
.training-s .training-list .list-c .list .r-cont>span.join-num{padding:12px 0 30px;}
.training-s .training-list .list-c .list .r-cont .bar{padding:30px 0 15px 2px}
.training-s .training-list .list-c .list .r-cont .bar .bar-m{position:relative;width:220px;height:6px;border-radius:3px;background:#ddd}
.training-s .training-list .list-c .list .r-cont .bar .bar-m span{position:relative;display:block;height:100%;border-radius:3px 0 0 3px;background:#12B7F5}
.training-s .training-list .list-c .list .r-cont .bar .bar-m span:after{position:absolute;top:-2px;right:-9px;width:10px;height:10px;border-radius:50%;background:#12B7F5;content:''}
.training-s .training-list .list-c .list .r-cont .bar .bar-m i{width:32px;text-align:left;position:absolute;top:-3px;right:-47px;color:#12B7F5;font-size:12px}
.training-s .training-list .list-c .list .r-cont small{color:#999;font-size:12px;}
.training-s .training-list .list-c .list .r-cont small i{color:#FF583D;font-style:initial;}
.training-s .training-list .list-c .list .r-cont .qrcode{position:absolute;right:15px;bottom:15px;width:21px;height:21px;background:url(/assets/revision/images/training/index/training-icon.v2.png) no-repeat -57px 0;cursor:pointer;}
.training-s .training-list .list-c .list .r-cont .qrcode:hover{background-position: -57px -23px;}
.training-s .training-list .list-c .list .r-cont .qrcode .qr-w{position:absolute;top:35px;right:-5px;z-index:20;display:none;width:300px;height:260px;box-shadow:0px 4px 6px 0px rgba(0, 0, 0, 0.1);border-radius:5px;padding:30px 25px 0;background: #fff;}
.training-s .training-list .list-c .list .r-cont .qrcode .qr-w:before{content: '';border:6px transparent solid;position: absolute;right: 9px;top: -12px;border-bottom: 6px #fff solid;}
.training-s .training-list .list-c .list .r-cont .qrcode:hover .qr-w{display:block;}
.training-s .training-list .list-c .list .r-cont .qrcode .code-box{position: relative;padding:4px 0 0 140px;height: 120px;}
.training-s .training-list .list-c .list .r-cont .qrcode .code-box img{width: 130px;height: 130px;position: absolute;left: -8px;top: -8px;}
.training-s .training-list .list-c .list .r-cont .qrcode .code-box p{line-height: 24px;color:#666;}
.training-s .training-list .list-c .list .r-cont .qrcode .code-box p:nth-child(2){margin-bottom: 10px;height: 72px;overflow: hidden;word-break: break-all;color: #ff701d;}
.training-s .training-list .list-c .list .r-cont .qrcode .qrcode-info{padding-top: 20px;}
.training-s .training-list .list-c .list .r-cont .qrcode .qrcode-info span{width:125px;height: 46px;line-height: 20px;float: left;color: #666;}
.training-s .training-list .list-c .list .r-cont .qrcode .qrcode-info span i{display: inline-block;margin-right: 10px;vertical-align: top;background: url(/assets/revision/images/training/index/training-icon.v2.png);width: 26px;height: 20px;}
.training-s .training-list .list-c .list .r-cont .qrcode .qrcode-info span .s1{background-position: -28px -21px;}
.training-s .training-list .list-c .list .r-cont .qrcode .qrcode-info span .s2{background-position: 0 0;}
.training-s .training-list .list-c .list .r-cont .qrcode .qrcode-info span .s3{background-position: -28px 0;}
.training-s .training-list .list-c .list .r-cont .qrcode .qrcode-info span .s4{background-position: 0 -21px;}
.training-s .training-list .list-c .list .tips{position:absolute;top:10px;left:-10px;border-radius:3px;background:#FF701D;color:#fff;font-size:12px;height: 26px;line-height: 26px;padding:0 10px}
.training-list .toggle-c{padding-bottom:20px;text-align:center}
.training-list .toggle-c>a{display:inline-block;margin:0 8px 20px;width:80px;height:25px;border:1px solid #E2E2E2;border-radius:5px;background:#F7F8FA;color:#888;text-align:center;font-size:14px;line-height:24px}
.training-list .toggle-c>a.active,.training-list .toggle-c>a:hover{border:1px solid #FF701D;background:#FF701D;color:#FFF}
.training-wrapper .cert-box{position:fixed;top:50%;left:50%;z-index:99;margin-top:-298px;margin-left:-352px;padding:20px;width:705px;height:595px;border-radius:5px;background:#F2F2F2;}
.training-wrapper .cert-box .close{position:absolute;top:0;right:25px;width:30px;height:38px;border-radius:0 0 15px 15px;background:#000;cursor:pointer;}
.training-wrapper .cert-box .close:after,.training-wrapper .cert-box .close:before{position:absolute;top:20px;left:7px;width:16px;height:1px;background:#FFF;content:"";-webkit-transform:rotate(45deg);transform:rotate(45deg);}
.training-wrapper .cert-box .close:after{-webkit-transform:rotate(135deg);transform:rotate(135deg);}
.training-wrapper .cert-box .cBox-l{position:relative;width:405px;height:553px;background:url(/assets/revision/images/training/index/cert-bg-new.png) no-repeat center;}
.training-wrapper .cert-box .cBox-l h3{font-weight:400;padding:20px 0 25px;color:#333;text-align:center;font-size:22px;position: relative;}
.training-wrapper .cert-box .cBox-l .u-img{display:block;margin:0 auto 14px;width:40px;height:40px;border-radius:50%;}
.training-wrapper .cert-box .cBox-l .u-name{display:inline-block;padding-bottom:28px;width:100%;color:#666;text-align:center;font-size:14px;}
.training-wrapper .cert-box .cBox-l p{margin:0 auto;width:196px;color:#333;font-size:14px;line-height:26px;}
.training-wrapper .cert-box .cBox-l p i{color:#FF583D;}
.training-wrapper .cert-box .cBox-l p i.ud-line{text-decoration:underline;}
.training-wrapper .cert-box .cBox-l small{position:absolute;left:50%;margin-left:-48px;bottom:107px;color:#666;font-size:12px;}
.training-wrapper .cert-box .cBox-l small:last-child{bottom:88px;}
.training-wrapper .cert-box .qr-r{padding-left:20px;width:260px;}
.training-wrapper .cert-box .qr-r .qr-b{display:block;margin:140px auto 20px;width:200px;height:200px;}
.training-wrapper .cert-box .qr-r span{display:block;width:100%;color:#333;text-align:center;font-size:16px;}
.training-wrapper .cert-box .qr-r .span-last{padding:15px 0;color:#666;}
.training-wrapper .cert-box .qr-r small{display:block;width:100%;color:#999;text-align:center;font-size:14px;}
.training-wrapper .invite-box{position:fixed;top:50%;left:0;right:0;bottom:50%;z-index:9999;margin:auto;padding:0 40px;width:660px;height:560px;border-radius:5px;background:#fff;}
.training-wrapper .invite-box.h-sm{margin-top:-250px;height:500px;}
.training-wrapper .invite-box .close,.del-alert .close,.del-select .close{position:absolute;top:15px;right:15px;width:12px;height:12px;background:url(/assets/revision/images/base-icon.v28.png) no-repeat -69px -493px;cursor:pointer;}
.training-wrapper .invite-box .h4{padding:40px 0;color:#333;font-size:18px;line-height:30px;}
.training-wrapper .invite-box .h4 i{color:#FF583D;}
.training-wrapper .invite-box .input-c{padding:0 35px;}
.training-wrapper .invite-box .input-c .ipt-link{padding:12px 20px;width:360px;height:40px;border:1px solid #ddd;border-radius:5px;color:#999;font-size:14px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.training-wrapper .invite-box .input-c .cp-link{margin-left:15px;width:130px;height:40px;border-radius:5px;background:#FFD500;color:#666;text-align:center;font-size:16px;line-height:40px;}
.training-wrapper .invite-box .input-c span{display:inline-block;padding:20px 0 30px;color:#999;text-align:left;font-size:14px;line-height:24px;}
.training-wrapper .invite-box .invite-detail{width:100%;height:152px;border-radius:5px;background:#F7F8FA;}
.training-wrapper .invite-box .invite-detail .h5{display:inline-block;padding:24px 0 20px;width:100%;color:#666;text-align:center;font-size:16px;}
.training-wrapper .invite-box .invite-detail .invite-lists{overflow-x:hidden;overflow-y:scroll;padding:0 40px;height:80px;}
.training-wrapper .invite-box .invite-detail .invite-lists::-webkit-scrollbar{display:none;}
.training-wrapper .invite-box .invite-detail .invite-lists p{padding-top:60px;color:#999;text-align:center;font-size:16px;}
.training-wrapper .invite-box .invite-detail .invite-lists .invite-list{float:left;margin-bottom:15px;width:50%;height:30px;line-height:30px;padding-right:8%;}
.training-wrapper .invite-box .invite-detail .invite-lists .invite-list:nth-child(even){padding-right:0;padding-left:8%;}
.training-wrapper .invite-box .invite-detail .invite-lists .invite-list .u-img{float:left;display:block;width:30px;height:30px;border-radius:50%;}
.training-wrapper .invite-box .invite-detail .invite-lists .invite-list .u-name{float:left;display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;padding:0 20px;width:115px;color:#666;text-align:left;font-size:14px;}
.training-wrapper .invite-box .invite-detail .invite-lists .invite-list .success{float:left;display:block;color:#FF583D;font-size:14px;}
.training-wrapper .invite-box .des-c{padding:20px;text-align:left;font-size:14px;}
.training-wrapper .invite-box .des-c .h5{color:#666;}
.training-wrapper .invite-box .des-c p{padding-top:12px;color:#999;}
.training-mask {position: fixed;top: 0;left: 0;z-index: 98;display: none;width: 100%;height: 100%;background: rgba(0,0,0,.8);}

/*训练营补打卡*/
.training-wrapper .training-m .training-l .progress-bars .head .tips-span{color:#666;}
.training-wrapper .training-m .training-l .progress-bars .head .patch-btn{display:inline-block;margin-left:15px;padding:5px 12px;border:1px solid #ddd;border-radius:3px;color:#666;text-align:center;font-size:14px;}
.training-wrapper .training-m .training-l .progress-bars .head .patch-btn:hover{border-color:#FFD500;background:#FFD500;}
.training-wrapper .invite-box-patch{margin-top:-290px;height:560px;}
.training-wrapper .cert-box .cBox-l em{display:inline-block;padding-top:88px;width:100%;color:#656666;text-align:center;font-weight:400;font-size:12px;}
.training-wrapper .cert-box .cBox-l h3:before{position:absolute;bottom:15px;left:50%;margin-left:-100px;width:200px;height:1px;background:#B1B2B2;content:"";}
.training-wrapper .cert-box .cBox-l .last-p{padding-top:20px;}
.training-wrapper .cert-box .cBox-l .first-sm:after{position:absolute;top:-10px;left:0;width:96px;height:1px;background:#B1B2B2;content:"";}
.training-wrapper .cert-box .cBox-l .icon-hk{position:absolute;right:80px;bottom:130px;display:block;width:51px;height:51px;}
.training-wrapper .invite-box .invite-detail .invite-lists .invite-list.apply{width:100%;padding-right:0;}
.training-wrapper .invite-box .invite-detail .invite-lists .invite-list.apply:nth-child(even){padding-left:0;}
.training-wrapper .invite-box .invite-detail .invite-lists .invite-list.apply .u-name{width:170px;}
.training-wrapper .invite-box .invite-detail .invite-lists .invite-list.apply .bm{float:left;display:block;margin-right:75px;color:#FF583D;font-size:14px;}
.training-wrapper .invite-box .invite-detail .invite-lists .invite-list.apply .t-title{float:left;display:block;overflow:hidden;max-width:180px;color:#999;text-overflow:ellipsis;white-space:nowrap;font-size:14px;}

.training-wrapper .new-nav-tab{height:auto;padding-top:80px}
.training-banner{ height: 360px; position: relative;}
.training-banner .pos{ color: #fff; font-size: 12px; padding-top: 14px;}
.training-banner .pos a{ color: #fff;}
.training-banner .training-title{ font-size: 52px; color: #fff; text-align: center; padding: 50px 0 30px;}
.training-banner .training-cycle{ text-align: center; font-weight: 400; font-size: 20px; color: #fff; padding-bottom: 20px;}
.training-banner .training-content{ text-align: center; font-size: 20px; color: #fff;}
.training-banner .training-content i{ color: #FFD500;}
.training-banner .layout-cont{position:relative}
.training-banner .top-share{width:150px;height:26px;line-height:26px;background:rgba(0,0,0,.4);border-radius:13px;text-align:center;position:absolute;top:10px;right:0;font-size:12px;color:#fff}
.training-banner .top-share a{display:inline-block;vertical-align:top;opacity:1!important;padding-left:0;margin-right:0;margin-top:7px;margin-left:15px;width:17px;height:13px;background:url(/assets/revision/images/training/detail/detail-icon.v4.png) -69px -1px;cursor:pointer}
.training-banner .top-share a.wb{margin-left:10px}
.training-banner .top-share a.wb:hover{background-position:-69px -16px}
.training-banner .top-share a.qq{width:16px;background-position:-86px -1px}
.training-banner .top-share a.qq:hover{background-position:-86px -16px}
.training-banner .top-share a.wx{background-position:-104px -1px}
.training-banner .top-share a.wx:hover{background-position:-104px -16px}
.bsBox{width:auto!important;height:256px!important;}
.bsTop{width:100%!important;}
.training-detail{position:absolute;left:50%;bottom:-70px;width:1240px;height:160px;margin-left:-620px;background:#fff;box-shadow:0 8px 16px 0 rgba(0,0,0,.15);border-radius:10px}
.training-detail .training-timelist{float:left;width:140px;height:100%;background:#f8f8f8;border-radius:10px 0 0 10px;overflow-y:auto}
.training-detail .training-timelist::-webkit-scrollbar{width:4px;background:#f2f2f2}
.training-detail .training-timelist::-webkit-scrollbar-thumb{width:4px;background:#ddd}
.training-detail .training-timelist .time-li{font-size:14px;color:#999;height:66px;line-height:66px;padding-left:25px;cursor:pointer;letter-spacing:1px}
.training-detail .training-timelist .time-li:hover{color:#333;font-weight:700}
.training-detail .training-timelist .time-li.active{color:#333;font-weight:700;position:relative}
.training-detail .training-timelist .time-li.active:before{content:'';width:5px;height:12px;background:#ff701d;position:absolute;top:27px;left:15px}
.training-main{float:left;width:1100px;padding:30px 50px}
.training-main.single{width:100%}
.training-red{color:#FF583D !important}
.training-main .top-cen{color:#666;font-size:16px}
.training-main .top-cen .time-cen{ position: relative;}
.training-main .top-cen .time-cen .tips{ position: absolute; right: -120px; top: -43px; font-size: 16px; color: #666; background-color: #FFD500; padding: 3px 10px; border-radius: 20px;}
.training-main .top-cen .time-cen .tips:hover,.training-main .btn-cen .com-btn1:hover{background:#ffdd2f;color:#333;}
.training-main .top-cen .time-cen .tips:before{ content: '';position: absolute;left:40px;bottom:-10px;width:0;height:0;border-left:10px solid transparent;border-right:10px solid transparent;border-top:10px solid #FFD500;}
.training-main .top-cen .money{display:inline-block;font-size:32px;font-weight:700;padding-right:18px;color:#999}
.training-main .top-cen .money1{line-height:26px}
.training-main .top-cen .fixed-tips{display: inline-block;font-size:14px;color:#333;background:#FFD500;border-radius:7px 7px 7px 0;padding:0 4px;margin-left:-12px;height:20px;line-height:20px}
.training-main .top-cen .label{ font-size: 14px; color: #999; border: 1px solid #ddd; border-radius: 13px; padding: 3px 10px; line-height: 18px; margin-left: 20px;}
.training-main .top-cen .count-name{ float: left; color: #666; font-size: 16px; margin-right: -8px;}
.training-main .top-cen .d-yearTime{float:left;color:#666;font-size:16px;line-height:16px}
.training-main .top-cen .d-yearTime i{font-weight:bold;font-size:18px;color:#FF583D;padding-left:8px}
.training-main .top-cen .d-yearTime em{font-weight:normal;padding-left:8px;vertical-align:1px}
.training-main .bot-cen{margin-top:15px}
.training-main .bot-cen .btn-cen a{ float: left;}
.training-main .bot-cen .label{font-size:14px;color:#666;line-height:40px}
.training-main .bot-cen .label.lh{line-height:20px}
.training-main .bot-cen .label span{ padding-right: 20px;}
.training-main .bot-cen .label span i{color:#FF583D}
.training-main .bot-cen .com-btn{display:block;height:50px;line-height:50px;text-align:center;font-size:18px;color:#fff;border-radius:25px;margin-left:20px;margin-top:-30px;padding:0 30px}
.training-main .bot-cen .com-btn1{display:block;height:50px;line-height:50px;width:240px;text-align:center;font-size:18px;color:#333;border-radius:25px;margin-left:20px;margin-top:-30px;background:#FFD500}
.training-main .bot-cen .com-btn1:hover{background:#FFDD33}
.training-main .bot-cen .sign-up{background:#FF583D;color:#fff}
.training-main .bot-cen .sign-up:hover{background:#FF7964}
.training-main .bot-cen .btn-bg-color{background:#DDD;color:#666}
.training-main .bot-cen .not-started:hover{ background-color: #FF583D; color: #fff;}
.training-main .bot-cen .add-wx{border:1px solid #ddd;color:#666;transform: translateY(-20px);line-height: 48px;position: relative;z-index: 1;}
.training-main .bot-cen .add-wx .qr-w{position:absolute;top: 49px;right: -42px;z-index: 222222;display:none;width:300px;height:260px;box-shadow:0px 4px 6px 0px rgba(0, 0, 0, 0.1);border-radius:5px;padding:30px 25px 0;background: #fff;font-size: 14px;line-height: 1;color:#666;text-align: left;}
.training-main .bot-cen .add-wx .qr-w:before{content: '';border:6px transparent solid;position: absolute;right: 142px;top: -12px;border-bottom: 6px #fff solid;}
.training-main .bot-cen .add-wx:hover .qr-w{display:block;}
.training-main .bot-cen .add-wx .code-box{position: relative;padding:4px 0 0 140px;height: 120px;}
.training-main .bot-cen .add-wx .code-box img{width: 130px;height: 130px;position: absolute;left: -8px;top: -8px;}
.training-main .bot-cen .add-wx .code-box p{line-height: 24px;color:#666;}
.training-main .bot-cen .add-wx .code-box p:nth-child(2){margin-bottom: 10px;height: 72px;overflow: hidden;word-break: break-all;color: #ff701d;}
.training-main .bot-cen .add-wx .qrcode-info{padding-top: 20px;}
.training-main .bot-cen .add-wx .qrcode-info span{width:125px;height: 46px;line-height: 20px;float: left;color: #666;}
.training-main .bot-cen .add-wx .qrcode-info span i{display: inline-block;margin-right: 10px;vertical-align: top;background: url(/assets/revision/images/training/index/training-icon.v2.png);width: 26px;height: 20px;}
.training-main .bot-cen .add-wx .qrcode-info span .s1{background-position: -28px -21px;}
.training-main .bot-cen .add-wx .qrcode-info span .s2{background-position: 0 0;}
.training-main .bot-cen .add-wx .qrcode-info span .s3{background-position: -28px 0;}
.training-main .bot-cen .add-wx .qrcode-info span .s4{background-position: 0 -21px;}
.training-main .bot-cen .upto{transform: translateY(-20px);}
.training-main .bot-cen .add-wx:hover{background:#5AC64F;color:#fff;border-color:#5AC64F}
.training-main .bot-cen .add-wx i{display:inline-block;width:25px;height:21px;background:url(/assets/revision/images/training/detail/play-icon8.png) 0 -350px;margin-right:6px;vertical-align:-3px}
.training-main .bot-cen .add-wx:hover i{background-position:-26px -350px}
.pro-btn{ cursor: pointer;}
.invitation-hide{ display: none;}
.invitation-tab{ position: fixed; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,.6); z-index: 22; display: table;}
.invitation-tab-cell{ display: table-cell; vertical-align: middle; text-align: center;}
.invitation-main{ display: inline-block; width: 420px; background-color: #fff; position: relative; padding: 40px; border-radius: 5px;}
.invitation-main .close{ display: block; position: absolute; right: 16px; top: 16px; width: 15px; height: 15px; background: url(/assets/revision/images/training/detail/play-icon8.png) no-repeat -250px -191px; cursor: pointer;}
.invitation-main h5{ font-size: 18px; color: #333; font-weight: 400;}
.invitation-main .list{ font-size: 16px; text-align: left; line-height: 22px; padding: 20px 0 15px;}
.invitation-main .bot-tips{ font-size: 16px; color: #333; text-align: left;}
.invitation-main .list li{ padding-bottom: 7px; position: relative;}
.invitation-main .list strong{ color: #333; position: absolute; left: 0; top: 0; font-weight: 400;}
.invitation-main .list span{ color: #666; padding-left: 66px; display: block;}

.training-camp-mt30{ margin-top: 30px !important;}
.training-camp-mb30{ margin-bottom: 30px !important;}
.training-camp-bgcolor{ background-color: #F7F8FA;}
.training-camp-bgcolor1{ background-color: #fff;}
.training-all-n{ border-radius: 5px; width: 1240px; margin: 0 auto; height: 50px; line-height: 50px; overflow: hidden;}
.training-all-left{ position: relative; float: left; width: 370px;height: 100%; background: url(/assets/revision/images/training/index/training-camp-icon.png) no-repeat 20px 12px; background-size: 17px; padding-left: 52px; font-size: 16px; color: #666;}
.training-all-left i{font-size:24px;color:#333;margin:0 4px}
.training-all-left:before{ content: ''; width: 1px; height: 18px; background: #ddd; position: absolute; top: 18px; right: 28px;}
.training-camp-d{ float: left; width: 870px;}
.training-camp-d .training-camp-list .list-d{ padding-right: 25px; height: 50px; line-height: 56px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; font-size: 16px; color: #888; font-weight: 400;}
.training-camp-d .training-camp-list .list-d span{color:#333;margin-right:8px;font-weight:bold}
.training-camp-d .training-camp-list .list-d a{color:#333;text-decoration:underline;font-weight:500}

.training-banner .device{ width: 100%; height: 360px; position: relative;}
.training-banner .device .swiper-container{ width: 100%; height: 100%;}
.training-banner .device .swiper-container .swiper-slide a{ display: block; width: 100%; height: 100%;}
.training-banner .device .pagination {position: absolute;left: 0;text-align: center;bottom: 25px;width: 100%;z-index: 11;}
.training-banner .device .swiper-pagination-switch {display: inline-block;width: 20px;height: 2px;border-radius: 10px;background: #ccc;margin: 0 4px;cursor: pointer;}
.training-banner .device .swiper-active-switch {background: #fff;}
.training-banner .device .com-btn{width: 46px;height: 60px;position: absolute;top: 50%;margin-top: -30px;display: none;background: url("/assets/revision/images/training/index/index-icon.v6.png") no-repeat;z-index: 19;background-color: rgba(0,0,0,.5);border-radius: 6px;opacity: 1;transition: all .2s;}
.training-banner .device:hover .com-btn{ display: block;}
.training-banner .device .com-btn.arrow-left{background-position: -294px -44px;left: 50%;margin-left: -666px;opacity: .6;}
.training-banner .device .com-btn.arrow-right{background-position: -257px -44px;margin-right: -666px;right: 50%;opacity: .6;}

.d-critique{position:relative}
.d-critique .d-critiqueCen{position:absolute;left:0;top:0;width:100%;z-index:11}
.d-critique .d-critiqueCen .d-card{width:100%;height:100px;line-height:100px;text-align:center;border:1px #ddd solid;border-radius:4px;background:#f2f2f2}
.d-critique .d-critiqueCen .d-card a{color:#FF701D}

/* 190415训练营拼团 */
.training-wrapper .new-nav-tab.fight-group{padding-top:275px}
.training-wrapper .new-nav-tab.fight-group-onlink{padding-top:225px;}
.fight-group{bottom:-264px;height:370px;background:#fff}
.fight-group.onlink{bottom:-214px;height:302px}
.fight-group.fight-group-ing{bottom:-40px;height:160px;}
.fight-group-ing .fight-group .training-main{padding:25px 40px 30px;}
.fight-group .training-main .top-cen .money{padding-right:10px;margin-bottom:13px;font-weight:600;font-size:32px;color:#FF583D}
.training-main .top-cen .money.pb{padding-bottom:2px}
.training-main .top-cen .money small{font-size:22px;margin-right:4px}
.training-main .top-cen .money2{vertical-align: -14px;color: #999; }
.training-main .top-cen .money3{vertical-align: -14px;color: #999; text-decoration: line-through;display: none;}
.fight-group .training-main .top-cen .wrap-price{line-height:32px}
.fight-group .training-main .top-cen .year-buy{width:107px;height:30px;background:linear-gradient(270deg,rgba(255,138,69,1) 0%,rgba(255,32,14,1) 100%);line-height: 30px;text-align: center;font-size: 17px;font-weight: bold;color:#fff;margin:10px 0 0 9px;border-radius:14px}
.fight-group .training-main .top-cen .fighting-price{display:inline-block;vertical-align:-2px;width:56px;height:18px;border-radius:7px 7px 7px 0;background:#FF583D;color:#fff;text-align:center;font-size:14px;line-height:18px;margin-right:10px}
.fight-group .training-main .top-cen .money2{display:none;margin-top:1px;color:#999;vertical-align:-5px;text-decoration:line-through;font-size:16px}
.fight-group .training-main .top-cen .count-name,.fight-group .training-main .top-cen .d-yearTime{color:#666}
.fight-group .training-main .top-cen .d-yearTime i{color:#FF583D;font-size:18px;font-weight:bold}
.training-main .wrap-label .label{margin-right:10px;padding:4px 8px;border:1px solid #ddd;border-radius:13px;color:#666;font-size:12px;line-height:２３px}
.pt{padding-top:14px}
.fight-group .training-main .bot-cen{margin-top:3px}
.fight-group .training-main .bot-cen .label{color:#666;font-size:14px}
.fight-group .training-main .bot-cen .label span{padding-right:15px;}
.fight-group .training-main .bot-cen .label i{color:#FF583D}
.fight-group .training-main .bot-cen .sign-up1,.fight-group .training-main .bot-cen .sign-up2{display:inline-block;margin-top:-22px;width:140px;height:50px;border-radius:25px;text-align:center;font-size:14px}
.fight-group .training-main .bot-cen .sign-up1 i,.fight-group .training-main .bot-cen .sign-up2 i{display:inline-block;font-weight:bold;width:100%;font-size:22px;line-height:24px;margin-top:5px}
.fight-group .training-main .bot-cen .sign-up1{margin-right:20px;background:#FFEAE8;color:#FF583D}
.fight-group .training-main .bot-cen .sign-up1:hover{background:#FFEEED}
.fight-group .training-main .bot-cen .sign-up2{background:#FF583D;color:#fff}
.fight-group .training-main .bot-cen .sign-up2:hover{background:#FF7964}
.wrap-fight{overflow:hidden;margin-top:15px;padding:20px 30px 30px;height:188px;border-radius:5px;background:#F2F2F2}
.fight-group .training-main .fr .notstart{display:inline-block;margin-top:-20px;width:120px;height:40px;border-radius:28px;background:#ddd;color:#fff;text-align:center;font-size:16px;line-height:40px;cursor:not-allowed;}
.fight-group.onlink .wrap-fight{height:122px}
.wrap-fight .top span{color:#333;font-size:16px}
.wrap-fight .top span .fs18{font-size:18px;}
.wrap-fight .top span .orange{color:#F70;}
.wrap-fight .top small{color:#999;font-size:14px}
.wrap-fight .top .ipt-phonenum{color:#F70;text-decoration:underline;font-size:12px;}
.wrap-fight .top .group-rules{color:#666;text-decoration:underline;font-size:14px;margin-top:10px}
.wrap-fight .top .group-rules:hover{color:#FF701D}
.wrap-fight .cent .fighting-group .c-b .qrcode-alert,.wrap-fight .onlink-alert,.wrap-fight .top .rules-alert{position:fixed;top:0;left:0;z-index:10;width:100%;height:100%;}
.wrap-fight .cent .fighting-group .c-b .qrcode-alert .mask,.wrap-fight .onlink-alert .mask,.wrap-fight .top .rules-alert .mask{z-index:11;width:100%;height:100%;background:rgba(0,0,0,.5);}
.wrap-fight .top .rules-alert .cont{position:absolute;top:50%;left:50%;z-index:12;transform:translate(-50%,-45%);width:540px;height:auto;border-radius:5px;background:#fff}
.wrap-fight .cent .fighting-group .c-b .qrcode-alert .close,.wrap-fight .onlink-alert .close,.wrap-fight .top .rules-alert .cont .close{position:absolute;top:15px;right:15px;display:block;width:15px;height:15px;background:url(/assets/revision/images/training/detail/play-icon8.png) no-repeat -250px -191px;cursor:pointer;}
.wrap-fight .top .rules-alert .cont .cent{padding:30px 35px 0;}
.wrap-fight .top .rules-alert .cont .cent h3{margin-bottom:18px;color:#333;text-align:center;font-size:18px;line-height:24px;}
.wrap-fight .top .rules-alert .cont .cent .li{margin-bottom:25px;}
.wrap-fight .top .rules-alert .cont .cent h4{margin-bottom:6px;font-size:14px;}
.wrap-fight .top .rules-alert .cont .cent p{color:#666;font-size:14px;line-height:20px;}
.wrap-fight .cent .slide-m{overflow:hidden;margin:20px 0;height:112px}
.wrap-fight .cent .list{margin-bottom:20px;width:100%;height:46px}
.wrap-fight .cent .list .f-img{margin-right:15px;width:46px;height:46px;border-radius:50%}
.wrap-fight .cent .list .text-c{max-width:110px;}
.wrap-fight .cent .fighting-group .c-t .li .text-c span,.wrap-fight .cent .list .text-c span{display:inline-block;margin-top:3px;color:#333;font-size:16px;line-height:22px}
.wrap-fight .cent .fighting-group .c-t .li .text-c small,.wrap-fight .cent .list .text-c small{display:inline-block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;color:#999;font-size:14px}
.wrap-fight .cent .list .join-btn{display:inline-block;margin-top:10px;width:90px;height:30px;border-radius:32px;background:#FF583D;color:#fff;text-align:center;font-size:16px;line-height:30px}
.wrap-fight .cent .list .join-btn:hover{background:#FF7964}
.wrap-fight .cent .no-group .c-t .ava-w{text-align:center;}
.wrap-fight .cent .no-group .c-t .u-img{position:relative;right:-8px;z-index:9;width:50px;height:50px;border-radius:50%;}
.wrap-fight .cent .no-group .c-t span{position:relative;left:-8px;z-index:8;display:inline-block;width:50px;height:50px;border-radius:50%;background:#ddd;}
.wrap-fight .cent .no-group .c-t span:after,.wrap-fight .cent .no-group .c-t span:before{position:absolute;top:25px;left:12px;width:25px;height:2px;background:#fff;content:'';}
.wrap-fight .cent .no-group .c-t span:after{transform:rotate(90deg);}
.wrap-fight .cent .no-group .c-t small{display:inline-block;margin-top:5px;margin-bottom:20px;width:100%;color:#999;text-align:center;font-size:12px;line-height:18px;}
.wrap-fight .cent .no-group .c-b{margin:28px 80px 0;color:#212121;text-align:center;font-size:14px}
.wrap-fight .cent .no-group .c-b .span{display:inline-block;vertical-align:top;margin:0 10px;}
.wrap-fight .cent .no-group .c-b .line{display:inline-block;vertical-align:top;margin-top:12px;width:155px;border:1px dashed #999;}
.wrap-fight .cent .no-group .c-b .span i{display:inline-block;margin-right:8px;width:26px;height:26px;border-radius:50%;background:#999;color:#fff;text-align:center;line-height:26px}
.wrap-fight .cent .fighting-group .c-t{margin:20px 0}
.wrap-fight .cent .fighting-group .c-t .li{margin-right:20px;}
.wrap-fight .cent .fighting-group .c-t .li .u-img{margin-right:15px;width:46px;height:46px;border-radius:50%}
.wrap-fight .cent .fighting-group .c-t .li .text-c{max-width:76px;}
.wrap-fight .cent .fighting-group .c-t .li .text-c small{display:inline-block;overflow:hidden;width:76px;text-overflow:ellipsis;white-space:nowrap;margin-top:2px}
.wrap-fight .cent .fighting-group .c-b .ipt-link{padding:10px 20px;width:540px;height:40px;border:1px solid #EDEDED;border-radius:5px;background:#fff;color:#666;font-size:14px}
.single .wrap-fight .cent .fighting-group .c-b .ipt-link{width:680px}
.wrap-fight .cent .fighting-group .c-b .btn1,.wrap-fight .cent .fighting-group .c-b .btn2{display:inline-block;font-size:16px;width:180px;height:40px;border-radius:28px;background:#FF583D;color:#fff;text-align:center;line-height:40px}
.wrap-fight .cent .fighting-group .c-b .btn2{margin-left:20px;background:#FF701D}
.wrap-fight .cent .fighting-group .c-b .btn1:hover{background:#FF7964}
.wrap-fight .cent .fighting-group .c-b .btn2:hover{background:#FF8D4A}
.wrap-fight .cent .fighting-group .c-b .qrcode-alert .cent{position:absolute;top:50%;left:50%;z-index:12;margin-top:-207px;margin-left:-225px;width:450px;height:414px;border-radius:5px;background:#fff;}
.wrap-fight .cent .fighting-group .c-b .qrcode-alert .cent .qrcode img{margin:100px 150px 20px;width:150px;height:150px;}
.wrap-fight .cent .fighting-group .c-b .qrcode-alert .cent span{display:inline-block;width:100%;color:#333;text-align:center;font-size:18px;line-height:26px;}
.wrap-fight .cent .onlink{margin:20px 0;}
.wrap-fight .onlink-alert .cent{position:absolute;top:50%;left:50%;z-index:12;margin-top:-63px;margin-left:-225px;width:450px;height:126px;border-radius:5px;background:#fff;}
.wrap-fight .onlink-alert .cent span{display:inline-block;margin:50px auto 50px;width:100%;color:#333;text-align:center;font-size:18px;line-height:26px;}

/* 190606训练营优化迭代 */
.training-wrapper .training-m .training-l .clock-in .search-wrap{padding:20px 30px 0}
.training-wrapper .training-m .training-l .clock-in .search-wrap .ipt-id{width:120px;height:36px;line-height:34px;border:1px solid #ddd;border-radius:5px;padding:0 10px;font-size:14px;color:#999;margin-right:6px}
.training-wrapper .training-m .training-l .clock-in .search-wrap .sub{vertical-align:top;width:72px;height:36px;font-size:14px;color:#666;line-height:36px;text-align:center;border-radius:5px;background:#ffd500;border:none;cursor:pointer;transition:all .3s}
.training-wrapper .training-m .training-l .clock-in .main .del-select .sub:hover,.training-wrapper .training-m .training-l .clock-in .search-wrap .sub:hover{background:#ffdd2f;color:#333}
.del-awrap,.del-swrap{width:100%;height:100%;position:fixed;top:0;left:0;background:rgba(0,0,0,.8);z-index:99}
.del-awrap .del-alert{position:absolute;top:50%;left:50%;z-index:99;margin-top:-81px;margin-left:-210px;width:420px;height:192px;border-radius:5px;background:#fff}
.del-awrap .del-alert .h4,.del-swrap .del-select .h4{font-size:18px;color:#333;text-align:center;padding:40px 0 20px}
.del-awrap .del-alert span{display:inline-block;width:100%;font-size:16px;color:#999;text-align:center}
.del-awrap .del-alert .sel{padding-top:30px;text-align:center}
.del-awrap .del-alert .sel a{display:inline-block;width:120px;height:40px;font-size:16px;line-height:40px;border-radius:5px}
.del-awrap .del-alert .sel .cancel{background:#ddd;margin-right:20px}
.del-awrap .del-alert .sel .submit{background:#ffd500}
.del-awrap .del-alert .sel .submit:hover{background:#ffdd2f;color:#333}
.del-swrap .del-select{width:420px;border-radius:5px;background:#fff;box-sizing:border-box;transform:translate(-50%,-45%);overflow:hidden;position:absolute;left:50%;top:50%}
.del-swrap .del-select .raido-wrap{padding:0 30px 10px;margin-bottom:10px;max-height:305px;overflow-y:auto}
.del-swrap .del-select .raido-wrap label{display:block;width:100%;position:relative;cursor:pointer;overflow:hidden}
.del-swrap .del-select .raido-wrap label i{display:block;float:left;width:12px;height:12px;border:1px solid #ddd;border-radius:50%;margin:8px 5px 10px 0;position:relative}
.del-swrap .del-select .raido-wrap label.on i:before{content:'';width:6px;height:6px;background-color:#f11533;border-radius:50%;position:absolute;left:2px;top:2px}
.del-swrap .del-select .raido-wrap label span{display:block;max-width:340px;float:left;font-size:16px;color:#666;line-height:30px}
.del-swrap .del-select .ipt-c{width:278px;height:36px;line-height:36px;border:1px solid #ddd;border-radius:5px;font-size:14px;color:#999;padding:10px;margin:0 6px 0 30px}
.del-swrap .del-select .sub-c{display:inline-block;width:72px;height:36px;border:1px solid #ddd;border-radius:5px;font-size:14px;color:#666;cursor:pointer;vertical-align:top;line-height:36px;text-align:center}
.del-swrap .del-select .sub-c:hover{background:#ffd500;border-color:#ffd500;color:#333}
.del-swrap .del-select .sub{display:block;width:120px;height:40px;line-height:40px;border-radius:5px;font-size:16px;color:#666;background:#ffd500;border:none;cursor:pointer;margin:30px auto}
.training-wrapper .training-m .training-l .clock-in .main .list .img{position:relative}
.training-wrapper .training-m .training-l .clock-in .main .list .img .span-dt{display:block;width:40px;height:25px;line-height:24px;text-align:center;border-radius:3px;border:1px solid #999;background:rgba(0,0,0,.5);font-size:12px;color:#fff;position:absolute;right:15px;bottom:15px}
.training-wrapper .training-m .training-l .clock-in .main .tips{width:100%;height:36px;line-height:36px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border-radius:5px;background:#f2f2f2;font-size:14px;color:#666;padding:0 20px;margin-top:20px}
.training-wrapper .training-m .training-l .clock-in .main .reason{font-size:16px;color:#ff583d;margin-top:20px;margin-bottom:-15px}

/* 190718动图加载效果 */
.training-wrapper .span-dt.dslide-anit{-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-animation-delay:-.16s;animation-delay:-.16s}
.training-wrapper .span-dt.dslide-anit i{width:6px;height:6px;margin:0 2px;background-color:#fff;border-radius:100%;display:inline-block;-webkit-animation:bouncedelay 1.4s infinite ease-in-out;-ms-animation:bouncedelay 1.4s infinite ease-in-out;-o-animation:bouncedelay 1.4s infinite ease-in-out;-moz-animation:bouncedelay 1.4s infinite ease-in-out;animation:bouncedelay 1.4s infinite ease-in-out;-webkit-animation-fill-mode:both;-ms-animation-fill-mode:both;-o-animation-fill-mode:both;-moz-animation-fill-mode:both;animation-fill-mode:both}
.training-wrapper .span-dt.dslide-anit i.load1{-webkit-animation-delay:-.32s;-o-animation-delay:-.32s;-ms-animation-delay:-.32s;-moz-animation-delay:-.32s;animation-delay:-.32s}
.training-wrapper .span-dt.dslide-anit i.load2{-webkit-animation-delay:-.16s;-o-animation-delay:-.16s;-ms-animation-delay:-.16s;-moz-animation-delay:-.16s;animation-delay:-.16s}

#page-m a{min-width:32px;height:32px;line-height:32px;font-size:12px;color:#666;border-radius:3px}
#page-m .next,#page-m .prev{width:68px;max-width:68px}
#page-m span{padding:0 8px;line-height:32px}
.training-wrapper .training-m .training-r .punch-info{background:#fff;border-radius:5px;margin-bottom:20px}
.training-wrapper .training-m .training-r .punch-info .info-li{width:50%;text-align:center}
.training-wrapper .training-m .training-r .punch-info .info-li .li-t{font-size:16px;color:#333;padding:20px 0}
.training-wrapper .training-m .training-r .punch-info .info-li .li-b{font-size:24px;color:#ff583d;padding-bottom:20px}
.training-wrapper .training-m .training-r .punch-info .info-li .li-b small{font-size:16px;vertical-align:2px}
.add-wx-wrap{width:100%;height:100%;position:fixed;top:0;left:0;z-index:1001}
.add-wx-wrap .add-wx-mask{width:100%;height:100%;position:absolute;top:0;left:0;z-index:997;background:rgba(0,0,0,.7)}
.add-wx-wrap .add-wx-c{width: 410px;background:#fff;border-radius:5px;position:absolute;top:50%;left:50%;margin-top:-212px;margin-left:-225px;text-align:center;z-index:998;padding: 30px 30px 10px;}
.add-wx-wrap .add-wx-c .close{width:15px;height:15px;position:absolute;top:15px;right:15px}
.add-wx-wrap .add-wx-c .close:after,.add-wx-wrap .add-wx-c .close:before{content:'';width:18px;height:1px;background:#666;transform:rotate(45deg);position:absolute;top:7px;left:-1px}
.add-wx-wrap .add-wx-c .close:after{transform:rotate(-45deg)}
.add-wx-wrap .add-wx-c .h4{font-size:18px;color:#333;padding-bottom:20px}
.add-wx-wrap .add-wx-c .span{font-size:16px;color:#999}
.add-wx-wrap .add-wx-c .span span{color:#ff583d}
.add-wx-wrap .add-wx-c .qr-w{margin-top: 10px;padding:25px 50px 0;text-align: left;}
.add-wx-wrap .add-wx-c .code-box{position: relative;padding:4px 0 0 140px;height: 120px;}
.add-wx-wrap .add-wx-c .code-box img{width: 130px;height: 130px;position: absolute;left: -8px;top: -8px;}
.add-wx-wrap .add-wx-c .code-box p{line-height: 24px;color:#666;}
.add-wx-wrap .add-wx-c .code-box p:nth-child(2){margin-bottom: 10px;height: 72px;overflow: hidden;word-break: break-all;color: #ff701d;}
.add-wx-wrap .add-wx-c .qrcode-info{padding-top: 20px;}
.add-wx-wrap .add-wx-c .qrcode-info span{width:125px;height: 46px;line-height: 20px;float: left;color: #666;}
.add-wx-wrap .add-wx-c .qrcode-info span i{display: inline-block;margin-right: 10px;vertical-align: top;background: url(/assets/revision/images/training/index/training-icon.v2.png);width: 26px;height: 20px;}
.add-wx-wrap .add-wx-c .qrcode-info span .s1{background-position: -28px -21px;}
.add-wx-wrap .add-wx-c .qrcode-info span .s2{background-position: 0 0;}
.add-wx-wrap .add-wx-c .qrcode-info span .s3{background-position: -28px 0;}
.add-wx-wrap .add-wx-c .qrcode-info span .s4{background-position: 0 -21px;}
.default-null-page{padding:120px 0}
.default-null-page img{display:block;width:132px;margin:0 auto}

.training-wrapper .training-m .training-l .special-task .qr-w{position:absolute;top: 61px;right: 0px;z-index: 5;display:none;width:300px;height:260px;box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.1);border-radius:5px;padding:30px 25px 0;background: #fff;font-size: 14px;line-height: 1;color:#666;text-align: left;}
.training-wrapper .training-m .training-l .special-task .qr-w:before{content: '';border:6px transparent solid;position: absolute;right: 5px;top: -12px;border-bottom: 6px #fff solid;}
.training-wrapper .training-m .training-l .special-task .code-box{position: relative;padding:4px 0 0 140px;height: 120px;}
.training-wrapper .training-m .training-l .special-task .code-box img{width: 130px;height: 130px;position: absolute;left: -8px;top: -8px;}
.training-wrapper .training-m .training-l .special-task .code-box p{line-height: 24px;color:#666;}
.training-wrapper .training-m .training-l .special-task .code-box p:nth-child(2){margin-bottom: 10px;height: 72px;overflow: hidden;word-break: break-all;color: #ff701d;}
.training-wrapper .training-m .training-l .special-task .qrcode-info{padding-top: 20px;}
.training-wrapper .training-m .training-l .special-task .qrcode-info span{width:125px;height: 46px;line-height: 20px;float: left;padding-left: 0;color: #666;}
.training-wrapper .training-m .training-l .special-task .qrcode-info span i{display: inline-block;margin-right: 10px;vertical-align: top;background: url(/assets/revision/images/training/index/training-icon.v2.png);width: 26px;height: 20px;}
.training-wrapper .training-m .training-l .special-task .qrcode-info span .s1{background-position: -28px -21px;}
.training-wrapper .training-m .training-l .special-task .qrcode-info span .s2{background-position: 0 0;}
.training-wrapper .training-m .training-l .special-task .qrcode-info span .s3{background-position: -28px 0;}
.training-wrapper .training-m .training-l .special-task .qrcode-info span .s4{background-position: 0 -21px;}

/* 视频暂停弹窗 */
.video-body .pause-tips{background:rgba(0,0,0,.8);width:430px;overflow:hidden;border-radius:5px;position:absolute;top:50%;left:50%;transform:translate(-50%,-62%);z-index:99}
.video-body .pause-tips .close{width:14px;height:14px;position:absolute;top:16px;right:16px}
.video-body .pause-tips .close:after,.video-body .pause-tips .close:before{content:'';width:17px;height:1px;background:#fff;transform:rotate(45deg);position:absolute;top:6px;left:-1px}
.video-body .pause-tips .close:after{transform:rotate(-45deg)}
.video-body .pause-tips .tips-cont{padding:35px 35px 15px}
.video-body .pause-tips .tips-cont .tips-l{width:150px;height:150px;border:2px solid #fff;margin-right:20px}
.video-body .pause-tips .tips-cont .tips-l canvas{width:100%;height:100%}
.video-body .pause-tips .tips-cont .tips-r{width:190px}
.video-body .pause-tips .tips-cont .tips-r .title{font-size:14px;color:#fff;width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.video-body .pause-tips .tips-cont .tips-r .h6{font-size:18px;color:#ffd500;font-weight:700;padding:10px 0 16px;border-bottom:1px solid #ddd;margin-bottom:15px}
.video-body .pause-tips .tips-cont .tips-r .p1,.video-body .pause-tips .tips-cont .tips-r .p3{font-size:14px;color:#fff}
.video-body .pause-tips .tips-cont .tips-r .p1 .i1{display:inline-block;vertical-align:top;width:14px;height:13px;background:url(/assets/revision/images/training/index/training-icon.v2.png) -37px -61px;margin-right:4px;margin-top:1px}
.video-body .pause-tips .tips-cont .tips-r .p1 .i2{display:inline-block;vertical-align:top;width:16px;height:16px;background:url(/assets/revision/images/training/index/training-icon.v2.png) 0 -64px;border-radius:5px;margin:-1px 4px 0}
.video-body .pause-tips .tips-cont .tips-r .p2{font-size:14px;color:#fff;padding:12px 0}
.video-body .pause-tips .tips-cont .tips-r .p2 .i1{display:inline-block;vertical-align:top;width:14px;height:13px;background:url(/assets/revision/images/training/index/training-icon.v2.png) -53px -61px;margin-right:4px;margin-top:1px}
.video-body .pause-tips .tips-cont .tips-r .p3 .i1{display:inline-block;vertical-align:top;width:14px;height:13px;background:url(/assets/revision/images/training/index/training-icon.v2.png) -69px -61px;margin-right:4px;margin-top:1px}
.video-body .pause-tips .bot-a{display:block;height:34px;line-height:34px;background:#191919;font-size:12px;color:#999;text-align:center}
.video-body .pause-tips .bot-a:hover{color:#ffd500}
.video-body.page-full .video-js{position:fixed;width:100%;height:100%;z-index:1005;left:0;top:0}

.video-js .icon-play-btn{right:50%;bottom:300px;margin-right:-30px;transform:scale(1.5);transition: bottom .3s;}
.video-js .icon-play-btn.active:hover{opacity:1;transform:scale(1.7)}
.video-js.vjs-user-active:hover .icon-play-btn{bottom: 238px;}
.video-js.vjs-fullscreen .icon-play-btn,.page-full .video-js .icon-play-btn{position: fixed;bottom: 50%!important;margin-bottom: -45px;}
.wider-screen .video-js .icon-play-btn{bottom:370px}
.wider-screen .video-js.vjs-user-active:hover .icon-play-btn{bottom: 308px;}
.video-body .diversion{width:280px;height:62px;border-radius:3px;position:absolute;right:10px;bottom:10px;background:rgba(0,0,0,.7);padding:4px;transition: bottom .3s;}
.video-body .video-js.vjs-user-active:hover .diversion{bottom: 70px;}
.video-body .diversion .diversion-close{display:block;width:18px;height:18px;position:absolute;top:2px;right:5px;z-index:1}
.video-body .diversion .diversion-close:after,.video-body .diversion .diversion-close:before{content:'';width:16px;height:1px;background:#fff;transform:rotate(45deg);position:absolute;top:9px;right:0}
.video-body .diversion .diversion-close:after{transform:rotate(-45deg)}
.video-body .diversion .diversion-con{display:block;width:100%;height:100%}
.video-body .diversion .img-left{width:89px;height:54px;border-radius:3px;position:absolute;top:4px;left:4px;overflow:hidden}
.video-body .diversion .img-left img{width:100%;height:100%}
.video-body .diversion .info-right{width:100%;padding-left:100px;padding-right:20px}
.video-body .diversion .info-right .title{font-size:12px;color:#fff;max-width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;margin-top:2px}
.video-body .diversion .info-right .bot{display:inline-block;padding:0 10px;height:20px;line-height:20px;font-size:12px;color:#fff;background:#ff701d;border-radius:3px;position:absolute;bottom:6px;left:104px;opacity:.9;transition:all .2s}
.video-body .diversion .info-right .bot:hover{opacity:1}
.video-body .diversion .info-right .bot .rank-icon{display:inline-block;vertical-align:top;margin:5px 5px 0 0;position:relative;width:10px;height:10px}
.video-body .diversion .info-right .bot .rank-icon i{width:2px;height:2px;position:absolute;background:#fff;bottom:0}
.video-body .diversion .info-right .bot .rank-icon i:nth-child(1){animation:lines2 2s linear .2s infinite;left:0}
.video-body .diversion .info-right .bot .rank-icon i:nth-child(2){animation:lines2 2s linear .4s infinite;left:4px}
.video-body .diversion .info-right .bot .rank-icon i:nth-child(3){animation:lines2 2s linear .6s infinite;left:8px}
@keyframes lines2{
	0%{height:2px}
	25%{height:10px}
	50%{height:2px}
	75%{height:10px}
	100%{height:2px}
}

.training-wrapper .training-l .app-down{cursor:pointer;position:relative;top:-33px}
.training-wrapper .training-l .app-down .top-span{font-size:16px;color:#666;line-height:20px}
.training-wrapper .training-l .app-down:hover .top-span{color:#FF583D}
.training-wrapper .training-l .app-down .top-span .icon1{display:inline-block;vertical-align:top;width:16px;height:21px;background:url(/assets/revision/images/training/index/training-icon.v2.png) -18px -42px;margin-right:10px}
.training-wrapper .training-l .app-down:hover .top-span .icon1{background-position:0 -42px}
.training-wrapper .training-l .app-down .top-span .icon2{display:inline-block;vertical-align:top;width:8px;height:8px;border-bottom:1px solid #666;border-right:1px solid #666;transform:rotate(45deg);transition:all .2s;margin-left:10px;margin-top:4px}
.training-wrapper .training-l .app-down:hover .top-span .icon2{transform:rotate(-135deg);margin-top:7px;border-color:#FF583D}
.training-wrapper .training-l .app-down .down-con{display:none;width:378px;padding-top:8px;position:absolute;top:20px;left:50%;margin-left:-189px;z-index:9}
.training-wrapper .training-l .app-down:hover .down-con{display:block}
.training-wrapper .training-l .app-down .down-con .down-c{height:170px;background:#fff;box-shadow:0 1px 6px 0 rgba(0,0,0,.2);border-radius:5px;padding:20px}
.training-wrapper .training-l .app-down .down-con .down-c:before{content:'';width:0;height:0;border-bottom:8px solid #fff;border-left:5px solid transparent;border-right:5px solid transparent;position:absolute;top:0;left:50%;margin-left:-3px}
.training-wrapper .training-l .app-down .down-con .down-c .l-code{width:130px;height:130px;margin-right:20px}
.training-wrapper .training-l .app-down .down-con .down-c .l-code .img canvas{width:100%;height:100%}
.training-wrapper .training-l .app-down .down-con .down-c .r-info{width:188px}
.training-wrapper .training-l .app-down .down-con .down-c .r-info .h6{font-size:18px;color:#333;font-weight:700;padding:6px 0 14px}
.training-wrapper .training-l .app-down .down-con .down-c .r-info .p1{font-size:14px;color:#666}
.training-wrapper .training-l .app-down .down-con .down-c .r-info .p1 .i1{display:inline-block;vertical-align:top;width:14px;height:13px;background:url(/assets/revision/images/training/index/training-icon.v2.png) -37px -45px;margin-right:4px;margin-top:1px}
.training-wrapper .training-l .app-down .down-con .down-c .r-info .p1 .i2{display:inline-block;vertical-align:top;width:16px;height:16px;background:url(/assets/revision/images/training/index/training-icon.v2.png) 0 -64px;border-radius:5px;margin:-1px 4px 0}
.training-wrapper .training-l .app-down .down-con .down-c .r-info .p2{font-size:14px;color:#666;padding:12px 0;border-bottom:1px solid #ddd}
.training-wrapper .training-l .app-down .down-con .down-c .r-info .p2 .i1{display:inline-block;vertical-align:top;width:14px;height:13px;background:url(/assets/revision/images/training/index/training-icon.v2.png) -53px -45px;margin-right:4px;margin-top:1px}
.training-wrapper .training-l .app-down .down-con .down-c .r-info .title{font-size:14px;color:#666;width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;margin-top:14px}

.training-wrapper .training-m .training-l .upload-cont{padding:30px;margin-bottom:20px;background:#fff;border-radius:5px}
.training-wrapper .training-m .training-l .upload-cont .uploader-container{height:136px;border-radius:5px;border:1px dashed #dbdbdb;background:#fafafa;position:relative}
#picker .webuploader-pick{width:186px;height:50px;text-align:center;margin:30px auto 0}
#picker .webuploader-pick .btn{width:186px;height:50px;line-height:50px;background:#ffd500;border-radius:5px;font-size:14px;color:#333;transition:all .2s}
#picker .webuploader-pick-hover .btn{background:#ffdd2f}
#picker .webuploader-pick .btn i{display:inline-block;vertical-align:top;width:18px;height:17px;background:url(/assets/revision/images/training/detail/detail-icon.v4.png) -69px -31px;margin-top:16px;margin-right:5px}
#picker .webuploader-pick p{width:400px;white-space:nowrap;font-size:14px;color:#666;text-align:center;position:absolute;left:50%;margin-left:-200px;bottom:28px}
.comment-textarea .textarea-wrap .preview-li{width:130px;height:90px;border-radius:5px;position:relative;margin-right:20px;margin-bottom:20px;cursor:pointer}
.comment-textarea .textarea-wrap .preview-li .close{display:block;width:20px;height:20px;position:absolute;top:-7px;right:-10px;z-index:1;border-radius:50%;background:rgba(0,0,0,.7)}
.comment-textarea .textarea-wrap .preview-li .close:after,.comment-textarea .textarea-wrap .preview-li .close:before{content:'';width:12px;height:1px;background:#fff;transform:rotate(-45deg);position:absolute;top:10px;left:4px}
.comment-textarea .textarea-wrap .preview-li .close:after{transform:rotate(45deg)}
.comment-textarea .textarea-wrap .preview-li .progress{width:100%;height:100%;position:absolute;top:0;left:0;border-radius:5px;background:rgba(0,0,0,.3)}
.comment-textarea .textarea-wrap .preview-li .progress .progress-bar{width:90%;height:6px;border-radius:3px;background:rgba(255,255,255,.4);margin:56px auto 8px}
.comment-textarea .textarea-wrap .preview-li .progress .progress-bar span{display:block;height:6px;background:#ffd500;border-radius:3px;width:0}
.comment-textarea .textarea-wrap .preview-li .progress .progress-num{width:100%;text-align:center;font-size:12px;color:#fff}

.up-get-win{position: fixed;z-index: 1001;left: 0;top: 0;width: 100%;height: 100%;background: rgba(0,0,0,.5);}
.up-get-win .win-m{width: 510px;background: #fff;padding:24px 20px 0;border-radius: 5px;position: absolute;left: 50%;top: 50%;margin:-200px 0 0 -255px}
.up-get-win .win-m .close{width: 14px;height: 14px;position: absolute;top: 25px;right: 20px;cursor: pointer;}
.up-get-win .win-m .close::before{content: '';width: 1px;height: 16px;transform: rotate(45deg);background: #999;position: absolute;left: 7px;top: 0;}
.up-get-win .win-m .close::after{content: '';width: 1px;height: 16px;transform: rotate(-45deg);background: #999;position: absolute;left: 7px;top: 0;}
.up-get-win .win-m .head{font-size: 18px;margin-bottom: 24px;line-height: 18px;}
.up-get-win .win-m .head span{font-size: 14px;color: #999;padding-left: 10px;vertical-align: top;}
.up-get-win .win-m .list{height: 88px;margin-bottom: 20px;}
.up-get-win .win-m .list .img{width: 138px;height: 88px;border-radius: 5px;overflow: hidden;}
.up-get-win .win-m .list .img img{display: block;width: 100%;height: 100%;}
.up-get-win .win-m .list .img-r{margin-left: 12px;width: 310px;}
.up-get-win .win-m .list .img-r .title{display: block;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;font-size: 16px;margin-top: 6px;}
.up-get-win .win-m .list .img-r .title:hover{color: #FF583D;}
.up-get-win .win-m .list .img-r .info{margin-top: 32px;height: 34px;line-height: 34px;}
.up-get-win .win-m .list .img-r .info .s1{color: #FF583D;}
.up-get-win .win-m .list .img-r .info .s2{width: 100px;height: 34px;text-align: center;background: #FFD500;cursor: pointer;border-radius: 5px;}
.up-get-win .win-m .list .img-r .info .s2:hover{background: #ffdf3d;}
.up-get-win .win-m .list .img-r .info .s2.ed{background: #EBEBEB;color: #999;cursor:not-allowed;}
.up-get-win .win-m .empty{padding:50px 0 100px;text-align: center;}
.up-get-win .win-m .empty img{display: inline-block;vertical-align: top;}
.up-get-win .win-m .empty p{color: #999;line-height: 24px;padding-top: 28px;}

#page-m .look-a{border:0;color:#999}
#page-m .look-a:hover{background:#fff;color:#666}
#page-m .look-prev{margin-left:10px}
#page-m .look-next{margin-right:10px}
#page-m .look-a i{font-style:initial}

.training-wrapper .training-inner-chain{padding:20px 0}
.training-wrapper .training-inner-chain .h5{font-size:14px;color:#999}
.training-wrapper .training-inner-chain .chain-con{padding:10px 0}
.training-wrapper .training-inner-chain .chain-con .li{display:block;font-size:12px;color:#999;width:25%;padding-right:40px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:20px;margin:5px 0;transition:color .2s}
.training-wrapper .training-inner-chain .chain-con .li:hover{color:#666}

@media only screen and (max-width:1440px) {
	.training-detail{width:1000px;margin-left:-500px}
	.training-main{width:860px}
	.wrap-fight .cent .no-group .c-b .line{width:90px}
	.wrap-fight .cent .fighting-group .c-b .btn1,.wrap-fight .cent .fighting-group .c-b .btn2{width:160px}
	.wrap-fight .cent .fighting-group .c-b .ipt-link{width:340px}
	.single .wrap-fight .cent .fighting-group .c-b .ipt-link{width:480px}
	.training-about .r-fixed{display:none}
	.training-s .training-list .list-c .list{width:490px;height:120px}
	.training-s .training-list .list-c .list .l-img{width:197px;height:120px}
	.training-s .training-list .list-c .list .r-cont{padding:15px;width:250px}
	.training-s .training-list .list-c .list .r-cont .h3{margin-bottom:10px;max-width:230px}
	.training-s .training-list .list-c .list .r-cont>span.join-num{padding:6px 0 15px}
	.training-s .training-list .list-c .list .r-cont .bar{padding:20px 0 10px 2px}
	.training-s .training-list .list-c .list .r-cont .bar .bar-m{width:180px}
	.training-s .training-list .list-c .list .tips{top:10px}
	.training-all-n{width:1000px;margin:0 auto}
	.training-camp-d{width:630px}
	.training-banner .device .com-btn.arrow-left{margin-left:-539px}
	.training-banner .device .com-btn.arrow-right{margin-right:-539px}
	.training-about .training-list .list-m .list .main small,.training-about .training-list .list-m .list .main span{font-size:14px}
	.training-about .training-list .list-m .list .main .btn{width:90px;height:32px;line-height:32px;margin-top:3px;font-size:14px}
	.training-about .training-list .list-m .list .main .fl-money .span strong{font-size:24px}
	.training-wrapper .training-m .training-l .clock-in .main .list .con{width:554px}
	.training-wrapper .training-m .training-l .video-foot-con h4{max-width:500px}
	.training-wrapper .training-m .training-l .today-task .QR-codeAlert{top:56px}
	.training-wrapper .training-m .training-r .task-status .status-con span{margin-right:10px}
	.training-wrapper .training-m .training-l .wider-screen{width:1000px;background:#fff;border-radius: 5px;}
	.training-wrapper .training-m .training-l .wider-screen .video-body{height:530px}
	.training-wrapper .training-m .training-l .today-task .task-list span{padding-right:20px}
    .training-wrapper .training-m .training-l textarea{width:428px}
	.video-js .icon-play-btn{bottom:220px;transform:scale(1.2)}
	.video-js.vjs-user-active:hover .icon-play-btn{bottom: 158px;}
	.video-js .icon-play-btn.active:hover{transform:scale(1.4)}
	.wider-screen .video-js .icon-play-btn{bottom:250px}
}