*{margin: 0;padding: 0;}
html body{font-family:"微软雅黑";}
/*通用样式*/
.default-color,.default-color:hover,.default-color:focus{color: #00b882 !important;}
.btn-df{color: #fff !important;background-color: #00b882 !important;}
.porela,.input-required{position: relative;}
.cursor-p{cursor: pointer;}
.text-indent{text-indent:2em;}
.text-ellipsis{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.text-weight{font-weight: bold;}
.btn-close{position: absolute;bottom: 100%;right: 0;opacity: .8;font-size: 30px;color: #fff !important;text-decoration: none !important;outline: none;}
.box-shadow{box-shadow: 0 0 20px rgba(0, 0, 0, 0.1), 0 3px 6px rgba(0, 0, 0, 0.2);background-color: #fff;}
.box-mark{display: block; position: fixed;left: 0;top: 0;background-color: rgba(0,0,0,0.5);filter:alpha(opacity=50); background-color: #000\9;height: 100%;width: 100%;z-index: 10000;}
.alert-tips{ display: none; z-index: 9999999999; position: fixed; top: 50%; left: 50%;min-width: 160px;margin-left: -80px\9; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); line-height: 18px; padding: 12px 25px; background-color: rgba(0, 0, 0, .7);filter:alpha(opacity=70); background-color: #000\9; color: #fff; border-radius: 3px; }
.rotate360:hover{-webkit-transform: rotate(360deg); transform: rotate(360deg);}
.item-hover.active,.item-hover:hover{-webkit-transform: translateY(-10px);transform: translateY(-10px);}
.box-transition,.caret{-webkit-transition: all .3s linear 0s; transition: all .3s linear 0s;}
.dropdown:hover .caret{transition-timing-function: ease;-webkit-transition-timing-function: ease;-webkit-transform: rotate(180deg);transform: rotate(180deg);}
.dropdown .dropdown-menu{display: block;visibility: hidden;opacity: 0;top: 0; box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.2);border: none; border-radius: 3px;-webkit-transform: scale(0);transform: scale(0);}
.dropdown:hover .dropdown-menu{top: 100%; visibility: visible;opacity: 1;-webkit-transform: scale(1);transform: scale(1);}
.icon-jump:hover .icons,.icon-jump:hover .n-icon{position: relative; animation: icon-jump .2s;-webkit-animation: icon-jump .2s}
.w-260{width: 260px;}
.w-300{width: 300px;}
.w-865{width: 865px;}
.w-905{width: 905px;}
.mt-10{margin-top: 10px;}
.mt-20{margin-top: 20px;}
.mt-30{margin-top: 30px;}
.mb-10{margin-bottom: 10px;}
.mb-20{margin-bottom: 20px;}
.mb-25{margin-bottom: 25px;}
.mb-30{margin-bottom: 30px;}
.ml-10{margin-left: 10px;}
.ml-15{margin-left: 15px;}
.ml-25{margin-left: 25px;}
.pt-15{padding-top: 15px;}
.pd-20{padding: 20px;}
.border-b{border-bottom: 1px solid #eee;}
.inline-block{display: inline-block;}
.help-block{display: none; margin-top: 10px;}
.list-item-circle{padding-left: 15px !important; font-size: 13px;color: #ccc;}
.list-item-circle li{position: relative;display: block; margin-bottom: 15px;}
.list-item-circle li:after{position: absolute;left: -16px;top: 50%;margin-top: -2px; content: "";width: 5px;height: 5px;border-radius: 50%;background-color: #ccc;}
.list-item-circle span,.list-item-circle a,.list-item-circle a:hover{color: #333;}
.list-inline.not-p{margin-left: 0;}
.list-inline.not-p > li{padding-left: 0;padding-right: 0;}
.white-bg{background-color: #fff;}
.white-bg-bord{background-color: #fff;border: 1px solid #eee;}
.gainsboro-bg{background-color: #f9f9f9;}
.border-span{padding-left: 10px;border-left: 3px solid #00b882;font-size: 16px;color: #666;}
.progress .progress-bar-success{background-color: #00b28e;}
a.more,span.more{color: #666;font-size: 12px;}
.f-fff{color: #fff!important;}
.f-f33{color: #333!important;}
.f-f66{color: #666!important;}
.f-f88{color: #888!important;}
.f-999{color: #999!important;}
.f-f55{color: #ff5555!important;}
.f-999-12{color: #999;font-size: 12px;}
.f-s-12{font-size: 12px!important;}
.f-s-14{font-size: 14px!important;}
.input-required:before{display: inline-block;position: absolute;margin-right: 4px;content: "*";left: 0;font-family: SimSun;font-size: 12px;color: #f50;}
.more-btn{display: inline-block;padding-top: 12px;width: 56px;height: 56px;border-radius: 50%;background-color: #f7f7f7;font-size: 13px;color: #6c7981;text-decoration: none!important;}
/*videoAlert*/
.acc5-alert{position: fixed;top: 50%;left: 50%;margin-top: -22px;margin-left: -200px;}
.angle-down{-webkit-transform: rotate(90deg) scale(.8);transform: rotate(90deg) scale(.8);}
.collapsed .angle-down{-webkit-transform: rotate(-90deg) scale(.8);transform: rotate(-90deg) scale(.8);}
.fill{padding-top: 64px;}
.icons{display: inline-block; background-image: url(../image/icons_v9.png);}
.icons.icon-nav{margin-right: 10px; width: 22px; height: 18px;background-position:-273px -278px;vertical-align: bottom;}
.icons.icon-search{width: 17px; height: 17px;background-position:-342px -142px;vertical-align: sub;}
.icons.icon-live{margin-right: 10px; width: 20px; height: 15px;background-position:-363px -105px;}
.icons.icon-tel{margin-right: 12px;width: 24px; height: 24px;background-position:-281px -221px;vertical-align: middle;}
.icons.icon-kf{margin-right: 12px;width: 24px; height: 24px;background-position: -281px -249px;vertical-align: middle;}
.icons.icon-prev-ft{width: 10px; height: 20px;background-position:-177px -150px;}
.icons.icon-next-ft{width: 10px; height: 20px;background-position:-177px -126px;}
.icons.icon-user{margin-right: 6px; width: 11px; height: 12px;background-position:-325px -308px;vertical-align: -1px;}
.icons.icon-user-g{width: 11px; height: 12px;background-position:-340px -332px;vertical-align: -1px;}
.icons.icon-ok{margin-right: 7px; width: 18px; height: 18px;background-position:-90px -332px;vertical-align: sub;}
.icons.icon-ok-min{margin-right: 4px; width: 13px; height: 13px;background-position:-323px -332px; vertical-align: -2px;}
.icons.icon-ssia{width: 37px; height: 23px;background-position:-192px -157px;}
.icons.icon-police{width: 23px; height: 25px;background-position:-315px -2px;}
.icons.icon-icp{width: 22px; height: 23px;background-position:-315px -145px;}
.icons.icon-security{width: 27px; height: 24px;background-position:-281px -164px;}
.icons.icon-union{width: 32px; height: 26px;background-position:-2px -278px;}
.icons.icon-ebs{width: 20px; height: 27px;background-position:-315px -31px;}
.icons.icon-real{width: 27px; height: 27px;background-position:-281px -104px;}
.icons.icon-best{width: 85px; height: 33px;background-position:-192px -2px;}
.icons.icon-tech{width: 25px; height: 25px;background-position:-405px -57px;}
.icons.icon-tencent{width: 23px; height: 23px;background-position:-442px -30px;}
.icons.icon-sina{width: 33px; height: 24px;background-position: -405px -30px;}
.icons.icon-china{width: 55px;height: 24px;background-position: -405px -3px;}
.icons.icon-share{margin-left: 20px; width: 18px; height: 18px;background-position:-2px -332px;vertical-align: middle;}
.icons.icon-qq{margin-right: 5px; width: 17px; height: 18px;background-position:-342px -98px;vertical-align: sub;}
.icons.icon-star{margin-right: 6px; width: 16px; height: 15px;background-position:-363px -168px;vertical-align: -2px;}
.icons.icon-star.star-g{background-position:-363px -188px;}
.icons.icon-collection{margin-right: 6px;width: 19px; height: 18px;background-position:-386px -187px;vertical-align: sub;cursor: pointer;}
.icons.icon-collection:hover,.icon-collection.active{background-position:-386px -167px;}
.icons.icon-catalog{margin-right: 8px; width: 20px; height: 20px;background-position:-201px -278px;vertical-align: text-bottom;}
.icons.icon-play{margin-right: 13px;width: 15px; height: 14px;background-position:-266px -332px;}
.icons.icon-play-end{margin-right: 13px; width: 14px; height: 14px;background-position:-263px -185px;vertical-align: -2px;}
.icons.icon-preview{width: 18px; height: 20px;background-position:-24px -308px;}
.icons.icon-preview:hover{background-position:-2px -308px;}
.icons.icon-download{margin-left: 25px; width: 20px; height: 20px;background-position:-177px -278px;}
.icons.icon-download:hover{background-position:-225px -278px;}
.icons.icon-course{margin-right: 10px; width: 26px; height: 25px;background-position:-281px -135px;vertical-align: -7px;}
.icons.icon-comment{margin-right: 9px; width: 17px; height: 15px;background-position:-342px -205px;vertical-align: sub;}
.icons.icon-post{margin-right: 13px;width: 16px; height: 17px;background-position: -386px -66px;}
.icons.icon-practical{margin-right: 13px;width: 15px; height: 18px;background-position:-363px -23px;}
.icons.icon-invoice{margin-right: 13px;width: 16px; height: 18px;background-position:-428px -294px;}
.icons.icon-tax{margin-right: 13px;width: 17px; height: 18px;background-position: -363px -65px;}
.icons.icon-excel{margin-right: 13px;width: 16px; height: 16px;background-position:-342px -185px;}
.icons.icon-special{margin-right: 13px;width: 16px; height: 16px;background-position:-386px -4px;}
.icons.icon-red{width: 17px; height: 12px;background-position:-304px -308px;vertical-align: -2px;}
.icons.icon-manual{width: 31px; height: 30px;background-position:-74px -244px;}
.icons.icon-kz{width: 31px; height: 30px;background-position:-109px -244px;}
.icons.icon-report{width: 30px; height: 30px;background-position:-247px -39px;}
.icons.icon-practical-tax{width: 28px; height: 30px;background-position:-281px -70px;}
.icons.icon-make-account{width: 30px; height: 30px;background-position:-214px -244px;}
.icons.icon-study-ing{margin-right: 6px; width: 15px; height: 15px;background-position:-342px -262px;vertical-align: sub;}
.icons.icon-study-end{margin-right: 6px; width: 15px; height: 15px;background-position:-342px -300px;vertical-align: sub;}
.icons.icon-questions-zj{width: 33px; height: 30px;background-position:-226px -185px;}
.icons.icon-questions-kq{width: 32px; height: 30px;background-position:-2px -244px;}
.icons.icon-questions-zt{width: 30px; height: 30px;background-position:-247px -98px;}
.icons.icon-questions-dg{width: 32px; height: 30px;background-position:-38px -244px;}
.icons.icon-psw-hidden{width: 15px; height: 7px;background-position:-342px -319px;}
.icons.icon-psw-show{width: 16px; height: 10px;background-position:-94px -229px;}
.icons.icon-login-mobile{width: 40px; height: 40px;background-position:-182px -185px;}
.icons.icon-login-mobile.locked{background-position:-415px -240px;}
.icons.icon-login-wx{width: 40px; height: 40px;background-position:-138px -185px;}
.icons.icon-login-qq{width: 40px; height: 40px;background-position:-94px -185px;}
.icons.icon-red-lg{margin-right: 9px; width: 21px; height: 15px;background-position:-71px -308px;}
.icons.icon-champion{width: 24px; height: 24px;background-position:-248px -244px;vertical-align: middle;}
.icons.icon-msg{width: 17px; height: 20px;background-position:-342px -2px;vertical-align: middle;}
.icons.icon-top{margin-right: 10px; width: 16px; height: 20px;background-position:-342px -74px;vertical-align: sub;}
.icons.icon-error-msg{margin-right: 5px;width: 14px; height: 12px;background-position:-263px -203px;vertical-align: inherit;}
.icons.icon-back-login{margin-right: 5px;width: 16px; height: 14px;background-position:-246px -332px;vertical-align: -1px;}
.icon-ask-end{position: absolute;top: 20px;right: 30px;width: 110px;height: 66px; background-image: url(../image/icon-ask-end.png);}
.icons.icon-ask-qs{margin-right: 10px; width: 21px; height: 21px;background-position:-315px -198px;vertical-align: top;}
.icons.icon-ask-cm{width: 14px; height: 13px;background-position:-305px -332px;}
.icons.icon-ask-qq{margin-top: 6px;width: 17px; height: 20px;background-position:-342px -26px;}
.icons.icon-ask-ms-z{width: 22px; height: 20px;background-position:-315px -223px;}
.icons.icon-ask-ms{margin-right: 10px;width: 21px; height: 20px;background-position:-315px -271px;vertical-align: sub;}
.icons.icon-ask-comm{width: 20px; height: 20px;background-position:-153px -278px;}
.icons.icon-ask-love{width: 17px; height: 18px;background-position:-342px -120px;}
.icons.icon-ask-pic{margin-right: 6px; width: 18px; height: 15px;background-position:-202px -332px;vertical-align: sub;}
.icons.icon-ask-v{position: absolute;bottom: -4px;right: -4px; width: 21px; height: 20px;background-position:-247px -73px;}
.icons.icon-ask-topic{margin-right: 9px; width: 20px; height: 20px;background-position:-249px -278px;vertical-align: sub;}
.icons.icon-ask-hd-m{margin-right: 7px; width: 12px; height: 12px;background-position:-299px -278px;vertical-align: -1px;}
.icons.icon-ask-comment{margin-right: 9px; width: 22px; height: 20px;background-position:-315px -247px;vertical-align: middle;}
.icons.icon-ask-my{margin-right: 8px; width: 17px; height: 20px;background-position:-342px -50px;vertical-align: sub;}
.icons.icon-ask-qzone{width: 18px; height: 16px;background-position:-134px -332px;}
.icons.icon-ask-sina{width: 19px; height: 15px;background-position:-156px -332px;}
.icons.icon-ask-wx{width: 19px; height: 15px;background-position:-179px -332px;}
.icons.icon-ask-share{width: 16px; height: 15px;background-position:-342px -224px;}
.icons.icon-ask-hd{width: 15px; height: 15px;background-position:-342px -281px;}
.icons.icon-pages{margin-right: 3px;width: 14px; height: 16px;background-position:-262px -157px;vertical-align: sub;}
.icons.icon-msg-read{margin-right: 3px;width: 15px; height: 15px;background-position:-342px -243px;vertical-align: sub;}
.icons.icon-user-count{width: 18px; height: 14px;background-position:-224px -332px;}
.icons.icon-practical-w{width: 15px; height: 18px;background-position:-342px -163px;}
.icons.icon-error{width: 18px; height: 18px;background-position:-112px -332px;}
.icons.icon-information{width: 22px; height: 17px;background-position:-22px -332px;}
.icons.icon-ke{width: 20px; height: 18px;background-position:-46px -331px;}
.icons.icon-special-w{width: 22px; height: 22px;background-position:-67px -327px;}
.icons.icon-i-ask{width: 20px; height: 21px;background-position:-247px -132px;}
.icons.icon-s-dl{margin-right: 3px;width: 16px; height: 13px;background-position:-285px -332px;vertical-align: -1px;}
.icons.icon-l-dl{margin-right: 8px;width: 21px; height: 17px;background-position:-46px -308px;vertical-align: middle;}
.icons.icon-kz-1{width: 25px; height: 23px;background-position:-38px -278px;}
.icons.icon-kz-2{width: 25px; height: 23px;background-position:-233px -157px;}
.icons.icon-kz-3{width: 23px; height: 23px;background-position:-315px -62px;}
.icons.icon-kz-4{width: 24px; height: 23px;background-position:-125px -278px;}
.icons.icon-kz-5{width: 21px; height: 25px;background-position:-315px -116px;}
.icons.icon-kz-6{width: 24px; height: 25px;background-position:-281px -192px;}
.icons.icon-kz-7{width: 23px; height: 23px;background-position:-315px -89px;}
.icons.icon-kz-8{width: 25px; height: 23px;background-position:-67px -278px;}
.icons.icon-kz-9{width: 25px; height: 23px;background-position:-96px -278px;}
.icons.icon-down{width: 22px; height: 12px;background-position:-200px -308px;}
.icons.icon-down.icon-o{background-position:-252px -308px;}
.icons.icon-l-down{width: 22px; height: 12px;background-position:-278px -308px;}
.icons.icon-l-down.icon-o{background-position:-226px -308px;}
.icons.icon-l-up{width: 22px; height: 13px;background-position:-174px -308px;}
.icons.icon-l-up.icon-o{background-position:-96px -308px;}
.icons.icon-up{width: 22px; height: 13px;background-position:-148px -308px;}
.icons.icon-up.icon-o{background-position:-122px -308px;}
.icons.icon-search-w{width: 22px; height: 22px;background-position:-315px -172px;vertical-align: middle;}
.icons.icon-gong{width: 30px; height: 30px;background-position:-281px -2px;}
.icons.icon-real-i{width: 30px; height: 30px;background-position:-281px -36px;}
.icons.icon-cn{width: 31px; height: 30px;background-position:-179px -244px;}
.icons.icon-bank{width: 32px; height: 32px;background-position:-433px -57px;}
.icons.icon-ticket{width: 31px; height: 30px;background-position:-144px -244px;}
.icons.icon-zt-1{width: 61px; height: 61px;background-position:-2px -2px;}
.icons.icon-zt-2{width: 62px; height: 55px;background-position:-67px -2px;}
.icons.icon-zt-3{width: 64px;height: 58px;background-position: -71px -64px;}
.icons.icon-zt-4{width: 51px; height: 55px;background-position:-192px -39px;}
.icons.icon-zt-5{width: 53px; height: 55px;background-position:-120px -126px;}
.icons.icon-zt-6{width: 52px; height: 57px;background-position: -138px -64px;}
.icons.icon-zt-7{width: 40px; height: 55px;background-position:-50px -185px;}
.icons.icon-zt-8{width: 63px; height: 56px;background-position: -421px -182px;}
.icons.icon-zt-9{width: 55px; height: 56px;background-position:-133px -2px;}
.icons.icon-zt-10{width: 65px;height: 59px;background-position: -6px -64px;}
.icons.icon-zt-11{width: 44px; height: 55px;background-position:-2px -185px;}
.icons.icon-zt-12{width: 52px; height: 57px;background-position: -189px -97px;}
.icons.icon-zt-13{width: 55px; height: 55px;background-position:-61px -126px;}
.icons.icon-zt-14{width: 76px; height: 53px;background-position: -414px -113px;}
.icons.icon-apple{width: 18px; height: 23px;background-position:-386px -314px;}
.icons.icon-android{width: 20px; height: 21px;background-position:-386px -289px;}
.icons.icon-not-live{width: 15px; height: 15px;background-position:-386px -105px;}
.icons.icon-not-live.white{visibility: hidden;opacity: 0;background-position:-386px -86px;}
.icons.icon-htime{width: 20px; height: 18px;background-position:-363px -146px;}
.icons.icon-otime{visibility: hidden;opacity: 0; width: 15px; height: 15px;background-position:-386px -124px;}
.course-live li:hover .icon-htime{background-position:-363px -124px;}
.course-live li:hover .icon-otime{visibility: visible;opacity: 1; background-position:-386px -146px;}
.course-live li:hover .icon-not-live{background-position:-386px -86px;}
.course-rd .course-live li:hover .icon-not-live{visibility: visible;opacity: 1;background-position:-405px -86px;}
.icons.icon-del{margin-right: 3px; width: 12px; height: 13px;background-position:-386px -339px;vertical-align: -1px;}
.icons.icon-ask-thumbs{margin-right: 5px; width: 13px; height: 12px;background-position:-363px -246px;}
.thumbs:hover .icon-ask-thumbs,.icon-ask-thumbs.active{background-position:-363px -261px;}
.icons.icon-ask-gz{width: 19px; height: 15px;background-position:-363px -209px;}
.concern-text:hover .icon-ask-gz,.icon-ask-gz.active{background-position:-386px -209px;}
.icons.icon-ask-invite{width: 18px; height: 15px;background-position:-386px -227px;}
.invite-text:hover .icon-ask-invite{background-position:-363px -227px;}
.live-filter:hover .icon-live,.active .icon-live{background-position:-363px -86px;}
.live-filter:hover .icon-post,.active .icon-post{background-position: -386px -45px;}
.live-filter:hover .icon-practical,.active .icons.icon-practical{background-position:-363px -2px;}
.live-filter:hover .icon-invoice,.active .icons.icon-invoice{background-position:-428px -321px;}
.live-filter:hover .icon-tax,.active .icons.icon-tax{background-position:-363px -44px;}
.live-filter:hover .icon-special,.active .icon-special{background-position:-386px -25px;}
/*carousel-fade 淡入淡出*/
.carousel-fade .carousel-inner .item{transition-property:opacity;}.carousel-fade .carousel-inner .item,.carousel-fade .carousel-inner .active.left,.carousel-fade .carousel-inner .active.right{opacity:0;}.carousel-fade .carousel-inner .active,.carousel-fade .carousel-inner .next.left,.carousel-fade .carousel-inner .prev.right{opacity:1;}.carousel-fade .carousel-inner .next,.carousel-fade .carousel-inner .prev,.carousel-fade .carousel-inner .active.left,.carousel-fade .carousel-inner .active.right{left:0;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}.carousel-fade .carousel-control{z-index:2;}
.tab-nav{padding-left: 35px;padding-top: 35px;}
.tab-nav a{padding-bottom: 20px;margin-right: 50px; display: inline-block;font-size: 16px;color: #666;text-decoration: none;border-bottom: 2px solid transparent;}
.tab-nav a:hover,.tab-nav .active a{color: #333;font-weight: bold;border-bottom-color: #00b882;}
.wrap a{color: #333;}
.index-main .nav-header{height: 35px;line-height: 33px; background-color: #2c2c2c;color: #e5e5e5;font-size: 12px;}
.index-main .nav-header .parting-line{margin-left: 10px;margin-right: 10px;}
.index-main .nav-header ul li >a{color: #e5e5e5;}
.index-main .nav-header ul li >a.open-regist{display: block;padding-left: 35px;padding-right: 13px;line-height: 27px; color: #fff;background: #3f4f67 url(../image/179227_5dca9c7915cf6.gif) 4px center no-repeat;border-radius: 20px;}
.index-main .nav-header ul li >a .new{margin-top: -17px;}
.user-info-header .dropdown-menu{left: 50%;margin-left: -50px;margin-top: 1px; padding: 0; width: 100px;min-width: auto;text-align: center;}
.user-info-header .dropdown-menu:before{position: absolute;bottom: 100%;left: 50%;margin-left: -5px; content: "";width: 0;height: 0;border-left: 5px solid transparent;border-right: 5px solid transparent;border-bottom: 5px solid #fff;}
.user-info-header .dropdown-menu a{display: block;height: 35px;line-height: 35px;text-decoration: none;}
.user-info-header .dropdown-menu a:hover{color: #00B882;}
.user-info-header .dropdown-menu a .new{position: absolute;top: 14px;margin-left: 2px;}
.index-main .nav-header .app-box{width: 600px;margin-left: -300px; color: #000;box-shadow: 0 2px 3px 0 rgba(0, 0, 0, .2);border-radius: 0 0 14px 14px;}
.index-main .nav-header .app-box h5{margin-top: 20px;margin-bottom: 20px;font-size: 16px;}
.index-main .nav-header .app-box .row{padding-left: 35px;}
.index-main .nav-header .app-box .row .col-xs-3{padding-left: 5px;padding-right: 5px;}
.index-main .nav-header .app-box .row .col-xs-3 .code{padding: 5px;width: 120px;height: 120px; box-shadow: 0 2px 3px 0 rgba(32, 3, 3, .15);}
.index-main .nav-header .app-box .midd{width: 130px;}
.index-main .nav-header .app-box .last{margin-left: -15px;}
.index-main .nav-header .app-box a{display: block; margin-top: 12px;height: 40px;line-height: 40px; background-color: #269bff;color: #fff;border-radius: 3px;text-decoration: none;}
.index-main .nav-header .app-box a.apple{background-color: #26c38c;}
.index-main .nav-header .app-box a i{margin-right: 7px;vertical-align: text-bottom;}
.index-main .nav-header .app-box a:hover{color: #fff;}
.index-main .nav-header .s-menu,.navbar-default .s-menu{z-index: 18; left: 0;top: 100%;margin-top: 2px; box-shadow: 0px 2px 1px 0px rgba(0, 0, 0, .1);}
.index-main .nav-main .navbar-logo{margin-top: 15px;margin-right: 20px;}
.index-main .nav-main .navbar-search{margin-top: 15px;margin-right: 0;margin-left: 0;}
.index-main .nav-main .navbar-search .search-hot a,.index-main .nav-main .navbar-search button[type=submit]{color: #aaa; background-color: #f5f5f5;}
.index-main .nav-index-top .white-bg-bord{padding-top: 20px;padding-left: 25px;}
.index-main .nav-index-top dl{margin-right: 3%; vertical-align: top;}
.index-main .nav-index-top dl dt{float: left; padding-top: 3px;width: 47px;height: 40px;text-align: center;border-radius: 6px;color: #fff;
filter: progid:DXImageTransform.Microsoft.Gradient(gradientType=1,startColorStr=#6ed1ea,endColorStr=#54b5ff);
background:-webkit-linear-gradient(0deg, #6ed1ea, #54b5ff);
background:-moz-linear-gradient(0deg, #6ed1ea, #54b5ff);
background:-o-linear-gradient(0deg, #6ed1ea, #54b5ff);
background:linear-gradient(0deg, #6ed1ea, #54b5ff);
}
.index-main .nav-index-top dl dt b{margin-top: -4px; display: block;}
.index-main .nav-index-top dl dt b.summary{margin-top: -8px;}
.index-main .nav-index-top dl dd{margin-left: 60px;}
.index-main .nav-index-top dl dd a{display: inline-block;width: 57px;text-align: center;text-decoration: none;white-space: nowrap;}
.index-main .nav-index-top dl dd a:hover{color: #00B882;}
.index-main .header-banner .carousel{z-index: 10;}
.index-main .header-banner .carousel-indicators li{width: 8px;height: 8px;border-radius: 20px;background-color: rgba(255,255,255,.5);border:none;}
.index-main .header-banner .carousel-indicators li.active{margin-bottom: 1px;height: 16px;background-color: #fff;}
.index-main .header-banner .carousel-inner .banner{height: 402px;background-position: center center;}
.index-main .header-banner .carousel-control{top: 326px;left: 50%; z-index: 16; width: 26px;height: 26px;margin-left: 340px;line-height: 26px;background-color: rgba(0,0,0,.5);border-radius: 50%;opacity: 0;color: #fff;transform: rotate(720deg) scale(0);}
.index-main .header-banner .carousel-control.right{top: 359px;}
.index-main .header-banner .carousel:hover .carousel-control{opacity: 1;transform: rotate(0deg) scale(1);}
.index-main .header-banner .carousel-control .upg-icons{transform: scale(.8);}
.index-main .index-handson .carousel-control{top: 50%;margin-top: -4px; width: 26px;height: 36px;line-height: 36px;background-color: rgba(0,0,0,.5);}
.index-main .header-banner .course-container{position: absolute;top: 0;left: 0;width: 100%; height: 402px;}
.index-main .header-banner .course-classfiy,.header-banner .course-live{position: absolute;top: 0;}
.index-main .header-banner .course-classfiy{z-index: 17;left: 0; width: 224px;height: 402px;background-color: rgba(51, 51, 51, 0.75);background-color: #333\9;filter:alpha(opacity=75); color: #fff;}
.index-main .header-banner .course-classfiy ul >li{padding-left: 15px;padding-right: 15px;height: 67px;line-height: 66px;}
.index-main .header-banner .course-classfiy ul >li:after{content: "";position: absolute;left: 15px;right: 15px; height: 1px;background-color: rgba(255,255,255,.2);}
.index-main .header-banner .course-classfiy ul >li:last-child:before{display: none;}
.index-main .header-banner .course-classfiy ul >li > a{margin-right: 10px; font-size: 16px;color: #fff;}
.index-main .header-banner .course-classfiy ul >li > a.last{margin-right: 0;}
.index-main .header-banner .course-classfiy ul >li > .course-hot{font-size: 12px;color: #ddd;}
.index-main .header-banner .course-classfiy ul >li:hover{background-color: #fff;box-shadow: 0 2px 0 0 rgba(0, 0, 0, .1);}
.index-main .header-banner .course-classfiy ul >li:hover > a{color: #333;}
.public-menu .s-menu{display: none;position: absolute;left: 100%;top: 0;padding-left: 25px;padding-right: 25px; width: 948px;min-height: 402px;box-shadow: 0 2px 0 0 rgba(0, 0, 0, .1);background-color: #fff;}
.public-menu .active .s-menu{display: block;}
.public-menu .all-course .s-menu{display: block;height: 0;min-height: 0;overflow: hidden;-webkit-transition: height .2s cubic-bezier(0,0,.2,1) 0ms;transition: height .2s cubic-bezier(0,0,.2,1) 0ms;}
.public-menu .all-course.active .s-menu{padding-bottom: 20px; height: 518px;overflow-y: auto;}
.public-menu .s-menu dl{margin-bottom: 0;}
.public-menu .s-menu dl dt{line-height: 50px; color: #000;font-size: 16px;}
.public-menu .s-menu dl dd a{display: inline-block;margin-top: 10px;margin-right: 10px;width: 120px; line-height: 40px;background-color: #F7F7F7;border-radius: 6px;color: #666;text-align: center;font-size: 14px;}
.public-menu .s-menu dl dd a:hover{color: #00B882;background-color: #EEF4F2;text-decoration: none;}
.index-main .header-banner .course-classfiy .c-rd{display: inline-block;margin-right: 8px; width: 18px;height: 16px;background-image: url(../image/course_rd.png);}
.index-main .header-banner .course-classfiy .s-menu{width: 450px;}
.header-banner .course-live{z-index: 16;right: 0;top: 15px; width: 230px;height: 370px;background: url(../image/icon-banner-bg.png) no-repeat top center;background-color: #fff;border-radius: 8px;}
.header-banner .course-live .course-live-nav{margin-top: 15px;margin-bottom: 40px;}
.header-banner .course-live .course-live-nav a{margin-left: 5px;margin-right: 5px;color: #fff;font-size: 16px;text-decoration: none;border-bottom: 1px solid transparent;}
.header-banner .course-live .course-live-nav .active a{padding-bottom: 6px; border-bottom-color: #fff;color: #fff;}
.header-banner .course-live .course-live-nav .dropdown-menu {min-width: 100px;}
.header-banner .course-live .course-live-nav .dropdown-menu a{display: block;height: 35px;line-height: 35px; color: #333;text-align: center;}
.header-banner .course-live .course-live-nav .dropdown-menu a:hover{color: #00B882}
.course-live .tab-pane a{text-decoration: none;}
.course-live .tab-pane dl{margin-bottom: 0;padding-bottom: 10px;}
.course-live .tab-pane dl dt{padding-left: 14px;padding-top: 4px;width: auto; background-color: #fff;}
.course-live .tab-pane dl dd{position: relative; margin-left: 37px;}
.course-live .tab-pane dl dd span{position: absolute;top: 1px; right: 10px;width: 58px;height: 20px;line-height: 18px; border-radius: 10px;border: solid 1px #ff7d5a;color: #ff7d5a;text-align: center;}
.course-live .tab-pane dl dd span.ing{border-color: #00B882;color: #00B882;}
.course-live .tab-pane .course-content{height: 238px;overflow: hidden;}
.course-live .tab-pane ul{position: relative;}
.course-live .tab-pane ul:before{z-index: -1; content: ""; position: absolute;left: 21px;top: -21px; width: 1px;height: 285px;background-color: #eaeaea;}
.course-live .tab-pane ul li.active a,.course-live .tab-pane ul li:hover a {color: #00B882;}
.course-live .course-live-carousel{position: absolute;bottom: 18px;width: 100%;text-align: center;}
.course-live .course-live-carousel i{margin-left: 30px;margin-right: 30px;cursor: pointer;}
.index-main .index-practice .white-bg-bord{padding: 30px 20px;}
.index-main .index-practice a{text-decoration: none;}
.index-main .index-practice dl{width: 189px;}
.index-main .index-practice dl.last{margin-bottom: 0;}
.index-main .index-practice dl dt{float: left; padding-top: 4px;overflow: visible;}
.index-main .index-practice dl dd{margin-left: 46px;}
.index-main .index-practice dl dd p{margin-bottom: 0; font-size: 16px;}
.index-main .index-practice dl:hover dd p{color: #00B882;font-weight: bold;}
.index-main .index-practice dl:hover .icons,.page-upgrade .top-box .circ-icos:hover .upg-icons{-webkit-animation-name: tada;-moz-animation-name: tada;-ms-animation-name: tada;-o-animation-name: tada;animation-name: tada;}
.index-main .section h2{margin-top: 0;margin-bottom: 0; padding-right: 50px;background-color: #fff; font-size: 28px;}
.index-main .section.gainsboro-bg h2{background-color: #f9f9f9;}
.index-main .section .section-title{margin-top: 30px;margin-bottom: 30px;}
.index-main .section .section-side{line-height: 28px;border-bottom:1px solid #e7f0ed;font-size: 12px;}
.index-main .section .section-side p{margin-bottom: 0;}
.index-main .section .section-side ul li a{padding-bottom: 6px;text-decoration: none;border-bottom: 1px solid transparent;}
.index-main .section .section-side ul .active a{border-bottom-color: #00B882;}
.index-main .course-topics-items .item{margin-right: 20px;margin-bottom: 20px; width: 154px;height: 175px;color: #fff;vertical-align: middle;text-align: center;font-size: 16px;text-decoration: none;overflow: hidden;}
.index-main .course-topics-items .item-1{background-color: #f6ce00;}
.index-main .course-topics-items .item-2{background-color: #4caafc;}
.index-main .course-topics-items .item-3{background-color: #e994dc;}
.index-main .course-topics-items .item-4{background-color: #54cea9;}
.index-main .course-topics-items .item-5{background-color: #9985cc;}
.index-main .course-topics-items .item-6{background-color: #e3b47b;}
.index-main .course-topics-items .item-7{background-color: #848d99;}
.index-main .course-topics-items .item-8{background-color: #e6815c;}
.index-main .course-topics-items .item-9{background-color: #8dd58b;}
.index-main .course-topics-items .item-10{background-color: #68b9ff;}
.index-main .course-topics-items .item-11{background-color: #de83d1;}
.index-main .course-topics-items .item.last{margin-right: 0;}
.index-main .course-topics-items .item .icons{margin-top: 40px;margin-bottom: 20px;}
.index-main .course-topics-items .item .into{visibility: hidden;opacity: 0; position: absolute;left: 0;top: 0;width: 100%;height: 100%;line-height: 180px;background-color: rgba(0, 0, 0, .55);}
.light{position:absolute;left:-127%;top:0;width:100%;height:100%;background-image:-webkit-linear-gradient(0deg,hsla(0,0%,100%,0),hsla(0,0%,100%,.5),hsla(0,0%,100%,0));transform:skewx(-25deg);-o-transform:skewx(-25deg);-moz-transform:skewx(-25deg);-webkit-transform:skewx(-25deg);transition-timing-function: ease;-webkit-transition-timing-function: ease;}
.item:hover .light{left: 127%;}
.index-main .course-topics-items .item:hover .into{visibility: visible;opacity: 1;}
.index-main .course-topics-items .item .into .btn-into{display: inline-block;padding: 5px 8px;line-height: normal; border-radius: 5px;border: solid 1px #fff;}
.index-main .section-row .section-l{width: 224px;}
.index-main .section-row .section-l .ad-box span{position: absolute;top: 20px;left: 0;width: 100%; font-size: 16px;text-align: center;}
.index-main .section-row .section-l .ad-box .date{top:61px;padding-left: 22px; font-size: 18px;color: #fff;letter-spacing: 20px;}
.index-main .section-row .section-l .ad-box .date.unannounced{padding-left: 14px;letter-spacing: 14px;}
.index-main .section-row .section-r{width: 956px;}
.index-main .section-row .course-item{margin-top: 0;margin-bottom: 25px;}
.index-main .recommend h5{padding-bottom: 10px; font-size: 16px;border-bottom: 1px solid #e7f0ed;}
.index-main .recommend h5 span{padding-bottom: 7px;border-bottom: 2px solid #00b882;}
.index-main .recommend .text-ellipsis{position: relative; display: block;padding-right: 40px;height: 36px;line-height: 36px;}
.index-main .recommend .text-ellipsis span{position: absolute;right: 0;}
.index-main .practice{padding-top: 30px;padding-bottom: 8px; background-color: #fff;text-align: center;}
.index-main .practice a{width: 70px;height: 80px; font-size: 12px;}
.index-main .ask-items .item{position: relative; width: 285px;height: 240px;margin-right: 20px;margin-bottom: 25px; border-radius: 3px;border: 1px solid #eee;font-size: 12px;vertical-align: middle;}
.index-main .ask-items .item:hover{box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.15);}
.index-main .ask-items .item.last{margin-right: 0;}
.index-main .ask-items .item .hot-topics{display: inherit; width: 73px;height: 20px;line-height: 20px; background-color: #45ce99;color: #fff; border-radius: 10px;text-align: center;}
.index-main .ask-items .item .icons{margin-right: 10px; line-height: 19px;font-style: normal;text-align: center;color: #fff;}
.index-main .ask-items .item a{margin-bottom: 20px; display: block;}
.index-main .ask-items .item a.topics{padding-right: 60px;}
.index-main .ask-items .item a.topics img{position: absolute;top: -9px; right: 0; width: 50px;height: 50px;}
.index-main .ask-items .item .view{position: absolute;bottom: 15px;left: 50%;margin-left: -60px; width: 120px;height: 25px;line-height: 25px; background-color: #f9f9f9;color: #888;border-radius: 12px;text-align: center;}
.index-main .teachar-items{padding-top: 30px;}
.index-main .teachar-items .item{margin-left: 0;margin-right: 20px; background-color: #fff;}
.index-main .section-desc{padding-top: 80px;padding-bottom: 80px;}
.index-main .section-desc .inline-block{float: left; width: 20%;}
.index-main .section-desc .inline-block .number{display: inline-block; width: 185px;height: 158px;line-height: 170px; background-image: url(../image/number_bg.png);font-style: normal;font-size: 65px;letter-spacing: 6px;color: #52b4ff;text-shadow:3px 0 5px rgba(0,0,0,.2);}
.index-main .section-desc .inline-block h4{margin-top: 45px;}
.index-main .section-desc .inline-block p{font-size: 12px;color: #666;}
.index-main .svip-items .item{padding: 30px;margin-right: 60px; width: 360px;height: 633px;background-color: #fff;overflow: hidden;}
.index-main .svip-items .item.last{margin-right: 0;}
.index-main .svip-items .item h3{margin-top: 10px;}
.index-main .svip-items .item a{display: inline-block;width: 100px;height: 35px;line-height: 35px; border-radius: 3px;border: solid 1px #fe4747;color: #fe4747;text-decoration: none;}
.index-main .svip-items .item a:hover{color: #fff;background-color: #fe4747;box-shadow: 0px 2px 2px 0px rgba(254, 71, 71, 0.2);}
.index-main .svip-items .item ul li{height: 33px;line-height: 33px;}
.index-main .svip-items .item ul li .icon-ok{margin-right: 0;}
.index-main .svip-items .item .choose{position: absolute;right: 30px; width: 18px;line-height: normal;}
.index-main .svip-items .item >.more{position: absolute;bottom: 0;left: 0;width: 100%;height: 40px;line-height: 40px;cursor: pointer;background-color: #fff;}
/*弹出层*/
.dialog-box{z-index: 10001; position: fixed;left: 50%;top: 50%;
-webkit-transform: translate(-50%,-50%);
-ms-transform: translate(-50%,-50%);
-o-transform: translate(-50%,-50%);
transform: translate(-50%,-50%);
}
.dialog-box>div{border-radius: 6px;}
.dialog-box .pop-close{position: absolute;bottom: 100%;right: 0;color: #fff;background:none;border: none;font-size: 30px;outline: none;}
.dialog-box .pop-close:hover{opacity: .7;}
.dialog-header{padding: 15px 20px;background-color: #efefef;border-radius: 6px 6px 0 0;}
.dialog-body{padding: 25px 30px;}
.dialog-body .dialog-btn a{display: inline-block;margin-left: 15px;margin-right: 15px;padding-left: 15px;padding-right: 15px; min-width: 85px;height: 35px;line-height: 35px; border-radius: 3px;border: solid 1px #d5d5d5;color: #888;text-decoration: none;}
.dialog-body .dialog-btn .do-up-svip{background-color: #ff6f4d;border-color: #ff6f4d;color: #fff;}
.dialog-to-desktop .logo{display: inline-block;width: 180px;height: 65px;background: url(../image/logo_i.png) no-repeat center center;box-shadow: 0 1px 4px 0 rgba(0, 0, 0, .2);border-radius: 8px;}
.pop-image-dialog .pop-image-view{position: absolute;bottom: 0;left: 0;width: 100%; line-height: 30px; background-color: rgba(0,0,0,.7);color: #fff;text-align: center;}
.update-browser-dialog .dialog-box{top: 30%\9; width: 800px;margin-left: -400px\9;}
.update-browser-dialog h4{line-height: 28px;font-size: 16px;}
.update-browser-dialog a{margin-left: 50px;margin-right: 50px; display: inline-block;width: 120px;}
.update-browser-dialog img{margin-bottom: 20px; display: block;}
.up-svip-dialog .dialog-body a{color: #333;text-decoration: none;}
.up-svip-dialog .dialog-body .box{padding: 15px; background-color: #faf8f5;border-radius: 8px;border: solid 1px #f3f0ea;}
.up-svip-dialog .dialog-body .box h4{margin-top: 0;}
.up-svip-dialog .dialog-body .box h4 img{margin-right: 10px; vertical-align: sub;}
.up-svip-price{position: relative; display: inline-block;padding-left: 20px;padding-right: 20px;margin-left: 15px; line-height: 32px;background-color: #ff5331;border-radius: 20px;color: #fff;font-size: 20px;vertical-align: middle;}
.up-svip-price:before{content: "";position: absolute;left: -5px;top: 50%;margin-top: -8px; width: 0;height: 0;border-top: 8px solid transparent;border-right: 8px solid #ff5331;border-bottom: 8px solid transparent;}
/*意见反馈*/
.feedback-dialog .dialog-box{min-width: 700px;}
.feedback-dialog .dialog-body textarea{height: 169px;resize: none;}
.feedback-dialog .dialog-body .more span{color: #fe532b;}
.feedback-dialog .feedback-img ul li{position: relative; margin-right: 30px;}
.feedback-dialog .feedback-img ul li .close{position: absolute;right: -6px;top: -6px;font-size: 0;opacity: 1;}
.feedback-dialog .feedback-img ul li .close:hover{opacity: .7;}
.feedback-dialog .feedback-img ul li > img{width: 80px;height: 80px;}
.feedback-dialog .feedback-img .add-img{display: inline-block; width: 80px;height: 80px;line-height: 71px; border: 1px solid #ddd;border-radius: 10px;vertical-align: middle;text-align: center;font-size: 60px;color: #ddd;cursor: pointer;}
.feedback-dialog .feedback-footer{padding: 25px 30px;background-color: #efefef;border-radius: 0 0 6px 6px;}
.feedback-dialog .feedback-footer input{padding: 0 20px;margin-left: 14px;width: 450px;height: 32px; background-color: #fff;border: none;font-size: 12px;cursor: not-allowed;}
.feedback-dialog .feedback-footer .btn-post-save{width: 84px;height: 32px;background-color: #ff5353;border-radius: 3px;color: #fff;outline: none;}
/*侧边栏*/
.side-right{z-index: 17;position: fixed;left: 50%;margin-left: 632px;bottom: 90px;width: 65px;}
.side-right .side-right-icons{display: inline-block;background-image: url(../image/side_right.png);}
.side-right .icon-sidebar-k{width: 20px;height:20px;background-position: -39px -125px;}
.side-right li:hover .icon-sidebar-k{background-position: -39px -147px;}
.side-right .icon-sidebar-s{width: 25px;height:25px;background-position: -36px -98px;}
.side-right li:hover .icon-sidebar-s{background-position: -36px -71px;}
.side-right .icon-sidebar-c{width: 20px;height:18px;background-position: 0 -124px;}
.side-right li:hover .icon-sidebar-c{background-position: 0 -104px;}
.side-right .icon-sidebar-m{width: 17px; height: 20px;background-position:0 -166px;}
.side-right li:hover .icon-sidebar-m{background-position:0 -144px;}
.side-right .icon-sidebar-w{width: 25px; height: 20px;background-position:0 -84px;}
.side-right li:hover .icon-sidebar-w{background-position:0 -64px;}
.side-right .icon-up{width: 24px; height: 17px;background-position:-37px -168px;}
.side-right li:hover .icon-up{background-position:-37px -188px;}
.side-right ul{margin-bottom: 0;}
.side-right ul li{position: relative;}
.side-right ul li a >.side-right-icons{display: block;margin: 0 auto 5px;line-height: normal;}
.side-right ul li a >.side-right-icons.icon-sidebar-mon{position: absolute;bottom:100%;left: 4px;margin-bottom: 0; width: 72px;height:62px;background-position: 0 0;}
.side-right ul li.side-kf{margin-bottom: 8px;}
.side-right ul li.go-top{display: none;}
.side-right ul li:not(.gift) a{display: block;padding-top: 10px; width: 100%; height: 60px;border-radius: 4px;border: solid 1px #ececec;line-height: normal; color: #888;text-decoration: none;font-size: 12px;background-color: #fff;}
.side-right .popover{display: block;visibility: hidden;opacity: 0;top: auto; bottom: 0; left: -160px;margin-left: 0;}
.side-right .popover.miniprogram{top: 50%;bottom: auto;margin-top: -180px;}
.side-right .popover.wechat>.arrow{top: auto;bottom: 22px;margin-top: 0;}
.side-right .popover .content{padding: 8px;}
.side-right .popover img{width: 125px;height: 125px;}
.side-right ul li:hover a,.side-right ul li.side-kf a{background-color: #00B882;border-color: #00B882;color: #fff;text-decoration: none;}
.side-right ul li:hover a,.side-right ul li:hover .popover{visibility: visible;opacity: 1;}
.side-right .to-desktop{position: absolute;top: -92px;left: -12px;/*-webkit-animation:zoom .8s infinite ease-in-out;animation:zoom .8s infinite ease-in-out;*/}
.side-right .gift .new-gifts{margin: 5px auto;padding-top: 20px;padding-bottom: 5px; width: 50px; background: url(../image/179227_5dcb96277b4d8.png) no-repeat;background-size: 100% 100%; font-size: 12px;color: #fff;-webkit-animation:zoomFadeIn 8s linear infinite;animation:zoomFadeIn 8s linear infinite;}
.side-right .gift .new-gifts span{display: block;}
/*课程推荐*/
.course-rd{position: fixed;bottom: 10%;left: 50%;z-index: 1000;margin-left: -815px; width: 210px;background-color: #fff;box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .05);}
.course-rd .today-live{height: 114px; background: url(../image/today_live.png) no-repeat;-webkit-animation: cloud 5s linear infinite;animation: cloud 5s linear infinite;overflow: hidden;}
.course-rd .today-live-fill{width: 100%;position: absolute;top: 0;left: 0; height: 114px; background: url(../image/today_live.png) no-repeat;-webkit-animation: cloud-l 5s linear infinite;animation: cloud-l 5s linear infinite;}
.course-rd .live-text{position: absolute;top: 40px;left: 50%;margin-left: -74px;}
.course-rd .close{position: absolute;right: 0;top: 0;z-index: 5; padding-right: 5px; font-size: 26px;font-weight: normal;outline: none;color: #b1e8d8;opacity: 1;text-shadow: none;}
.course-rd .content{height: 340px;}
.course-rd .course-live a{color: #555;}
.course-rd .course-live .tab-pane .course-content{height: 295px;}
.course-rd .course-live .tab-pane dl{padding-top: 10px;padding-bottom: 0; margin-bottom: 0;}
.course-rd .course-live .tab-pane dl dt{padding-left: 5px;background:none;}
.course-rd .course-live .tab-pane dl dt .teachar-head{display: block; width: 34px;height: 34px;border-radius: 50%;overflow: hidden;}
.course-rd .course-live .tab-pane dl dt .teachar-head:before{display: none; content: ""; position: absolute;width: 100%;height: 100%;background-color: rgba(0, 0, 0, .4)}
.course-rd .course-live .tab-pane dl:hover .teachar-head:before,.course-rd .course-live .tab-pane .active .teachar-head:before{display: block}
.course-rd .course-live .tab-pane dl dt .teachar-head img{width: 100%;height: 100%;background-color: #dbdbdb;}
.course-rd .course-live .tab-pane dl dt .teachar-head .t-status{position: absolute;left: 10px;top: 9px;}
.course-rd .course-live .tab-pane dl dd{margin-left: 46px;}
.course-rd .course-live .tab-pane dl dd span{top: -1px; right: 7px;width: 50px;border-radius: 3px;border-color: #ff7d5a;color: #ff7d5a;}
.course-rd .course-live .tab-pane dl dd span.ing{border-color: #00b882;color: #00b882;}
.course-rd .course-live .tab-pane .history dl dd span{border-color: #aaa;color: #666;}
.course-rd .course-live .tab-pane dl dd p{font-size: 12px;}
.course-rd .course-live .tab-pane ul li:hover a {color: inherit;}
/*任务*/
.side-task{z-index: 20; position: fixed;top: 150px;left: 50%;margin-left: 615px;}
.sign-box .sign-header{left: 10px; margin-bottom: -2px;}
.sign-box .sign-close{position: absolute;right: -5px;top: -25px;}
.sign-box .sign-bar{height: 8px;background-image: url(../image/sign_bar.png);}
.sign-box .sign-text{padding-left: 3px;padding-right: 3px;}
.sign-box .sign-text .white-bg{padding-top: 10px;padding-bottom: 1px;color: #000000;text-shadow: 0 4px 5px rgba(0,0,0,.2);}
.sign-box .sign-text .white-bg.school{padding-top: 0;}
.sign-box .sign-text .white-bg .icon-ask-qq{margin-top: 0;margin-right: 6px;vertical-align: middle;}
.sign-box .sign-text .white-bg b{font-size: 18px;color: #5f7aef;}
.sign-box .sign-text .white-bg a{display: block;line-height: 40px; font-size: 12px;color: #666;text-decoration: none; text-shadow: none;border-bottom: 1px solid #d7e1ea;}
.sign-box .sign-text .white-bg a:last-child{border-bottom: none;}
.sign-box .sign-btn{margin-bottom: 10px; width: 54px;height: 25px;background-color: #5f7aef;color: #fff;border-radius: 3px; border: none;outline: none;box-shadow: 0 -3px 3px #4560d7 inset;}
.sign-box .sign-btn:active{box-shadow: none;}
.sign-body{opacity: 0;visibility: hidden; position: absolute;top: 0;right: 105px;padding-left: 30px;padding-right: 30px; width: 253px;height: 346px;box-shadow: 0 3px 7px 0 rgba(0, 0, 0, .35);border-radius: 14px;}
.sign-body h4{margin-top: 30px;margin-bottom: 20px;}
.sign-body .sign-shadow{position: absolute;width: 195px; height: 240px; box-shadow:0 0 20px #ebebeb;}
.sign-body .sign-shadow:before{content: ""; position: absolute;left: -10px; width: 220px; height: 240px; background-color: #fff;}
.sign-body ul{padding: 15px 5px;margin-bottom: 0;}
.sign-body ul li{height: 30px;line-height: 30px;}
.sign-body ul li i{display: inline-block;width: 12px; margin-left: 22px;font-style: normal;}
.sign-body ul .today{background-image: linear-gradient(-90deg, #ffffff 0%, #f1f1f1 52%, #ffffff 100%), linear-gradient(#ffffff, #ffffff);background-blend-mode: normal, normal;}
.sign-body ul .today i{color: #888;}
.side-task:hover .sign-body{opacity: 1;visibility: visible;}
.affix-main{padding-top: 27px;padding-bottom: 27px;}
.affix-main .affix-scrollspy,.affix-main .affix-content{background-color: #fff;}
.affix-main .affix-scrollspy ul li>a{position: relative;display: block;height: 46px;line-height: 46px;color: #666;text-align: center;text-decoration: none;}
.affix-main .affix-scrollspy ul li.active>a,.affix-main .affix-scrollspy ul li:hover>a{color: #00b882;}
/*播放中icon*/
.course-live-ing{display: inline-block; width: 20px;height: 15px;vertical-align: sub;}
.course-live-ing.green{vertical-align: inherit;}
.course-live-ing i{position: absolute;bottom:0;left: 0; width: 2px;height: 100%;background-color: #fff;-webkit-animation: liveIng linear .3s infinite;animation: liveIng linear .3s infinite;}
.course-live-ing.green i{background-color: #00b882;}
.course-live-ing i:nth-of-type(2){left: 6px;height: 12px;-webkit-animation-delay: .2s;animation-delay: .2s;}
.course-live-ing i:nth-of-type(3){left: 12px;height: 9px;-webkit-animation-delay: .1s;animation-delay: .1s;}
.course-live-ing.norunning i{-webkit-animation: none;animation: none;}
.wrap ol,.wrap ul{margin-bottom: 0;}
.wrap .dl-horizontal dt{width: auto;}
.wrap .dl-horizontal dd{margin-left: 0;}
.wrap .carousel-control.left,.wrap .carousel-control.right{background-image: none;filter: none;}
/*提示层*/
.alert-tip{padding: 20px 35px; background-color: #FFE0E0;border: 1px solid #eee;}
.alert-tip dl{margin-bottom: 0;}
.alert-tip .dl-horizontal dd{margin-left: 30px;line-height: 22px;}
/*分页组件*/
.pagination-df{margin-top: 30px;margin-bottom: 30px;}
.pagination-df li a,.pagination-jq a{color: #666;text-decoration: none;}
.pagination-df .p-item a,.pagination-jq a,.pagination-jq span{display: inline-block;width: 32px;height: 32px;line-height: 32px;text-align: center;border-radius: 50%;}
.pagination-df .disabled a{color: #bbb;cursor: not-allowed;}
.pagination-df .active a,.pagination-df .p-item:hover a,.pagination-jq .active,.pagination-jq a:hover{color: #fff;background-color: #00b882;}
.pagination-jq a,.pagination-jq span{margin-left: 5px;margin-right: 5px;}
.pagination-jq .pagination-p{width: auto;height: auto;}
.pagination-jq .pagination-p:hover{background: none;color: #00b882;}
.wrap .container{width: 1200px;padding: 0;}
.adver-bottom{
position: fixed;
bottom: 0;
left: 0;
z-index: 9999;
width: 100%;
height: 120px;
background: url(../image/1920.png) no-repeat center;
}
.adver-bottom button{
position: absolute;left: 50%;top: 0;margin-left: 619px; color: #fff;background: none;outline: none;border: 0;font-size: 36px;
}
@media screen and (max-width: 1366px) {
.w-260{width: 230px;}
.w-300{width: 260px;}
.w-865{width: 730px;}
.w-905{width: 755px;}
.pd-20{padding: 15px;}
.wrap .container{width: 1000px;padding: 0;}
.pagination-df .p-item a,.pagination-jq a,.pagination-jq span{width: 26px;height: 26px;line-height: 26px;}
.course-rd{margin-left: -715px;}
.side-right{margin-left: 527px;}
.side-task{top: 93px;margin-left: 509px;}
.index-main .nav-main .navbar-logo{margin-right: 10px;}
.index-main .nav-index-top{margin-top: 10px;}
.index-main .nav-index-top .white-bg-bord{padding-top: 10px;padding-left: 10px;}
.index-main .nav-index-top dl{margin-bottom: 10px;}
.index-main .nav-index-top dl dd .parting-line{margin-left: 3px;margin-right: 3px;}
.index-main .nav-index-top dl dd a{width: 48px;font-size: 12px;}
.index-main .header-banner .carousel-inner .banner{height: 354px;background-size: cover;}
.index-main .header-banner .carousel-control{top: 285px; margin-left: 260px;}
.index-main .header-banner .carousel-control.right{top: 320px;}
.index-main .header-banner .course-container,.index-main .header-banner .course-classfiy{height: 354px;}
.index-main .header-banner .course-classfiy{width: 202px;}
.index-main .index-handson .carousel-control{margin-top: -12px;}
.header-banner .course-live{width: 210px; top: 6px; height: 340px;background-size: contain;}
.header-banner .course-live .course-live-nav a{font-size: 15px;}
.course-live .course-live-carousel{bottom: 10px;}
.course-live .tab-pane dl{padding-bottom: 5px;}
.course-live .tab-pane .course-content {height: 220px;}
.index-main .header-banner .course-classfiy ul >li{padding-left: 10px;padding-right: 10px; height: 59px;line-height: 59px;}
.index-main .header-banner .course-classfiy ul >li > a{font-size: 14px;}
.public-menu .s-menu{min-height: 354px;}
.index-main .index-practice .white-bg-bord{padding: 10px 0 10px 10px;}
.index-main .index-practice dl{width: 160px;}
.index-main .index-practice dl dt img{width: 30px;}
.index-main .index-practice dl dd{margin-left: 35px;}
.index-main .index-practice dl dd p{font-size: 14px;}
.index-main .course-topics-items .item{margin-right: 10px;margin-bottom: 10px;width: 134px;}
.index-main .section-row .section-l{width: 190px;}
.index-main .section-row .section-r{width: 800px;}
.index-main .section-row .section-l .ad-box span{top: 15px;}
.index-main .section-row .section-l .ad-box .date{padding-left: 18px;top: 49px;letter-spacing: 16px;}
.index-main .practice a{width: 60px;}
.index-main .recommend h5{margin-top: 0;}
.index-main .ask-items .item{margin-right: 10px;margin-bottom: 10px;width: 242px;}
.index-main .teachar-items .item{padding: 0 10px;margin-right: 10px;width: 192px;}
.index-main .svip-items .item{padding: 20px;margin-right: 20px;width: 320px;height: 625px;}
.wrap .ask-program-box-title p{font-size: 34px}
.adver-bottom{height: 87px;background: url(../image/1366.png) no-repeat center;}
.adver-bottom button{margin-left: 515px;}
}
/*面包屑导航*/
.wrap .breadcrumb{margin-bottom: 0;padding:30px 0 25px; background:none;}
.wrap .breadcrumb span{color: #666;}
.wrap .breadcrumb a{color: #666;text-decoration: none;}
.wrap .breadcrumb > li.pull-right:before{content: "";}
.wrap .breadcrumb > li + li::before {content: ">";}
.wrap .breadcrumb > .active,.zero-tip{color: #999;}
/*顶部导航*/
.wrap .navbar-default{margin-bottom: 0; height: 64px;background-color: #36393e;border-color: #36393e;color: #f5f5f5;}
.wrap .navbar-default .s-menu{top: 40px; left: 50%;margin-left: -475px;box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, .1);}
.wrap .navbar-default .logo{margin-top: 15px;margin-right: 20px; width: 127px;}
.wrap .navbar-nav,.wrap .navbar-nav>li,.wrap .navbar-header{float: left;margin: 0;}
.wrap .navbar-nav a{padding: 0;margin-left: 11px;margin-right: 11px; height: 64px;line-height: 64px; border-bottom: 3px solid transparent; font-size: 16px;text-align: center;}
.wrap .navbar-nav a .h-hot{position: absolute;top: 6px;right: -20px;}
.wrap .navbar-nav>li>a:focus, .wrap .navbar-nav>li>a:hover{background: none;}
.wrap .navbar-default .navbar-nav a{color: #f5f5f5;}
.wrap .navbar-nav .active a,.wrap .navbar-nav .active a:hover,.wrap .navbar-nav li:hover a,.wrap .navbar-default .navbar-nav a:focus,.wrap .navbar-nav .active a:focus{background: none;color: #00b882;border-bottom-color: #00b882;}
.wrap .navbar-nav .active a:hover,.wrap .navbar-nav li:hover a{border-bottom-color: transparent;}
.wrap .navbar-nav .dropdown .caret{border-top-color: #999;}
.wrap .navbar-nav .dropdown:hover .caret{border-top-color: #00b882;}
.wrap .navbar-nav .dropdown .dropdown-menu{z-index:1007; left: 50%;margin-left: -70px; min-width: 140px;}
.wrap .navbar-nav .dropdown .dropdown-menu:before{position: absolute;bottom: 100%;left: 50%;margin-left: -8px; content: "";width: 0;height: 0;border-left: 8px solid transparent;border-right: 8px solid transparent;border-bottom: 8px solid #fff;}
.wrap .navbar-nav .dropdown .dropdown-menu a{display: block;margin-left: 0;margin-right: 0;padding-left: 25px; height: 36px;line-height: 36px; text-align: left; font-size: 14px;border-bottom: none;color: #666;text-decoration: none;}
.wrap .navbar-nav .dropdown .dropdown-menu a:hover{color: #00b882;}
.wrap .navbar-default .container > .pull-right{margin-top: 16px;}
.wrap .navbar-search {margin-left: 20px;}
.wrap .navbar-search .search-hot{position: absolute;left: 8px;top: 7px;}
.wrap .navbar-search .search-hot a{display: inline-block;margin-right: 8px; width: 48px;height: 20px;line-height: 20px;text-align: center;background-color: #e6e6e6; color: #666;font-size: 12px;}
.wrap .navbar-search .txt-search{width: 260px; box-shadow: none;}
.wrap .navbar-search button[type=submit]{position: absolute;top: 2px;right: 2px; width: 59px;height: 30px;background-color: #e9e9e9;border: none; border-radius: 3px;outline: none;text-align: center;}
.wrap .navbar-search .navbar-search-tip{z-index: 18; position: absolute;top: 100%;left: 0;width: 100%;box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.2);background-color: #fff; border-radius: 3px;}
.wrap .navbar-search .navbar-search-tip .hot-search{padding: 15px 20px;}
.wrap .navbar-search .navbar-search-tip .hot-search dl{margin-bottom: 5px;}
.wrap .navbar-search .navbar-search-tip .hot-search dl:last-child{margin-bottom: 0;}
.wrap .navbar-search .navbar-search-tip .hot-search dl dt{margin-bottom: 5px; font-weight: normal;color: #aaa;}
.wrap .navbar-search .navbar-search-tip .hot-search a{float: left; width: 50%;}
.wrap .navbar-search .navbar-search-tip .history{min-height: 34px;color: #ddd;}
.wrap .navbar-search .navbar-search-tip .icon-red-lg{vertical-align: -3px;}
.wrap .navbar-search .navbar-search-tip .icon-ask-ms{vertical-align: middle;}
.wrap .navbar-search .navbar-search-tip p{margin-bottom: 0;}
.wrap .navbar-search .navbar-search-tip a{display: block;padding: 6px 10px;text-decoration: none;border: 1px dashed transparent;}
.wrap .navbar-search .navbar-search-tip a:hover{color: #00B882;}
.wrap .navbar-search .navbar-search-tip a:hover .key-word{color: #00B882;}
.wrap .navbar-search .navbar-search-tip .search-c a:hover{border-color: #00B882;}
.wrap .navbar-default .login-btn{margin-left: 5px; width: 100px;height: 30px;line-height: 30px; background-color: rgba(66,70,77,.5);background-color: #42464d\9;border-radius: 3px;text-align: center;}
.wrap .navbar-default .login-btn a{display: inline-block;width: 50px; color: #F5F5F5;}
.wrap .navbar-default .login-btn a.active{color: #fff;background-color: #ff6d50;border-radius: 0 3px 3px 0;}
.wrap .navbar-default .user-info-header{margin-left: 20px;}
.wrap .navbar-default .user-info img{margin-right: 30px;}
.wrap .navbar-default .user-info .dropdown{height: 45px;}
.wrap .navbar-default .user-info .dropdown-menu{margin-left: -65px;margin-top: -8px;}
.navbar-search .btn-learning{position: absolute;left: -90px;top: 2px;width: 85px;line-height: 30px;background: linear-gradient(-30deg, #15C994, #21C17F);border-radius: 15px;text-align: center;color: #fff;font-size: 15px;font-weight: bold;}
@media screen and (max-width: 1366px) {
.wrap .breadcrumb{padding-top: 15px;padding-bottom: 15px;}
.wrap .navbar-default .logo{margin-right: 10px;}
.wrap .navbar-nav a{margin-left: 5px;margin-right: 5px;}
.wrap .navbar-search {margin-left: 5px;}
.wrap .navbar-search .txt-search{width: 185px;}
.wrap .navbar-search button[type=submit]{width: 50px;}
.wrap .navbar-default .s-menu{margin-left: -557px;}
.wrap .navbar-search .navbar-search-tip .hot-search{padding: 10px;}
.navbar-search .btn-learning{left: -82px;top: 3px;width: 76px;line-height: 28px; font-size: 14px;}
}
/*直播首页*/
.live-main .left{width: 224px;font-size: 16px;}
.live-main .left .liveScrollspy{width: 224px;}
.live-main .left .liveScrollspy.affix{position: fixed !important; top: 66px; z-index: 100;}
.live-main .left .panel-group{position: relative;margin-bottom: 0;border: solid 1px #efefef;}
.live-main .left .panel-group.last{margin-top: 15px;}
.live-main .left .panel{margin-top: 0; border: none;border-radius: 0;border-bottom: solid 1px #efefef;}
.live-main .left .panel:last-child{border-bottom: none;}
.live-main .left .live-filter{display: block; padding-top: 15px;padding-bottom: 15px;padding-left: 20px;cursor: pointer;text-decoration: none;}
.live-main .left ul li{position: relative;}
.live-main .left ul li >a{position: relative; display: block;padding-left: 50px;padding-right: 20px; height: 46px;line-height: 46px; color: #666;border-top: 1px solid #F5F5F5;text-decoration: none;}
.live-main .left ul li >a:before{content: "";position: absolute;left: 0;top: 50%;margin-top: -13px; width: 2px;height: 26px;background-color: #00b882;opacity: 0;visibility: hidden;}
.live-main .left ul li >a i{margin-top: 13px; -webkit-transform: scale(.8);transform: scale(.8);opacity: .5;}
.live-main .left ul li:hover >a,.live-main .left ul li.active >a,.live-main .left ul li .s-menu dd a:hover{color: #00b882;}
.live-main .left ul li:hover >a:before,.live-main .left ul li.active >a:before{opacity: 1;visibility: visible;}
.live-main .left ul li .s-menu{display: none; position: absolute;z-index: 1006; top: 50%;left: 100%;-webkit-transform: translateY(-50%);transform: translateY(-50%); padding: 15px 30px; width: 408px; min-height: 126px;background-color: #fff;box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.2);border-radius: 3px;border: solid 1px #ececec;font-size: 12px;}
.live-main .left ul li:first-child .s-menu{top: -53px;-webkit-transform: translateY(0%);transform: translateY(0%);}
.live-main .left ul li .s-menu dt{padding-bottom: 15px; font-size: 14px;border-bottom: 1px solid #eee;}
.live-main .left ul li .s-menu dd a{display: inline-block;margin-top: 20px;margin-right: 20px;}
.live-main .left .panel-collapse ul li:before{display: none; content: "";position: absolute;z-index:1007;top: 1px; right: -1px;width: 3px;height: 45px;background-color: #fff;}
.live-main .left .panel-collapse ul li:hover{box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.1);}
.live-main .left .panel-collapse ul li.actived .s-menu,.live-main .left .panel-collapse ul li:hover:before{display: block;}
.live-main .zero-c{margin-top: 74px;}
.live-main .right{width: 956px;}
/*新版课程大厅*/
.live-main .left-classfiy{background-color: #fff;box-shadow: 0 1px 5px 0 rgba(88, 129, 115, .2);font-size: 14px;}
.live-main .left-classfiy h5{line-height: 40px; margin-top: 0;margin-bottom: 0;background-color: #eef4f2;font-size: 16px;}
.live-main .left-classfiy h5 a{color: #00b882;}
.live-main .left-classfiy ul li{padding: 13px 25px;border-bottom: 1px dashed #eef4f2;}
.live-main .left-classfiy ul li.actived{background-color: #eef4f2;}
.live-main .left-classfiy ul li.actived .s-menu{display: block;}
.live-main .left-classfiy ul li a{color: #666;text-decoration: none;}
.live-main .left-classfiy ul li a.active,.live-main .left-classfiy ul li a:hover{color: #00b882;}
.live-main .left-classfiy ul li .icons{margin-top: 0; -webkit-transform: scale(.7);transform: scale(.7);opacity: .8;}
.live-main .left-classfiy ul li .first-text{color: #000;font-weight: bold;}
.live-main .left-classfiy ul li .s-menu{padding: 20px;width: 462px;min-height: 84px; font-size: 14px;box-shadow: 0 1px 5px 0 rgba(88, 129, 115, .2);border-radius: 0;}
.live-main .left-classfiy ul li:first-child .s-menu{top: 0 !important;}
.live-main .left-classfiy ul li .s-menu .first-text{margin-left: 13px; font-size: 16px;}
.live-main .left-classfiy ul li .s-menu a{display: inline-block;padding-left: 12px;padding-right: 12px; line-height: 30px;border-radius: 6px;}
.live-main .left-classfiy ul li .s-menu a.active,.live-main .left-classfiy ul li .s-menu a:hover{background-color: #eef4f2;}
/*直播头部课程*/
.live-main .right .top-recommend > h4{margin-top: 0;margin-bottom: 30px;padding-top: 30px;}
.live-main .right .top-recommend .swiper-container{padding: 20px;}
.live-main .right .top-recommend .swiper-slide{display: inline-block;margin-right: 25px; width: 240px;height: 120px;box-shadow: 0 1px 5px 0 rgba(24, 18, 57, .15);}
.live-main .right .top-recommend .swiper-slide a{text-decoration: none;}
.live-main .right .top-recommend .swiper-slide dl dt{margin-right: 10px; font-weight: normal;text-align: center;}
.live-main .right .top-recommend .swiper-slide dl dt .img-circle{background-color: #dbdbdb;}
.live-main .right .top-recommend .swiper-slide dl dd .course-time{margin-bottom: 5px;font-size: 16px;}
.live-main .right .top-recommend .swiper-slide dl dd .course-title{margin-bottom: 5px;height: 40px;overflow: hidden;}
.live-toolbar{padding-right: 23px;height: 45px;line-height: 45px; background-color: #fff;font-size: 12px;}
.live-toolbar > a{display: inline-block;padding-right: 3px;padding-left: 10px;min-width: 100px;text-align: center;font-size: 16px;}
.live-toolbar .link{font-size: 14px;}
.live-toolbar .history{border: solid 1px #f5f5f5;border-top: none;border-bottom: none;}
.live-toolbar > .inline-block{width: 90px;text-align: center; vertical-align: top;}
.live-toolbar > .inline-block .dropdown-toggle{position: relative;z-index: 1005; text-decoration: none;}
.live-toolbar > .inline-block a{color: #666;}
.live-toolbar .dropdown-menu{top: 0 !important; padding: 48px 20px 20px;margin-top: 0; width: 100%;min-width: inherit; line-height: 30px;font-size: 12px;}
.live-toolbar .dropdown-menu a{display: inline-block; width: 70px;}
.live-toolbar .dropdown-menu a.active{color: #00b882;}
.live-toolbar .live-teacher{width: 410px;}
.live-toolbar .live-time{width: 350px;}
.live-toolbar .live-time a{margin-right: 30px; width: auto;}
.live-toolbar .live-time a.last{margin-right: 0;}
.live-toolbar .s-list i{bottom: -2px;display: inline-block; width: 17px;height: 1px;background-color: #666;}
.live-toolbar .s-list i:before,.live-toolbar .s-list i:after{content: ""; position: absolute;left: 0;top: -6px; width: 17px;height: 1px;background-color: #666;}
.live-toolbar .s-list i:before{top: -12px;}
.live-toolbar .s-list.default-color i,.live-toolbar .s-list.default-color i:before,.live-toolbar .s-list.default-color i:after{background-color: #00B882;}
.live-toolbar .s-list,.live-toolbar .s-grid{text-decoration: none;}
.live-toolbar .s-list span,.live-toolbar .s-grid span{margin-left: 7px;}
.live-toolbar .s-grid i{bottom: -3px;display: inline-block;margin-left: 1px;margin-right: 1px; width: 7px;height: 7px;border: 1px solid #666;border-radius: 1px;}
.live-toolbar .s-grid i:before{content: ""; position: absolute;left: -1px;top: -10px; width: 7px;height: 7px;border: 1px solid #666;border-radius: 1px;}
.live-toolbar .s-grid.default-color i,.live-toolbar .s-grid.default-color i:before,.live-toolbar .s-grid.default-color i:after{border-color: #00B882;}
.live-main.new > .left.affix{top: 66px; z-index: 100;}
.live-main.new .live-toolbar{padding-right: 0;height: auto;line-height: normal; font-size: 14px;box-shadow: 0 1px 5px 0 rgba(88, 129, 115, .2);}
.live-main.new .live-toolbar h4{margin-top: 0;margin-bottom: 0;}
.live-main.new .live-toolbar h4 span{font-size: 16px;}
.live-main.new .live-toolbar h4 .navbar-search{margin-top: -7px;}
.live-main.new .live-toolbar h4 .navbar-search button[type=submit]{background-color: #eef4f2}
.live-main.new .live-toolbar h4 .navbar-search .icon-search{background-image: url(../image/179227_5dde46d164a98.png);background-position: 0 0;}
.live-main.new .live-toolbar .course-chose-list{padding: 10px 20px 0;}
.live-main.new .live-toolbar .course-chose-list dl{margin-bottom: 5px;}
.live-main.new .live-toolbar .course-chose-list dl dt{padding-top: 5px; font-weight: normal;color: #000;}
.live-main.new .live-toolbar .course-chose-list dl dd{margin-left: 80px;}
.live-main.new .live-toolbar .course-chose-list dl dd.v-hide{height: 35px;overflow: hidden;}
.live-main.new .live-toolbar .course-chose-list dl dd .icons{position: absolute;right: 8px;top: 5px;-webkit-transform: scale(.8) rotate(270deg);transform: scale(.8) rotate(270deg);}
.live-main.new .live-toolbar .course-chose-list dl dd.v-hide .icons{-webkit-transform: scale(.8) rotate(90deg);transform: scale(.8) rotate(90deg);}
.live-main.new .live-toolbar .course-chose-list a{display: inline-block;padding-left: 12px;padding-right: 12px;margin-bottom: 5px;margin-right: 5px; line-height: 30px;border-radius: 6px;color: #555;text-decoration: none;}
.live-main.new .live-toolbar .course-chose-list a.active,.live-main.new .live-toolbar .course-chose-list a:hover{background-color: #eef4f2;color: #00b882;font-weight: bold;}
.live-main.new .live-toolbar .sort-filter .dropdown{padding: 15px 20px;}
.live-main.new .live-toolbar .sort-filter .dropdown-toggle{font-size: 16px;text-decoration: none;}
.live-main.new .live-toolbar .sort-filter .dropdown-toggle.type-filter{display: inline-block; width: 80px;text-align: center;}
.live-main.new .live-toolbar .sort-filter .dropdown-menu{top: 100% !important;padding: 0; border-radius: 0;box-shadow: 0 1px 5px 0 rgba(88, 129, 115, .2);}
.live-main.new .live-toolbar .sort-filter .dropdown-menu.teacher-filter{width: 617px;}
.live-main.new .live-toolbar .sort-filter .dropdown-menu a{text-decoration: none;font-size: 14px;}
.live-main.new .live-toolbar .sort-filter .dropdown-menu a.active,.live-main.new .live-toolbar .sort-filter .dropdown-menu a:hover{color: #00b882;}
.live-main.new .live-toolbar .sort-filter .dropdown-menu a i{display: inline-block;margin-right: 10px; width: 18px;height: 18px;background-color: #dcdcdc;border-radius: 3px;vertical-align: middle;}
.live-main.new .live-toolbar .sort-filter .dropdown-menu a.active i{background: #00b882 url(../image/179227_5dba4b22bfb3e.png) no-repeat center center;}
.live-main.new .live-toolbar .sort-filter .dropdown-menu.course-filter{min-width: 232px;}
.live-main.new .live-toolbar .sort-filter .sort-filter-list a{color: #888;}
.live-main.new .live-toolbar .sort-filter .teacher-filter .all{width: 50px;line-height: 25px; background-color: #c5c5c5;color: #fff;border-radius: 6px;}
.live-main.new .live-toolbar .sort-filter .teacher-filter .all.active,.live-main.new .live-toolbar .sort-filter .teacher-filter .all:hover{background-color: #00b882;color: #fff;}
.live-main.new .live-toolbar .sort-filter .teacher-filter dl{margin-bottom: 15px;}
.live-main.new .live-toolbar .sort-filter .teacher-filter dl.last{margin-bottom: 0;}
.live-main.new .live-toolbar .sort-filter .teacher-filter dl dt i{display: inline-block;width: 20px;height: 20px;line-height: 20px; background-color: #c5c5c5;color: #fff;text-align: center;font-style: normal;font-weight: normal; border-radius: 4px;}
.live-main.new .live-toolbar .sort-filter .teacher-filter dl dt i.active{background-color: #333;}
.live-main.new .live-toolbar .sort-filter .teacher-filter dl dd{margin-left: 40px;}
.live-main.new .live-toolbar .sort-filter .pull-right{margin-top: 15px;margin-right: 20px;}
.live-main.new .course-items.new .course-type{position: absolute;right: 0;top: 0;padding-left: 20px;padding-right: 20px; line-height: 32px;font-size: 16px;border-radius: 0 0 0 20px; background-color: rgba(0,0,0,.5);color: #fff;text-align: center;}
.live-main.new .course-items.new .course-new{position: relative;}
.live-main.new .course-items.new .course-new:after{content: "";z-index: 1; position: absolute;top: -20px;right: -20px;width: 50px;height: 50px;background-image: url(../image/179227_5dba7bb1caf0a.png);}
.live-main.new .course-items.new .course-item{height: 245px;}
.live-main.new .course-items.new .course-item .course-item-bot{height: 105px;}
.live-main.new .course-items.new .course-item .course-item-bot > p .pull-right{margin-top: 2px;}
.live-main.new .course-items.new .timeout{color: #e82208;}
/*直播时间轴*/
.live-time-line{padding: 20px 30px 30px;border-top: 1px solid #f9f9f9;}
.live-time-line > div{margin-left: 35px;width: 830px;overflow: hidden;}
.live-time-line > div:before{content: "";position: absolute;bottom: 2px;left: 0;width: 100%;border-bottom: 1px dashed #e9e9e9;}
.live-time-line ul{white-space: nowrap;}
.live-time-line ul li a{position: relative;display: block;padding-bottom: 10px;width: 110px; font-size: 12px;text-decoration: none;text-align: center;}
.live-time-line ul li a:before{content: ""; position: absolute;left: 50%;bottom: 0; margin-left: -3px;width: 6px;height: 6px;border-radius: 50%;background-color: #ccc;}
.live-time-line ul li.active a,.live-time-line ul li:hover a{color: #00B882;}
.live-time-line ul li.active a:before,.live-time-line ul li:hover a:before{background-color: #00B882;}
.live-time-line .carousel{position: absolute;top: 50%; margin-top: -4px; width: 20px;height: 20px;line-height: 18px; border-radius: 50%;background-color: #c5c5c5;color: #fff;text-align: center;font-style: normal;}
.live-time-line .carousel.active{background-color: #00B882;}
.live-time-line .carousel.prev{left: 20px;}
.live-time-line .carousel.next{right: 20px;}
.course-list,.course-dt-list{position: relative;padding-top: 10px; height: 90px; border-radius: 8px;}
.course-list:hover,.course-dt-list:hover{box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.1);}
.course-list .tag{position: absolute;left: 0; width: 50px;height: 20px;line-height: 18px;background-color: #4cadf0;box-shadow: 0px 3px 3px 0px rgba(76, 173, 240, 0.2); border-radius: 0 10px 10px 0;font-size: 12px;color: #fff;text-align: center;}
.course-list .tag.tag-2{background-color: #9472dc;box-shadow: 0px 3px 3px 0px rgba(148, 114, 220, 0.2);}
.course-list .tag.tag-3{background-color: #ff6b61;box-shadow: 0px 3px 3px 0px rgba(255, 107, 97, 0.2);}
.course-list .tag.tag-4{background-color: #616b7c;box-shadow: 0px 3px 3px 0px rgba(62, 65, 69, 0.2);}
.course-list .list-fill{display: inline-block;margin-top: 15px;}
.course-list .teachar-img{display: inline-block;width: 100px; text-align: center;text-decoration: none;}
.course-list .teachar-img:before{content: "";position: absolute;right: -6px;top: 10px; width: 1px;height: 49px;background-color: #eeeeee;}
.course-list .img-circle{background-color: #dbdbdb;}
.course-list .list-btn-group{padding-top: 10px;}
.course-list .list-btn-group a{display: block;margin:0 auto 15px; width: 65px;height: 20px;line-height: 18px; border-radius: 3px;border: solid 1px #717b8c;font-size: 12px;text-decoration: none;}
.course-list .list-btn-group a:hover{background-color: #717b8c;color: #fff;}
.course-list .list-btn-group a.not{border-color: #e5e5e5;color: #888;}
.course-list .list-btn-group a.into{background-color: #e85308;border-color: #e85308; box-shadow: 0px 3px 7px 0px rgba(232, 83, 8, 0.35);color: #fff;}
.course-list .list-btn-group a.reservation{color: #29adff;border-color: #29adff;}
.course-list .list-btn-group a.already{color: #00b882;border-color: #00b882;}
.course-list .list-btn-group a.not:hover,.course-list .list-btn-group a.reservation,.course-list .list-btn-group a.already{background: none;}
.course-list .status{margin-top: 5px; color: #999;}
.course-list .count-down b{display: inline-block;width: 23px; border-bottom: 1px solid #d5d5d5;text-align: center;}
.course-dt-list{padding: 15px 35px;}
.course-dt-list h5{margin-top: 0;margin-bottom: 20px; font-size: 16px;}
.course-dt-list .live-teacher-name span{margin-left: 20px;}
.course-dt-list .live-teacher-name span i{margin-right: 6px;}
.course-dt-list .course-practice{padding-top: 20px;}
.course-dt-list .course-practice a{margin-right: 25px; color: #666;text-decoration: none;}
.course-dt-list .course-practice a:hover{color: #00B882;}
.course-dt-list .course-practice a i{display: inline-block;margin-right: 8px; background-image: url(../image/course_practice.png);vertical-align: sub;}
.course-dt-list .course-practice .icon-1{width: 20px;height: 16px;background-position: 0 -18px;}
.course-dt-list .course-practice a:hover .icon-1{background-position: 0 0;}
.course-dt-list .course-practice .icon-2{width: 17px;height: 17px;background-position: 0 -55px;}
.course-dt-list .course-practice a:hover .icon-2{background-position: 0 -36px;}
.course-dt-list .course-practice .icon-3{width: 16px;height: 16px;background-position: 0 -92px;}
.course-dt-list .course-practice a:hover .icon-3{background-position: 0 -74px;}
.course-dt-list .course-practice .icon-4{width: 16px;height: 16px;background-position: 0 -128px;}
.course-dt-list .course-practice a:hover .icon-4{background-position: 0 -110px;}
.course-dt-list .course-practice .icon-5{width: 16px;height: 16px;background-position: -30px -18px;}
.course-dt-list .course-practice a:hover .icon-5{background-position: -30px 0;}
.course-dt-list .course-practice .icon-6{width: 16px;height: 16px;background-position: -30px -56px;}
.course-dt-list .course-practice a:hover .icon-6{background-position: -30px -37px;}
.course-dt-list .course-practice .icon-7{width: 17px;height: 16px;background-position: -30px -92px;}
.course-dt-list .course-practice a:hover .icon-7{background-position: -30px -74px;}
.course-dt-list .course-practice .icon-8{width: 16px;height: 16px;background-position: -30px -128px;}
.course-dt-list .course-practice a:hover .icon-8{background-position: -30px -110px;}
.course-dt-list .btn-study{display: inline-block;margin-top: 15px; width: 75px; height: 30px;line-height: 30px; border-radius: 3px;border: solid 1px #e85308;color: #e85308;text-decoration: none;}
.course-dt-list .btn-study:hover{background-color: #e85308;color: #fff;}
/*直播item*/
.course-item{float: left;margin-right: 20px;margin-top: 25px; width: 224px;height: 227px;}
.course-item.last{margin-right: 0!important;}
.course-item .course-item-link{display: block;overflow: hidden;}
.course-item .course-item-img{width: 224px;height: 140px; -webkit-transition: -webkit-transform .5s; transition: transform .5s;}
.course-item:hover .course-item-img{-webkit-transform: scale(1.2);-ms-transform: scale(1.2);transform: scale(1.2);}
.course-item .course-item-time{position: absolute;left: 0;bottom: 0;padding-left: 10px;padding-right: 10px; width: 100%;height: 25px;line-height: 25px;font-size: 12px;color: #fff;background-color: rgba(0,0,0,.6);background-color: #000000\9;filter:alpha(opacity=60);}
.course-item .course-item-time a{margin-right: 10px; color: #fff;}
.course-item .course-item-time a:hover{color: #00b882;}
.course-item .course-item-time .pull-right{color: #e5e5e5;}
.course-item .course-status{position:absolute;top:5px;right:0;width:50px;height:22px;line-height: 22px; color: #fff;font-size: 12px;background-color:#e85308;box-shadow:0px 1px 2px 0px rgba(0,0,0,0.2);border-radius:11px 0 0 11px;text-align: center;}
.course-item .course-status.collection{background-color: #ffb400;}
.course-item .course-item-bot{padding-left: 10px;padding-right: 10px;height: 87px; background-color: #fff;-webkit-transition: all .3s ease 0s; transition: all .3s ease 0s;}
.course-item .course-item-bot.has-border{border-width: 0 1px 1px 1px;border-style: solid;border-color: #e8e8e8;}
.course-item:hover .course-item-bot{box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.1);}
.course-item .course-item-bot h5{margin-top: 0;margin-bottom: 0;padding-top: 16px;padding-bottom: 16px;}
.course-item .course-item-bot span,.live-teacher-name{color: #999; font-size: 12px;}
.live-teacher-name img{margin-right: 9px; width: 24px;height: 24px;border-radius: 50%;background-color: #dbdbdb;}
.course-item .course-item-bot .course-item-btn{display: inline-block; width:65px;height:25px;line-height: 25px;text-align: center; border-radius:3px;border:solid 1px #29adff;color: #29adff;text-decoration: none;}
.course-item .course-item-bot .course-item-btn.already{color: #00b882;border-color: #00b882;}
.course-item .course-item-bot .course-item-btn.playing{color: #e85308;border-color: #e85308;}
.course-item .course-item-bot .course-item-btn.history{color: #888;border-color: #e5e5e5;}
.course-item .course-item-bot .vip,.course-time .vip{color: #ff2b2b;}
.course-item .course-item-bot .icon-user-g{margin-left: 0;margin-right: 8px;}
.course-item .policy{position: absolute;top: 10px;left: 0; width: 80px;height: 25px;line-height:25px;text-align: center;color: #fff;background-color: #ff6344 ;border-radius: 0 3px 3px 0;}
.course-item .course-text{position: absolute;left: 0;top: 50%;margin-top: -20px; width: 100%; text-align: center;color: #fff;font-size: 18px;}
.course-item .hover-box{padding: 12px 6px;height: 70px;background: #00B28E;color: #fff;}
.course-item .hover-box h3{margin-top: 0; font-size: 16px;}
.course-item .hover-box >div p{width: 50%;}
.special .course-item-bot{position: relative;z-index: 3; width: 212px;height: 78px; border: 1px solid #e7e7e7;}
.special:hover .course-item-bot{box-shadow: none;}
.special .course-item:after,.special .course-item:before{z-index: 1; content: ""; position: absolute;right: 0; width: 85%;height: 87px;bottom: 0; border: 1px solid #e7e7e7;background-color: #fff;}
.special .course-item:before{z-index: 2;right: 6px;bottom: 4px; width: 90%;height: 83px;border-color: #e7e7e7;}
/*资讯item*/
.info-items .row{margin-right: 0;margin-left: 0;height: 64px;line-height: 64px;border-bottom: 1px solid #e8e8e8;}
.info-items .row:hover{background-color: #f8f8f8;}
.info-items .title{font-size: 16px;}
.info-items .title a{text-decoration: none;}
.info-items .date{font-size: 14px;color: #999;}
@media screen and (max-width: 1366px) {
.more-btn{padding-top: 8px;width: 45px;height: 45px;font-size: 12px;}
.info-items .row{height: 51px;line-height: 51px;}
.info-items .title{font-size: 14px;}
.info-items .date{font-size: 12px;}
.course-dt-list{padding: 15px 25px;}
.course-dt-list .course-practice a{margin-right: 20px;}
.live-time-line > div{margin-left: 10px;width: 711px;}
.live-time-line ul li a{width: 98px;}
.course-list .col-xs-3{padding-left: 8px;padding-right: 8px;}
.course-list .count-down{font-size: 12px;}
.course-list .teachar-img:before{right: 0;}
.course-item .hover-box h3{font-size: 14px;}
}
/*课程推荐*/
.course-recommend{padding-bottom: 80px;}
.course-recommend .title{padding-left: 17px;padding-right: 17px; height: 45px;line-height: 45px;background-color: #fff;}
/*底部*/
.footer{padding-top: 45px;color: #666;}
.footer .acc5-desc{margin-bottom: 25px; border-bottom: 1px solid #eee;}
.footer .acc5-desc dl{display: inline-block;margin-right: 60px;vertical-align: top;}
.footer .acc5-desc dl dt{font-size: 16px;color: #333;}
.footer .acc5-desc dl dd a{display: block;margin-top: 15px; color: #666;}
.footer .acc5-desc .footer-qrcode{margin-left: 50px;font-size: 12px;}
.footer .acc5-desc .footer-qrcode p{margin-top: 10px;color: #333;}
.footer .acc5-desc .footer-kf a img{margin-right: 10px;}
.footer .acc5-desc .footer-kf .icons{margin-left: 12px;}
.footer .acc5-copyright{font-size: 12px;}
.footer .foot-approve-img i{margin-right: 10px;vertical-align: middle;}
.footer .foot-approve-img a,.footer .foot-approve-img span{display: inline-block;padding-left: 18px;padding-right: 18px;margin-bottom: 25px; color: #666;text-decoration: none;}
.footer .footer-otherlink{margin-top: 30px;margin-bottom: 45px;}
.footer .footer-otherlink .carousel-control{width: auto;opacity: 1;font-size: inherit;}
.footer .footer-otherlink .item a{display: inline-block;margin-left: 12px;margin-right: 12px; color: #888;}
/*直播详情页*/
.live-detail-box .detail-course-banner{margin-bottom: 35px;}
.live-detail-box .detail-course-left .play-box{opacity: 0;visibility: hidden; position: absolute;left: 0;top: 0;padding-top: 24.5%; width: 100%;height: 100%; background-color: rgba(0,0,0,0.5);filter:alpha(opacity=50); background-color: #000\9;color: #e5e5e5;text-align: center;}
.live-detail-box .detail-course-left:hover .play-box{opacity: 1;visibility: visible;cursor: pointer;}
.live-detail-box .detail-course-left .video-box{display: none; position: absolute;left: 0;top: 0;width: 100%;height: 100%;}
.live-detail-box .detail-course-left > img{width: 450px;height: 300px;}
.live-detail-box .detail-course-right{padding: 45px; width: 750px;height: 300px;}
.live-detail-box .detail-course-right h4{margin-top: 0;padding-bottom: 20px; border-bottom: 1px solid #eee;}
.live-detail-box .detail-course-right .tags span{display: inline-block;margin-left: 5px; width: 45px;height: 25px;line-height: 25px;font-size: 12px;color: #666; border-radius: 3px;border: solid 1px #e5e5e5;text-align: center;}
.live-detail-box .detail-course-right .course-time{margin-top: 45px;font-size: 18px;}
.live-detail-box .detail-course-right .course-time .privileges{margin-left: 40px;padding-left: 40px;border-left: 1px solid #aaa; color: #ff2b2b;}
.live-detail-box .detail-course-right .live-teacher-name span{margin-left: 25px;}
.live-detail-box .course-status-btn{margin-top: 45px;}
.live-detail-box .course-status-btn > a{display: inline-block;margin-right: 25px; width: 120px;height: 40px;line-height: 38px;border-radius: 3px;font-size: 16px;border: 1px solid transparent;text-align: center;text-decoration: none;}
.live-detail-box .course-status-btn .btn-advice-qq{color: #29adff;border-color: #29adff;}
.live-detail-box .course-status-btn .btn-make{color: #fff;background-color: #29adff;border-color: #29adff;}
.live-detail-box .course-status-btn .btn-into{color: #fff;border-color: #e85308;background-color: #e85308;}
.live-detail-box .course-status-btn .btn-reserved{color: #00b882;border-color: #00b882;}
.live-detail-box .course-status-btn .pull-right{margin-top: 12px;}
.live-detail-box .course-status-btn .share{float: none;margin: 0; padding-left: 0;background: none; color: #666;text-decoration: none;font-size: 14px;}
.live-detail-box .detail-course-main .introduction,.live-detail-box .detail-course-main .course-info{padding: 20px 35px;}
.live-detail-box .detail-course-main .introduction p:last-child{margin-bottom: 0;}
.live-detail-box .detail-course-main .introduction .btn{padding: 0;margin-left: 50px; width: 80px;height: 30px;line-height: 30px; border-radius: 3px;border: solid 1px #00b882;color: #00b882;}
.live-detail-box .detail-course-main .course-info p span{color: #666;}
.live-detail-box .detail-course-main .course-info .course-class{margin-left: 200px;}
.live-detail-box .detail-course-main .course-info .title{margin-top: 50px;margin-bottom: 30px;}
.live-detail-box .detail-course-main .course-col{padding: 35px;}
.live-detail-box .detail-course-main .course-col .border-span{margin-bottom: 25px;}
.live-detail-box .detail-course-main .course-arrange{padding: 40px 35px;}
.live-detail-box .detail-course-main .course-arrange img{max-width: 100%;}
.live-detail-box .detail-course-main .course-arrange .border-span{margin-bottom: 40px;}
.live-detail-box .detail-course-main .teachar-info{margin-bottom: 25px;}
.live-detail-box .detail-course-main .teachar-info dl dt{margin-right: 10px;}
.live-detail-box .detail-course-main .teachar-info .teachar-name{padding-top: 5px;margin-bottom: 5px;}
.live-detail-box .detail-course-main .teachar-info .title,.live-detail-box .detail-course-main .teachar-info .summary{font-size: 12px;}
.live-detail-box .detail-course-main .teachar-info .summary{line-height: 30px;text-align: justify;}
.practice a{display: inline-block;width: 83px;height: 83px;text-decoration: none;text-align: center;}
.practice a:hover{color: #00b882;}
.practice a i{display: block;margin: 0 auto 15px;}
.live-detail-box .detail-course-main .course-chapter .all-course{margin-left: 35px;margin-top: 12px;}
.live-detail-box .detail-course-main .course-chapter .panel-group{margin-bottom: 0;}
.live-detail-box .detail-course-main .course-chapter .panel{box-shadow: none;border-radius: 0;border: none; border-bottom: 1px solid #eee;}
.live-detail-box .detail-course-main .course-chapter .panel:last-child{border-bottom: none;}
.live-detail-box .detail-course-main .course-chapter .panel-heading{padding: 0 35px; height: 63px;}
.live-detail-box .detail-course-main .course-chapter .panel-heading a{display: block;line-height: 63px;font-size: 14px;text-decoration: none;}
.live-detail-box .detail-course-main .course-chapter .panel-heading .angle-down{margin-top: 22px;}
.live-detail-box .detail-course-main .course-chapter .panel-body{padding: 0;}
.live-detail-box .detail-course-main .course-chapter .panel-body p,.live-detail-box .detail-course-main .data-download > p{margin-bottom: 0; padding-left: 35px;padding-right: 35px; height: 50px;line-height: 50px;border: 1px solid transparent;}
.live-detail-box .detail-course-main .course-chapter .panel-body p:hover,.live-detail-box .detail-course-main .data-download > p:hover,.live-detail-box .detail-course-main .data-download > p:last-child:hover{border-color: #00b882;}
.live-detail-box .detail-course-main .course-chapter .panel-body p:nth-child(even){background-color: #f5f5f5;}
.live-detail-box .detail-course-main .course-chapter .panel-body p>a{display: inline-block;width: 520px;line-height: normal;vertical-align: sub;}
.live-detail-box .detail-course-main .course-chapter .panel-body p .pull-right{font-size: 12px;color: #666;}
.live-detail-box .detail-course-main .course-chapter .panel-body p .pull-right .status{position: relative; display: inline-block;width: 100px;text-align: right;}
.live-detail-box .detail-course-main .course-chapter .panel-body p .pull-right .status .btn{padding: 0;width: 65px;height: 25px;line-height: 25px;color: #00b882; border-color: #00B882;font-size: 12px;}
.live-detail-box .detail-course-main .course-chapter .panel-body p .pull-right .status .btn-history{position: absolute;right: 0;top: 50%;margin-top: -12px; background-color: #00B882;color: #fff;visibility: hidden;}
.live-detail-box .detail-course-main .course-chapter .panel-body p:hover .pull-right .status .btn-history{visibility: visible;}
.live-detail-box .detail-course-main .course-chapter .panel-body p{padding-top: 10px;padding-bottom: 10px; height: auto;line-height: 36px;}
.live-detail-box .detail-course-main .course-chapter .panel-body p .xl-icon{display: inline-block;margin-left: 30px; margin-right: 10px; width: 20px;height: 20px;border: 1px solid #00b882;border-radius: 50%; color: #00b882;text-align: center;font-style: normal;font-size: 12px;}
.live-detail-box .detail-course-main .data-download > p{height: 60px;line-height: 60px;border-bottom: 1px solid #eee;}
.live-detail-box .detail-course-main .data-download > p:last-child{border-bottom-color: transparent;}
.live-detail-box .detail-course-main .data-download > p>a{display: inline-block;width: 720px;}
.live-detail-box .detail-course-main .zero-m{margin-top: 155px;}
.live-detail-box .detail-course-main .course-comment{padding-left: 25px;padding-right: 25px;padding-bottom: 20px;}
.live-detail-box .detail-course-main .course-comment >div{height: 379px;overflow: hidden;}
.live-detail-box .detail-course-main .course-comment dl{padding-top: 24px;padding-bottom: 10px; margin-bottom: 0; border-bottom: 1px solid #eee;}
.live-detail-box .detail-course-main .course-comment dl.last{border-bottom: none;}
.live-detail-box .detail-course-main .course-comment dl dt{text-align: center;font-size: 12px;font-weight: normal;}
.live-detail-box .detail-course-main .course-comment dl dt .user-name{margin-top: 12px;}
.live-detail-box .detail-course-main .course-comment dl dd{margin-left: 72px;}
.live-detail-box .detail-course-main .course-comment dl dd .study-time{font-size: 12px;color: #999;}
.live-detail-box .detail-course-main .course-comment dl dd .study-time span{margin-left: 26px;}
.live-detail-box .detail-course-main .course-comment dl dd dl{padding-top: 10px; border-bottom: none;}
.live-detail-box .detail-course-main .course-comment dl dd dl dd{margin-left: 50px;}
.live-detail-box .detail-course-main .course-comment dl dd dl dd .content{word-break: break-all;}
.live-detail-box .study-progress{margin-bottom: 20px; height: 55px;line-height: 55px; background-color: #fff;border: 1px solid #eee;}
.live-detail-box .study-progress .btn{padding: 0; width: 75px;height: 30px;line-height: 30px;color: #fff; background-color:#e85308; border-radius: 3px;vertical-align: inherit;}
.live-detail-box .study-progress .btn.continue{background-color:#00b882;}
.live-detail-box .study-progress .progress{margin-top: 22px;margin-bottom: 0;height: 10px;border-radius: 5px;border: 1px solid #e5e5e5;background-color: #fff;box-shadow: none;}
.live-detail-box .study-progress .progress .progress-bar{background-color: #5fd3a6;box-shadow: none;}
/*评价*/
.send-evaluate .star-select .icons{cursor: pointer;}
.send-evaluate .r-text b{margin-right: 25px; color: #ffae01;font-style: normal;}
.send-evaluate .r-text b i{font-style: normal;}
.send-evaluate textarea{height: 110px; border-color: #e5e5e5;resize: none;box-shadow: none;}
.live-detail-box .introduction.send-evaluate .btn-send{width: 90px;height: 35px;background-color: #00b882;color: #fff;outline: none;}
/*专题页面*/
.course-topics-wrap .banner{height: 220px;overflow: hidden;}
.course-topics-wrap .banner img{width:1920px;position:absolute;left:50%;margin-left:-960px;}
.topics-info{margin-bottom: 50px;}
.course-topics-wrap .topics-info dl{margin-bottom: 0;}
.course-topics-wrap .topics-info dl dd{margin-left: 250px;padding-right: 30px;}
.course-topics-wrap .topics-info dl dd p{line-height: 28px;}
.topics-info .spirit-ico{font-size: 12px;color: #777;}
.topics-info .spirit-ico .ico{display: inline-block;margin-right: 5px; width: 17px;height: 17px; background-image: url(../image/spirit-ico.png);vertical-align: sub;}
.topics-info .spirit-ico span{margin-right: 20px;}
.topics-info .spirit-ico .course{width: 15px;height: 15px;}
.topics-info .spirit-ico .hour{background-position: -15px -14px;}
.topics-info .spirit-ico .time{background-position: -15px -30px;}
.topics-info .spirit-ico .count{background-position: -15px -46px;}
/*问答*/
.ask-main .banner {width: 100%; height: 100px; min-width: 1000px;margin-bottom: 25px;text-align: center; background-image: url(../image/top_banner_bg.png);background-repeat:no-repeat;background-position: center;background-size: cover;}
.ask-main .banner .banner-content {width: 1200px;height: 100%;margin: 0 auto;}
.ask-main .banner .banner-content .banner-left {width: 444px;;height: 100%;background-image: url(../image/top_banner_content.png);background-repeat: no-repeat; background-position: center; background-size: contain;}
.ask-main .banner .banner-content .banner-right {width: 530px; height: 47px; border: 1px solid #eae7e6; border-radius: 8px; box-shadow: 0 0 6px rgba(0, 0, 0, .1);margin-top: 28px;box-sizing: border-box;position: relative;}
.ask-main .banner .banner-content .banner-right form {width: 460px;}
.ask-main .banner .banner-content .banner-right .input-text {width: 460px; height: 45px;border: none;outline: none;padding: 0 20px;border-radius: 8px;}
.ask-main .banner .banner-content .banner-right .input-text::-webkit-input-placeholder {color: #999999;font-size: 16px;}
.ask-main .banner .banner-content .banner-right .input-btn {position: absolute;height: 45px;width: 70px;top: 0;right: 0;background-image: url(../image/icon_search.png);background-repeat: no-repeat;background-position: center;background-color: #fff;outline: none;border: none;border-radius: 8px;}
/* .ask-main .container { margin-top: 25px;} */
.ask-main .container .container-left { width: 875px;}
.ask-main .container .container-left .white-bg-bord { box-shadow: 0 6px 10px 0px rgba(0,0,0,.05)}
.ask-main .white-bg-bord {border: none;}
.ask-main .container-left .title-box { padding: 20px 25px;}
.ask-main .container-left .title-box .ask-tip { margin-left: 25px;font-size: 14px;color: #999999;}
.ask-main .container-left .title-box .ask-rules { margin-left: 10px;color: #ff4f36;text-decoration-line: underline;}
.ask-main .container-left .text-box { padding: 0 25px;}
.ask-main .container-left .text-box .radio{ position: relative; margin-left: 25px;}
.ask-main .container-left .text-box .radio:nth-child(2) { margin-left: 0;}
.ask-main .container-left .text-box .radio label{ position: relative; display: inline-block; font-weight: 400; color: #0c4757; padding-left: 24px; cursor: pointer;}
.ask-main .container-left .text-box .radio label input{ position: absolute; left: -9999px;}
.ask-main .container-left .text-box .radio label i{ display: block; position: absolute; top: 2px; left: 0; width: 16px; height: 16px; outline: 0; border: 1px solid #b6b6b6; border-radius: 50%; transition: border-color .3s; -webkit-transition: border-color .3s;}
.ask-main .container-left .text-box .radio label input:checked+i{ border-color: #ff805e;}
.ask-main .container-left .text-box .radio label input+i:after{position: absolute;content: '';top: 4px;left: 4px;width: 6px;height: 6px;border-radius: 50%;background-color: #ff805e;opacity: 0;transition: opacity .1s;-webkit-transition: opacity .1s;}
.ask-main .container-left .text-box .radio label input:checked+i:after{opacity: 1;}
.ask-main .container-left .form-verify {padding: 25px;}
.ask-main .container-left .form-verify .form-group { margin-bottom: 0;}
.ask-main .container-left .form-verify .form-group input {display: inline-block;}
.ask-main .container-left .verify-tourist .form-control::-webkit-input-placeholder {color: #bbb; font-size: 12px;}
.ask-main .container-left .verify-tourist .msg-box { display: inline-block; position: relative;}
.ask-main .container-left .verify-tourist .msg-box input { width: 155px;}
.ask-main .container-left .verify-tourist .msg-box .ask-verify-btn { position: absolute; top: 3px; right: 3px; width: 50px; height: 28px; line-height: 28px;padding: 0; border: 1px solid #cae2db; background-color: #eaf4f1; color: #00b882;}
.pad-box{padding: 15px 25px;}
.ask-main .tab-nav{padding: 10px 25px 0 35px;border-bottom: 1px solid #efefef;box-sizing: border-box;}
.ask-main .tab-nav .nav-list {height: 58px;line-height: 57px;display: inline-block;}
.ask-main .tab-nav .nav-list a {padding-bottom: 0;color: #666;font-size: 18px;margin-right: 35px;}
.ask-main .tab-nav .nav-list .active a, .ask-main .tab-nav a:hover {color: #333;font-weight: bold;}
.ask-main .tab-nav .nav-list img.gift {margin-bottom: 5px;margin-left: 5px;}
.ask-main .tab-nav .nav-right { height: 58px;line-height: 58px;font-size: 14px;}
.ask-main .tab-nav .nav-right span {margin-left: 24px;}
.ask-main .tab-nav .nav-right span b { color: #ff7d5a}
.ask-main .container-left .list-container ul, li { margin: 0;padding: 0;list-style: none;}
.ask-main .container-left .list-container .info-list .info-item { padding: 30px;background-color: #fff; }
.ask-main .container-left .list-container .info-item .left-img img { width: 50px;height: 50px;border-radius: 50%;cursor: pointer;}
.ask-main .container-left .list-container .info-item .right-content { width: 740px;}
.ask-main .container-left .list-container .info-item .right-content .main-content {font-size: 16px;color: #333333;line-height: 28px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.ask-main .container-left .list-container .info-item .right-content .content-bottom {margin-top: 30px;}
.ask-main .container-left .list-container .info-item .content-bottom .info-about {font-size: 12px;color: #999;margin-top: 3px}
.ask-main .container-left .list-container .info-item .content-bottom .info-about .about-topic,
.ask-main .container-left .list-container .info-item .content-bottom .info-about .about-topic>div {display: inline-block;}
.ask-main .container-left .list-container .info-item .content-bottom .info-about .about-topic .avatar-list {display: inline-block; vertical-align: middle;}
.ask-main .container-left .list-container .info-item .content-bottom .info-about .about-topic>span {position: relative;}
.ask-main .container-left .list-container .info-item .content-bottom .info-about .about-topic>span:after {content: '';position: absolute;top: 4px;right: -11px;width: 1px;height: 9px;background-color: #dcdcdc;}
.ask-main .container-left .list-container .info-item .content-bottom .info-about span {vertical-align: middle;}
.ask-main .container-left .list-container .info-item .content-bottom .info-about>span {margin-left: 20px;position: relative;}
.ask-main .container-left .list-container .info-item .content-bottom .info-about>span:nth-child(2):after {content: '';position: absolute;top: 4px;right: -11px;width: 1px;height: 9px;background-color: #dcdcdc;}
.ask-main .container-left .list-container .info-item .content-bottom .info-about .about-topic .avatar-list li { width: 22px;height: 22px;margin-right: 7px;border-radius: 50%;background: #d2d2d2;line-height: 23px;color:#fff;text-align: center;overflow: hidden;font-size: 18px;}
.ask-main .container-left .list-container .info-item .content-bottom .info-about .about-topic .avatar-list li img {width: 100%;height: 100%;vertical-align: top;}
.ask-main .container-left .list-container .info-item .content-bottom .button-box a {display: inline-block;width: 75px;height: 28px;border-radius: 4px;border: 1px solid #cae2db;background-color: #eaf4f1;color: #00b882;line-height: 28px;text-align: center;text-decoration: none;}
.ask-main .container-left .list-container .info-item .content-bottom .info-about .about-ask {display: inline-block;}
.ask-main .container-left .list-container .info-item .content-bottom .info-about .about-ask .avatar {width: 22px;height: 22px;border-radius: 50px;overflow: hidden;display: inline-block;vertical-align: middle;margin-right: 5px;}
.ask-main .container-left .list-container .info-item .content-bottom .info-about .about-ask .avatar img {width: 100%;height: 100%;vertical-align: top;}
.ask-main .container-left .list-container .info-list .info-item:hover { background-color: #f7f9fb;}
.ask-main .container-left .list-container .info-list .info-item .content-bottom .button-box a:hover {background-color: #00b882;color: #fff;}
.ask-main .container .container-right {width: 300px;}
.ask-main .relevant-box{display: none; position: absolute;z-index: 10; width: 100%;box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.2);}
.ask-main.ask-detail .relevant-box{position: static;display: block;margin-top: 25px;}
.ask-main .box-title {padding-top: 20px;padding-left: 35px;padding-bottom: 20px;font-size: 18px;color: #333;font-weight: bold;border-top: 1px solid #eee;}
.ask-main .relevant-box .relevant-list li a {display: inline-block; width: 100%;margin: 10px 0;}
.ask-main .ask-rule-pop {display: none;}
.ask-main .ask-rule-pop .ask-rule-box {position: fixed;top: 30%;left: 50%;margin-left: -250px;;z-index: 10000;width: 500px;border-radius: 8px;padding: 20px;text-align: center; background-color: #fff;}
.ask-main .ask-rule-pop .ask-rule-box .title {font-size: 20px;font-weight: bold;}
.ask-main .ask-rule-pop .ask-rule-box .content { margin-top: 10px;text-align: left;}
.ask-main .ask-rule-pop .ask-rule-box .content .sub-title {margin-top: 20px;font-size: 16px;;font-weight: bold;}
.ask-main .ask-rule-pop .ask-rule-box .content p a {color: #56cd9f;}
.ask-main .ask-rule-pop .ask-rule-box .rule-close {margin-top: 20px;}
.ask-detail .user-img{border-radius: 50%;}
.ask-detail .ask-user-info{padding: 25px;}
.ask-detail .ask-user-info.ask-fixed-top{position: fixed;top: 64px; z-index: 1005;padding-top: 20px;padding-bottom: 20px; width: 905px; box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.15);}
.ask-fixed-top dl,.ask-fixed-top .img-preview,.ask-fixed-top .supp-qs{display: none;}
.ask-fixed-top .icon-ask-end{top: 5px;}
.ask-detail .ask-user-info.ask-fixed-top h1{margin-top: 0;max-height: 85px;overflow: hidden;}
.ask-detail .ask-user-info h1{font-size: 18px;line-height: 28px;}
.ask-detail .ask-user-info dl dt{margin-right: 15px;}
.ask-detail .ask-user-info .user-name{padding-top: 3px;}
.ask-detail .ask-user-info .ask-time{font-size: 12px;}
.ask-detail .ask-user-info .ask-detail-menu span,.ask-detail .ask-user-info .ask-detail-menu a{margin-right: 30px; cursor: pointer;}
.ask-detail .ask-user-info .ask-detail-menu .last{margin-right: 0;}
.ask-detail .ask-user-info .ask-detail-menu .icons{margin-right: 8px;vertical-align: sub;}
.ask-detail .ask-user-info .ask-detail-menu a{float: none;margin-top: 0;margin-bottom: 0;margin-left: 0; padding-left: 20px;height: auto; line-height: normal;font-size: 14px;text-decoration: none;}
/* 问答详情改版11/18 */
.ask-detail .main-content-container {width: 875px;}
.ask-detail .default-bs {box-shadow: 0px 6px 10px rgba(0,0,0,.05);}
.ask-detail .ask-detail-title {margin-bottom: 40px;}
.ask-detail .ask-detail-bottom .share-btns {font-size: 14px;color: #666;}
.ask-detail .ask-detail-bottom .share-btns .bdsharebuttonbox {display: inline-block;margin-top: 6px;}
.ask-detail .ask-detail-bottom .share-btns span {vertical-align: sub;}
.ask-detail .ask-detail-bottom .share-btns .icon {margin-right: 8px;display: inline-block;background-image: url(../image/ask_detail_sprites.png);}
.ask-detail .ask-detail-bottom .share-btns .icon-share {width: 16px;height: 18px;background-position: -92px -51px;}
.ask-detail .ask-detail-bottom .share-btns .icon-sina {width: 19px;height: 17px;background-position: -65px -4px;}
.ask-detail .ask-detail-bottom .share-btns .icon-wechat {width: 19px;height: 17px;background-position: -66px -27px;}
.ask-detail .ask-detail-bottom .share-btns .icon-qq {width: 18px;height: 18px;background-position: -28px -37px;}
.ask-detail .ask-detail-bottom .share-btns a{font-size: 14px;color: #666;text-decoration: none;cursor: pointer;padding-left: 0;background: none;line-height: normal;}
.ask-detail .ask-detail-bottom .share-btns .bdsharebuttonbox a { margin-right: 20px;}
.ask-detail .ask-detail-bottom .share-btns a.share {margin-right: 10px;cursor: default;}
.ask-detail .ask-detail-bottom .handle-btns .icon-help {width: 21px;height: 20px;background-position: -90px -24px;}
.ask-detail .ask-detail-bottom .handle-btns .handle {display: inline-block;width: 115px;height: 40px;font-size: 14px;text-align: center;line-height: 40px;border-radius: 6px;background-color: #ff6600;color: #fff;margin-left: 15px;}
.ask-detail .ask-detail-bottom .handle-btns .attend {background-color: #f7e3d6;color: #ff6600}
.ask-detail .ask-detail-bottom .handle-btns .attend .icon {width: 23px;height: 19px;}
.ask-detail .ask-detail-bottom .handle-btns .attend .icon-attend { background-position: -1px -60px; }
.ask-detail .ask-detail-bottom .handle-btns .attend.active .icon-attend { background-position: -56px -60px;}
.ask-detail .ask-detail-bottom .handle-btns .handle.active {background-color: #ff6600;color: #fff}
.ask-detail .reply-blank {text-align: center;overflow: hidden;}
.ask-detail .reply-blank .blank-img {margin-top: 30px;}
.ask-detail .reply-blank .blank-text {font-size: 14px;color: #999;margin-top: 20px;margin-bottom: 35px;}
.ask-detail .reply-area {padding: 20px 30px;}
.ask-detail .reply-area .avatar-name div{display: inline-block;}
.ask-detail .reply-area .avatar-name .avatar img {width: 60px;height: 60px;border-radius: 50%;}
.ask-detail .reply-area .avatar-name .nickname {font-size: 16px;margin-left: 10px;}
.ask-detail .reply-area .text-box textarea {margin-top: 20px;}
.ask-detail .reply-area .form-group {margin-top: 20px;margin-bottom: 0;}
.ask-detail .reply-area .upload-tip {display: inline-block;margin-top: 6px;margin-left: 30px;vertical-align: top;font-size: 12px;color: #aaaaaa;}
.ask-detail .box-title {padding-top: 20px;padding-left: 35px;padding-bottom: 20px;font-size: 18px;color: #333;font-weight: bold;}
.ask-detail .relevant-box .relevant-list {padding: 0 35px;}
.ask-detail .relevant-box .relevant-list li {padding-top: 10px;padding-bottom: 10px;padding-left: 50px;}
.ask-detail .relevant-box .relevant-list li h3 {height: 40px;position: relative;line-height: 40px;}
.ask-detail .relevant-box .relevant-list li h3 a {font-size: 18px;color: #333;height: 100%;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;display: block;}
.ask-detail .relevant-box .relevant-list li p {height: 40px;position: relative;margin-top: 10px;}
.ask-detail .relevant-box .relevant-list li p .answer {display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;font-size: 14px;color: #999;position: absolute;top: 50%;left: 0;transform: translateY(-50%);}
.ask-detail .relevant-box .relevant-list li .marked { position: absolute;width: 32px;height: 32px;border-radius: 50%;font-size: 16px;color: #fff;line-height: 32px;text-align: center;top: 50%;left: -50px;transform: translateY(-50%);}
.ask-detail .relevant-box .relevant-list li .mark-question {background-color: #d5d5d5;}
.ask-detail .relevant-box .relevant-list li .mark-answer {background-color: #17caa2;}
.ask-detail .reply-item .gold {margin-top: 20px;margin-bottom: 35px;}
.ask-detail .reply-box {padding-bottom: 35px;}
.ask-detail .reply-box .reply-item .teacher-intro {padding-bottom: 30px;margin-bottom: 0;cursor: pointer;position: relative;}
.ask-detail .reply-box .reply-item .teacher-intro .do-reward {position: absolute;right: 35px;bottom: 44px;height: 18px;line-height: 18px;}
.ask-detail .reply-box .reply-item .teacher-intro .do-reward i {vertical-align: top;margin-right: 8px;}
.ask-detail .reply-box .reply-item .reply-tip {background-color: #fff;padding: 25px 35px 0;}
.ask-detail .reply-box .reply-item .first-reply {padding: 0 35px;}
.ask-detail .reply-box .reply-item .first-reply .addtime {margin-bottom: 0;}
.ask-detail .reply-box .reply-item .list-bottom-reward .do-reward {height: 18px;line-height: 18px;padding: 8px 15px;background-color: #fff;border: 1px solid #e9e9e9;border-radius: 4px;box-sizing: content-box;}
.ask-detail .reply-box .reply-item .list-bottom-reward .do-reward i {vertical-align: top;margin-right: 8px;}
.ask-detail .my-ask .list-box {padding: 0 20px;}
.ask-detail .my-ask .text-content { display: -webkit-box; -webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;word-break: break-all;}
.ask-detail .my-ask li {padding-bottom: 20px;padding-top: 20px;border-bottom: 1px dashed #efefef}
.ask-detail .my-ask li:last-child {border: none;}
.ask-detail .my-ask li .appraise-box {height: 25px;line-height: 25px;margin-top: 15px;}
.ask-detail .my-ask li .appraise-box .status {font-size: 12px;color: #56cd9f;}
.ask-detail .my-ask li .appraise-box .btn-ev {width: 60px;}
.ask-detail .selected-ask .question {font-size: 14px;margin-bottom: 0;padding-bottom: 10px;border-bottom: 1px dashed #efefef;word-break: break-all;}
.ask-detail .selected-ask .question span {color: #ff7d5a;}
.ask-detail .selected-ask .answer {display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;margin-bottom: 0;margin-top: 10px;}
.ask-detail .selected-ask ul li {padding: 20px;}
.ask-detail .latest-ask li p {margin-bottom: 0;}
.ask-detail .latest-ask .list-container { padding: 0 25px;}
.ask-detail .latest-ask li .latest-ask-item { word-break: break-all;}
.ask-detail .discuss-box { margin-top: 25px;}
.ask-detail .discuss-box .discuss-textarea-box {padding: 35px;}
.ask-detail .discuss-box .discuss-textarea-box .form-control {height: 75px;}
.ask-detail .discuss-box .discuss-textarea-box .btns {margin-top: 10px;}
.ask-detail .discuss-box .discuss-textarea-box button {width: 75px;height: 32px;border-radius: 16px;line-height: 32px;text-align: center;font-size: 14px;padding: 0;outline: none;}
.ask-detail .discuss-box .discuss-textarea-box button.comment {color: #fff;background-color: #00b882;}
.ask-detail .discuss-box .discuss-textarea-box button.cancel {color: #999;background-color: #fff;border: 1px solid #e9e9e9;margin-right: 15px;}
.ask-detail .discuss-box .box-title {position: relative;border-bottom: 1px solid #efefef;}
.ask-detail .discuss-box .box-title .order-box {position: absolute;top: 50%;right: 20px;transform: translateY(-50%);cursor: pointer;}
.ask-detail .discuss-box .box-title .order-box span {font-size: 14px;color: #888;vertical-align: middle;}
.ask-detail .discuss-box .box-title .order-box i {display: inline-block;width: 20px;height: 20px;background-image: url(../image/tri_marker.png);background-size: 100%;vertical-align: middle;}
.ask-detail .discuss-box .box-title .order-list {display: none;position: absolute;right: 15px;bottom: 0;transform: translateY(100%);width: 130px;padding: 15px 0;border-radius: 8px;box-shadow: 0 1px 8px rgba(0,0,0,.4);background-color: #fff;}
.ask-detail .discuss-box .box-title .order-list div {width: 100%;height: 35px;font-size: 14px;text-align: center;line-height: 35px;cursor: pointer;}
.ask-detail .discuss-box .box-title .order-list div.active {background-color: #00b882;color: #fff;}
.ask-detail .discuss-box .box-title .order-list div:hover{background-color: #00b882;color: #fff;}
.ask-detail .discuss-box .discuss-list .discuss-item {padding: 20px 35px 0px;border-top: 1px solid #efefef;padding-bottom: 20px;}
.ask-detail .discuss-box .discuss-list .discuss-item .discuss-launch {padding-bottom: 30px;}
.ask-detail .discuss-box .discuss-item .launch-top .avatar img {width: 56px;height: 56px;border-radius: 50%;}
.ask-detail .discuss-box .discuss-item .launch-top .nickname {font-size: 16px;font-weight: bold;}
.ask-detail .discuss-box .discuss-item .launch-top .right-content p {font-size: 16px;color: #333;line-height: 24px;margin-top:10px;}
.ask-detail .discuss-box .discuss-item .bottom {height: 25px;line-height: 25px;margin-top: 20px;}
.ask-detail .discuss-box .discuss-item .bottom .date-box {font-size: 12px;color: #999;}
.ask-detail .discuss-box .discuss-item .bottom .btns button {width: 75px;height: 25px;border-radius: 9999px;line-height: 25px;text-align: center;font-size: 12px;margin-left: 15px;border: none;outline: none;}
.ask-detail .discuss-box .discuss-item .bottom .btns>span {font-size: 12px;margin-left: 15px;cursor: pointer;}
.ask-detail .discuss-box .discuss-item .bottom .btns button {color: #333;background-color: #e5e5e5;}
.ask-detail .discuss-box .discuss-item .bottom .btns .oppose.active {color: #fff;background-color: #ff6600;}
.ask-detail .discuss-box .discuss-item .bottom .btns .approve.active {color: #fff;background-color: #17caa2;}
.ask-detail .discuss-box .discuss-item .bottom .btns .tip-off {color: #999999;}
.ask-detail .discuss-box .discuss-item .bottom .btns .tip-off.active {color: #ff4526;}
.ask-detail .discuss-box .discuss-item .bottom .btns .reply a{color: #00b882; text-decoration: none;}
.ask-detail .discuss-box .discuss-item .discuss-reply-list {padding: 0 20px;background-color: #f9f9f9;}
.ask-detail .discuss-box .discuss-item .discuss-reply-item {padding: 15px 0;}
.ask-detail .discuss-box .discuss-item .discuss-reply-item:last-child {margin-bottom: 0;}
.ask-detail .discuss-box .discuss-item .discuss-reply-item .avatar {width: 42px;height: 42px;}
.ask-detail .discuss-box .discuss-item .discuss-reply-item .avatar img {width: 100%;height: 100%;border-radius: 50%;}
.ask-detail .discuss-box .discuss-item .discuss-reply-item .right-content {width: 705px;}
.ask-detail .discuss-box .discuss-item .discuss-reply-item .right-content .nickname {font-size: 14px;margin-top: 2px;}
.ask-detail .discuss-box .discuss-item .discuss-reply-item .right-content p {margin-top: 10px;font-size: 14px;color: #333;line-height: 24px;}
.ask-detail .discuss-box .discuss-item .discuss-reply-item .right-content .bottom {margin-top: 10px;}
.ask-detail .discuss-box .loadmore {display: none;text-align: center;font-size: 16px;padding-bottom:20px;cursor: pointer;color: #999;}
.ask-detail .discuss-box .hasmore span:hover {color: #00b882;text-decoration: underline;}
.ask-detail .pump-box.continue-ask {padding: 0 35px;}
.ask-detail .pump-box.continue-ask .continue-ask-bottom {padding: 15px 0;}
.ask-detail .list-item-content {width: 730px;}
.ask-detail .container-right .img-responsive {width: 100%;}
.ask-detail .supp-qs{padding: 1px 10px;}
.pop-img-list img{margin-right: 5px; cursor: zoom-in;}
.ask-detail .img-preview div{display: inline-block; margin-right: 6px; width: 160px;height: 120px; cursor: zoom-in;background-size: cover;}
.ask-detail .img-preview div:last-child{margin-right: 0;}
.ask-detail .selected-ask ul li{ border-bottom: 1px solid #efefef;}
.ask-detail .selected-ask ul li:last-child{border-bottom: none;}
.ask-detail .selected-ask .answer{word-break: break-all;font-size: 14px;color: #999;}
.ask-detail .reply-box .reply-item{margin-bottom: 20px; border-bottom: 1px dashed #efefef;word-break: break-all;}
.ask-detail .reply-box .reply-item:last-child{margin-bottom: 0; border-bottom: none;}
.ask-detail .reply-box .reply-item .title {
height: 54px;
line-height: 54px;
text-align: center;
font-size: 20px;
color: #000;
border-top-left-radius: 16px;
border-top-right-radius: 16px;
background: linear-gradient(#e0cbb7,#ebdfd2);
}
.ask-detail .reply-box .reply-item dl{margin-bottom: 10px;position: relative;padding-bottom: 10px;}
.ask-detail .reply-box .reply-item dl dt{overflow: visible;}
.ask-detail .reply-box .reply-item dl dd{margin-left: 75px;}
.ask-detail .reply-box .reply-item dl .avatar-box {
position: absolute;
top: 0;
left: 0;
width: 85px;
height: 85px;
border-radius: 50%;
border: 2px solid #ff5400;
text-align: center;
transform: scale(1);
animation: scale .9s ease-out infinite;
animation-fill-mode: both;
}
@keyframes scale {
from {
transform: scale(.75);
}
to {
transform: scale(1);
}
}
.ask-detail .reply-box .reply-item dl .avatar-box img {
width: 65px;
height: 65px;
margin-top: 5px;
}
.ask-main .container .banner { margin-top: 10px;}
.ask-main .container .banner a { display: block;}
.ask-main .container .banner img { width: 100%;}
.ask-detail .reply-box .reply-item .teachar-name span,.parting-line{margin-left: 6px;margin-right: 6px; font-size: 12px;color: #ccc;vertical-align: 1px;}
.ask-detail .reply-box .reply-item .reply-text{margin-top: 10px; font-size: 16px;line-height: 25px;}
.ask-detail .reply-box .comment,.ask-detail .reply-box .thumbs{cursor: pointer;}
.ask-detail .reply-box .thumbs{margin-left: 30px;}
.ask-detail .reply-box .reply-item .comment-list{margin-left: 35px;margin-right: 35px;margin-top: 25px; background-color: #f9f9f9;}
.ask-detail .reply-box .reply-item .comment-list .reply-text{font-size: 14px;margin-right: 80px}
.ask-detail .reply-box .reply-item .comment-list dl dd{margin-left: 55px;}
.ask-detail .reply-box .reply-item .comment-list textarea{height: 144px;resize: none;border-color: #eaeaea;border-radius: 0;}
.ask-detail .reply-box .reply-item .comment-list .btn-commenting{padding: 0;width: 60px; line-height: 28px; background-color: #ff7d5a;border-radius: 3px;outline: none;}
.ask-detail .reply-box .reply-item .comment-list .btn-commenting.not-login{position: absolute;bottom: 20px;right: 20px;width: 100px;}
.ask-detail .reply-box .reply-item .manage-work-info{padding: 15px 20px;background-color: #f9f9f9;border-radius: 4px;}
.ask-detail .reply-box .reply-item .comment-list .manage-work-info{background-color: #fff;}
.ask-detail .reply-box .reply-item .manage-work-info button{margin: 0 10px;padding: 0; width: 55px;height: 25px;outline: none;}
.ask-detail .reply-box .reply-item .manage-work-info .icon-jump{display: inline-block;margin-left: 10px;margin-right: 10px; width: 32px;height: 32px;background-color: #fff;border-radius: 50%;box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.1);vertical-align: middle;}
.ask-detail .reply-box .reply-item .float-reward{position: absolute;top: 5px;right: 10px;display: inline-block;width: 50px;height: 50px;}
.code-hover img{position: absolute;left: 100%;bottom: -6px;margin-left: 10px; height: 30px;cursor: pointer;}
.code-hover:hover img{z-index: 1006;height: 200px;box-shadow: 0 0 20px rgba(0, 0, 0, 0.1), 0 3px 6px rgba(0, 0, 0, 0.2);border-radius: 12px;}
.ask-detail .bind-tip{margin-left: 20px;}
.ask-detail .hot-course-box {margin-top: 25px; visibility: hidden;}
.ask-detail .hot-course-box a{text-decoration: none;}
.ask-detail .hot-course-box .hot-course {padding: 10px; border: 1px solid #efefef;position: relative;}
.ask-detail .hot-course-box .hot-course .cover{width: 100%;height: 153px;}
.ask-detail .hot-course-box .hot-course .course-name {text-align: left; font-size: 14px;color: #333;padding: 10px 0;}
.ask-detail .hot-course-box .hot-course .course-bottom {font-size: 12px;color: #999; }
.ask-detail .hot-course-box .hot-course .free-mark {position:absolute;top:20px;right:0;width:50px;height:22px;line-height: 22px; color: #fff;font-size: 12px;background-color:#e85308;box-shadow:0px 1px 2px 0px rgba(0,0,0,0.2);border-radius:11px 0 0 11px;text-align: center;}
/* .ask-detail .hot-course-box .hot-course h4{margin-top: 35px;margin-bottom: 20px; color: #6a9bff;line-height: 24px;height: 48px;display: -webkit-box;-webkit-box-orient: vertical; -webkit-line-clamp: 2;overflow: hidden;padding: 0 5px;} */
/* .ask-detail .hot-course-box .course-text > span{display: inline-block;width: 64px;height: 27px;line-height: 27px; background-color: #6a9bff;border-radius: 4px;color: #fff;} */
/* .ask-detail .hot-course-box .course-text > div{width: 90%;margin: 50px auto 0;text-align: justify;line-height: 24px;height: 72px;display: -webkit-box;-webkit-box-orient: vertical; -webkit-line-clamp: 3;overflow: hidden;} */
/* .ask-detail .hot-course-box .hot-course-btn{margin-top: 20px; height: 40px;line-height: 40px; background-color: #6a9bff;border-radius: 4px;color: #fff;font-size: 16px;} */
.ask-detail .hot-course-box .carousel-control {background: grey; display: inline-block; height: 32px; width: 32px; margin-top: -16px;top: 50%;}
.ask-detail .seo-data-wx .wx-qr-code{position: absolute;left: 32px;top: 20px;width: 138px;height: 138px;}
.ask-detail .seo-data-wx .img-responsive{width: 100%;}
.ask-detail .seo-data-wx p{position: absolute;left: 63px;bottom: 8px;font-size: 20px;}
.ask-detail .seo-data-wx.teachar .wx-qr-code{left: 729px;top: 25px;}
.ask-detail .seo-data-wx.teachar p{left: 430px;bottom: 42px;}
/* 课程直播 */
.ask-detail .hot-course-box .live-video-box { border-bottom: 1px solid #eee;padding-bottom: 15px;}
.ask-detail .hot-course-box .live-video-box .cover { float: left; width: 35%; height: 167px; box-shadow: 0 2px 4px rgba(0,0,0,.1); }
.ask-detail .hot-course-box .live-video-box .cover a {cursor: pointer;}
.ask-detail .hot-course-box .live-video-box .cover img { width: 100%; height: 100%; }
.ask-detail .hot-course-box .live-video-box .info { float: left; width: 45%; height: 167px; text-align: left; margin-left: 10px; margin-right: 10px;padding: 10px 10px; box-shadow: 0 2px 4px rgba(0,0,0,.1); }
@media screen and (max-width: 1366px) {
.ask-detail .hot-course-box .live-video-box .cover {
height: 150px;
}
.ask-detail .hot-course-box .live-video-box .qr-code img {
margin-bottom: 5px;
}
.ask-detail .hot-course-box .live-video-box .info {
height: 150px;
}
}
.ask-detail .hot-course-box .live-video-box .info .title { font-size: 16px; font-weight: bold; margin-bottom: 20px;}
.ask-detail .hot-course-box .live-video-box .info .title~div { margin-top: 10px;}
.ask-detail .hot-course-box .live-video-box .info .title { font-size: 18px;}
.ask-detail .hot-course-box .live-video-box .info .good-at { display: -webkit-box; -webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden; height: 40px; }
.ask-detail .hot-course-box .live-video-box .info .good-at p { display: inline; }
.ask-detail .hot-course-box .live-video-box>div span { font-weight: bold; }
.ask-detail .hot-course-box .live-video-box>div span.text { font-weight: normal; }
.ask-detail .hot-course-box .live-video-box .qr-code { overflow: hidden; box-shadow: 0 2px 12px rgba(0,0,0,.1); }
.ask-detail .hot-course-box .live-video-box .qr-code img { width: 100%;}
.ask-detail .hot-course-box .course-box { margin-top: 20px; }
.ask-detail .hot-course-box .course-box .course-left { float: left; width: 100px; border-right: 1px solid #eee; }
.ask-detail .hot-course-box .course-box .course-left li { margin-top: 10px; cursor: pointer; font-size: 15px;}
.ask-detail .hot-course-box .course-box .course-left li:first-child { margin-top: 0;}
.ask-detail .hot-course-box .course-box .course-left li.active { font-weight: bold;position: relative; cursor: auto;}
.ask-detail .hot-course-box .course-box .course-left li.active:after { position: absolute; content: ''; left: 50%; bottom: -2px; margin-left: -4px; width: 12px;height: 2px;border-radius: 1px;background-color: #00b882;}
.ask-detail .hot-course-box .course-box .course-left li div~div { margin-top: 8px; }
.ask-detail .hot-course-box .course-box .course-right { overflow: hidden; }
.ask-detail .hot-course-box .course-box .course-right li { float: left; width: 33.33%; padding: 0 30px;}
.ask-detail .hot-course-box .course-box .course-right li~li { border-left: 1px solid #eee;}
.ask-detail .hot-course-box .course-box .course-right li .title { height: 40px;margin-top: 6px;text-align: left; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; }
.ask-detail .hot-course-box .course-box .course-right li div~div { margin-top: 8px; line-height: 24px;}
.ask-detail .hot-course-box .course-box .course-right li .date span { float: left;}
.ask-detail .hot-course-box .course-box .course-right li .watch{ float: right; width: 54px; height: 24px; border-radius: 12px; background-color: #00b882; color: #fff; line-height: 24px; text-align: center; font-size: 12px; box-shadow: 0 2px 12px rgba(0,0,0,.1);}
.ask-detail .share-weixin-popup { display: none; position: fixed;top: 50%;left: 50%; width: 280px; height: 320px; margin-top: -160px; margin-left: -140px;border: 1px solid #eee;background-color: #fff;padding: 15px 20px;}
.ask-detail .share-weixin-popup .title { font-weight: bold; }
.ask-detail .share-weixin-popup img { display: block; margin: 10px auto; width: 200px; height: 200px;}
.ask-detail .share-weixin-popup .text { font-size: 12px; }
.ask-detail .share-weixin-popup .close { position: absolute; top: 10px; right: 10px;}
.ask-detail .banner-jdy img{
width: 100%;
vertical-align: top;
}
.ask-detail .jdy img{
width: 100%;
vertical-align: top;
}
.ask-detail .free-contact-tip { margin: 15px 0;padding: 20px 0;background-color: #fff;text-align: center;}
.ask-detail .free-contact-tip .tip-icon { width: 20px;}
.ask-detail .free-contact-tip>span {vertical-align: middle;font-size: 16px;}
.ask-detail .free-contact-tip .contact { padding: 5px 10px; border-radius: 9999px;background-color: #00b882;color: #fff;vertical-align: middle;font-size: 16px;text-decoration: none;}
.ask-detail .consult-teacher {padding: 15px 0;background-color: #00b882;text-align: center;color: #fff;}
.ask-detail .consult-teacher span { font-size: 16px;}
.ask-detail .consult-teacher .consult {padding: 3px 8px;border: 1px solid #fff;border-radius: 9999px;margin-left: 10px;color: #fff;text-decoration: none;font-size: 16px;}
.ask-detail .relevant-box .relevant-more { height: 46px;line-height: 46px;font-size: 16px;text-align: center;border: 1px solid rgba(0, 184, 130,.5);border-radius: 4px;cursor: pointer;background-color: rgba(0, 184, 130,.1);color: #00b882;}
.free-get-fixed {position: fixed;top: 200px; left: 30px;cursor: pointer; z-index: 10;}
.free-get-fixed .img {width: 100%; vertical-align: top;}
.free-get-fixed .close {position: absolute;top: 0;right: 0;opacity: 1;}
.popup-container .mask{ position: fixed;top: 0;left: 0;right: 0;bottom: 0;background-color: rgba(0,0,0,.3);z-index: 100001;}
.popup-container .popup-content { position: fixed;top: 50%;left: 50%;transform: translate(-50%,-50%);z-index: 100002;background-color: #fff;width: 640px;border-radius: 10px;text-align: center;}
.popup-container .popup-content .img-banner img {
width: 100%;
}
.popup-container .popup-content input {-webkit-appearance: none;outline: none;}
.popup-container .popup-content .phone-box { text-align: center;margin: 0 auto;margin-top: 20px;}
.popup-container .popup-content .phone-box input { width: 100%;height: 40px;background-color: #f1f1f1;padding: 0 30px;border-radius: 9999px;}
.popup-container .popup-content .code-box {margin: 0 auto;}
.popup-container .popup-content .code-box input {width: 320px;height: 40px;border-radius: 9999px;line-height: 40px;padding: 0 30px;background-color: #f1f1f1;}
.popup-container .popup-content .submit {width: 220px;padding: 10px 0;text-align: center;border-radius: 9999px;font-size: 20px;color: #fff;font-weight: bold;background-image: linear-gradient(#fe8c1c, #ef4611);box-shadow: 0 2px 4px rgba(254, 140, 28,.3);margin-top: 24px;margin-bottom: 30px;outline: none;margin-left: auto;margin-right: auto;;}
.popup-container .popup-content .close {position: absolute;left: 50%;bottom: -30px;transform: translateX(-50%);width: 18px;opacity: 1;}
.popup-container .popup-content .form-horizontal {padding: 0 15px;}
.popup-container .popup-content .form-horizontal {margin-left: auto;margin-right: auto;width: 510px;}
.popup-container .popup-content .form-horizontal .form-group .img-seccode{margin-top: 3px;}
.popup-container .popup-content .form-horizontal .form-group .ask-verify-btn {width: 140px;height: 40px;line-height: 40px;text-align: center;border-radius: 20px;color: #f97022;border: 1px solid #f97022;margin-left: 20px;background-color: #fff;outline: none;background-color: #fff;padding: 0;}
.acc5-pub-popup .popup-content { width: 400px;padding: 0 0 30px;}
.popup-container .popup-content .title {font-size: 20px;;font-weight: bold;margin-top: 30px;}
.acc5-pub-popup .popup-content .text { font-size: 16px;}
.acc5-pub-popup .acc5-pub-img { width: 200px;}
.ask-detail .ask-special-topic{position: relative;display: inline-block;height: 35px;width: 200px;border-radius: 9999px;border: 1px solid #eee;line-height: 35px;text-align: center}
.ask-detail .ask-special-topic span{margin-right: 1px !important;}
.ask-detail .ask-special-topic span img{margin-left: 15px;}
.ask-detail .ask-special-topic-code{display: none;position: absolute;z-index: 99;top: 40px;width: 200px;border: 1px solid #f1f1f1;text-align: center;padding: 10px;background: #fff;}
.ask-detail .ask-special-topic-code img {width: 150px;}
.ask-detail .ask-special-topic:hover .ask-special-topic-code{display: block}
.ask-detail .ask-detail-bottom .to-ask { display: inline-block;height: 35px;line-height: 35px;padding: 0 20px;border-radius: 9999px;border: 1px solid #eee;font-size: 14;background-color: #00b882;color: #fff;cursor: pointer;margin-left: 30px;}
.webuploader-container{background: none !important;}
.webuploader-container.abs{position: absolute;}
.webuploader-pick,.webuploader-pick-hover{padding: 0; background: none !important;color: #aaa;}
.wrap .pic-thumb-box li{position: relative;margin-right: 7px;}
.wrap .pic-thumb-box .close{position: absolute;top: -7px;right: -5px;opacity: 1;font-size: 0;}
.wrap .pic-thumb-box .close:hover{opacity: .7;}
.ask-main .relevant-box ul li h3{font-size: 14px;margin: 0px;}
.ask-main .relevant-box ul li{border-bottom: 1px dashed #efefef;}
.ask-main .relevant-box.my-ask ul li a{display: inline-block;width: 800px;}
.title-box{font-size: 16px;}
.ask-main .btn{padding: 5px 0; width: 75px;border-radius: 3px; background-color: #56cd9f;color: #fff;outline: 0;}
.ask-main .btn.btn-df{background-color: #00b882;}
.ask-main .btn.btn-qs{width: 120px;font-size: 16px;}
.ask-main .text-box textarea{padding: 20px; height: 165px;resize: none;overflow-x: hidden;}
.ask-main .form-group .marg{margin-left: 8px;}
.ask-main .form-group input{width: 125px;}
.ask-main .upload-pic{display: inline-block;padding-top: 5px; color: #aaa;text-decoration: none;}
.ask-main .upload-pic .webuploader-pick span {vertical-align: middle}
.ask-main .ification-btns a{display:inline-block;margin-right: 15px;margin-top: 10px;margin-bottom: 10px; width: 90px;height: 25px;line-height: 23px; color: #888;border: solid 1px #e5e5e5; border-radius: 3px;text-align: center;text-decoration: none;}
.ask-main .ification-btns a:hover{border-color: #00b882;color: #00b882;}
.ask-main .ification-btns a.active{background-color: #00b882;border-color: #00b882;color: #fff;}
.ask-main .ification-btns .reply-nav b,.key-word{color: #ff7d5a;}
.ask-main .ification-btns .today{margin-left: 50px;}
.ask-main .r-right >span{display: inline-block;width: 130px;}
.ask-main .r-right .btn-discuss{width: 55px;height: 25px;line-height: 25px;background: none;border: none;border-radius: 3px; color: #00b882;font-size: 14px;outline: none;}
.ask-main .r-right .btn-discuss:hover{background-color: #00b882;color: #fff;}
.ask-main .btn-ev{ width: 50px;height: 25px;line-height: 25px;background: none;border: none;border-radius: 3px; color: #ff7d5a;outline: 0;background-color: #ff7d5a; color: #fff;}
.ask-main .ask-qs-lists{padding-left: 25px;padding-right: 25px;}
.ask-main .ask-qs-lists >div >a{display: block;height: 76px;line-height: 76px; border-bottom: 1px dashed #efefef;text-decoration: none;}
.ask-main .ask-qs-lists >div >a img{float: left;margin-top: 22px; margin-right: 13px;border-radius: 50%;}
.ask-main .ask-qs-lists >div >a .text-ellipsis{display: inline-block;width: 540px;}
.ask-main .ask-qs-lists >div >a .r-right{font-size: 12px;color: #aaa;}
.ask-main .ask-list .info-item .popover{display: block;bottom: 100%;top: auto; padding: 0; width: 240px;border: none;border-radius: 0;}
.ask-main .ask-list .info-item .popover .arrow{left: 18px;}
.ask-main .ask-list .info-item .popover .arrow,.ask-main .ask-list .info-item .popover .arrow:after{border-top-color: #56cd9f;}
.ask-main .ask-list .info-item .popover dl{padding-top: 20px;margin-bottom: 10px;}
.ask-main .ask-list .info-item .popover .ask-bottom{margin-top: 0;}
.ask-main .ask-list .info-item .popover .img-circle{margin-left: 15px; margin-top: 0;margin-bottom: 0;}
.ask-my .img-circle{margin-top: 25px;margin-bottom: 20px;}
.ask-my .user-info b{margin-left: 8px;margin-right: 8px; color: #d2d2d2;font-size: 12px;vertical-align: top;}
.ask-my .user-info span,.help-block span,.svip-price{color: #ff4747;}
.ask-my .help-num{color: #56cd9f;font-size: 16px;}
.i-msg{position: absolute;top: -4px;right: -8px; width: 14px;height: 14px;line-height: 12px; border-radius: 50%;border: 1px solid #fff; background-color: #ff662f;color: #fff;font-size: 10px;font-style: normal;text-align: center;}
.ask-my .i-msg{top: 5px;right: 45px;}
.ask-bottom{margin-top: 40px; height: 60px; background-color: #56cd9f;}
.ask-bottom:before{content: "";position: absolute;left: 50%;top: 13px;height: 35px; border-left: 1px solid #80ddb9;border-right: 1px solid #48bd90;}
.ask-bottom a{color: #fff;text-decoration: none;}
.ask-bottom h4{margin-top: 12px;margin-bottom: 0;font-weight: bold;}
.ask-bottom p{font-size: 12px;}
.ask-bg-box > div span{position: absolute;font-size: 12px;color: #fff;}
.ask-bg-box .ask-bg-z{position: absolute;left: 50%;top: 50%;margin-left: -25px;margin-top: -25px;padding-top: 13px; width: 50px;height: 50px;border-radius: 50%;background-color: #fff; box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.1);}
.ask-bg-box .ask-bg-l{left: 10px;bottom: 50px;width: 135px;height: 20px;line-height: 20px; background-color: #ffa68e;border-radius: 10px;}
.ask-bg-box .ask-bg-r{top: 50px;right: 25px;width: 125px;height: 20px;line-height: 20px; background-color: #ff9579;border-radius: 10px;}
.ask-bg-box .number{font-size: 18px;color: #ff4747;}
.ask-bg-l:before,.ask-bg-r:before{content: ""; position: absolute;right: -10px; top: 50%;margin-top: -2px;width: 4px;height: 4px;background-color: #ffa68e;border-radius: 50%;}
.ask-bg{margin: 15px auto; -webkit-animation: rotate 20s linear infinite;animation: rotate 20s linear infinite;}
.ask-bg-r:before{right: auto;left: -10px; background-color: #ff9579;}
.ask-main .ask-top { border: none; box-shadow: 0 6px 10px 0px rgba(0,0,0,.05)}
.ask-main .ask-top ul li{padding-left: 25px;padding-right: 25px; height: 60px;line-height: 60px;}
.ask-main .ask-top ul li:hover{box-shadow: 0px 1px 8px 0px rgba(26, 106, 75, 0.25);border-radius: 3px;cursor: pointer;}
.ask-main .ask-top ul li a { text-decoration: none;}
.ask-main .ask-top ul li i{display: inline-block;margin-right: 15px; width: 24px;height: 24px;line-height: 24px;text-align: center; border-radius: 50%;background-color: #ddd;color: #fff;font-style: normal;}
.ask-main .ask-top ul li i.circle{background-color: #00B882;}
.ask-main .ask-top ul li .text-ellipsis{display: inline-block;width: 110px;vertical-align: middle;}
.wrap .ask-program{width: 100%;position: fixed;height: 110px;}
.wrap .ask-program-bg{background: #333;opacity: .75;z-index: 18;bottom: 0}
.wrap .ask-program-box{z-index: 18;bottom: 0;color: #fff}
.wrap .ask-program .container{height:110px;position: relative}
.wrap .ask-program-box-title{color: #fff;height: 110px;line-height: 110px;font-size: 42px;}
.wrap .ask-program-box-title img{vertical-align: middle;margin-top: -8px;width: 55px}
.wrap .ask-program-box-title p{display: inline-block;}
.wrap .ask-program-box-img{position: absolute;width: 170px;height: 245px;border-radius: 50%;top: -105px;text-align: center;right: 0px}
.wrap .ask-program-box-img img{width: 150px;border: none;border-radius: 50%;margin-top: 20px}
.wrap .ask-program-box-img p{font-size: 18px;line-height: 40px;height: 40px}
.wrap .ask-program-box-title p span{color: #ffc522}
.wrap .ask-program-box-img-bg{position: absolute;width: 170px;height: 95px;border-radius: 95px 95px 0px 0px;top: -95px;background: #333;opacity: 0.75;right: 0px}
.wrap .ask-main .ask-program-push {position: relative;padding: 30px 20px 20px;box-shadow: 0 6px 10px 0px rgba(0,0,0,.05);}
.wrap .ask-main .ask-program-push .desc-list li {float: left;width: 70px;margin-right: 24px;text-align: center;}
.wrap .ask-main .ask-program-push .desc-list li img {width: 28px;height: 28px;vertical-align: top;}
.wrap .ask-main .ask-program-push .desc-list li span {display: inline-block; font-size: 14px;color: #999;margin-top: 10px;}
.wrap .ask-main .ask-program-push .desc-list li:last-child {margin-right: 0;}
.wrap .ask-program-push a{position: relative;display: block;}
.wrap .ask-program-push a .live-ing{position: absolute;left: 80px;bottom: 100px}
.wrap .ask-program-push .ask-program-code{position: absolute;width: 100%;padding: 5px;left:0;bottom: 0;z-index: 3}
.wrap .ask-program-box-close{position: absolute;right: 10px;top: 0;color: #fff;font-size: 36px;text-decoration: none}
.wrap .ask-program-push .ask-teacher-head img{border-radius: 50%;height: 70px;width: 70px}
.wrap .ask-main .ask-program-push .ask-code h4{color: #00B882;margin-top: 20px;font-size: 14px;color: #999;}
.wrap .ask-main .ask-program-push .ask-code img{width: 160px;height: 160px;margin-top: 20px;}
.ask-main .container-right .topic-discuss {margin-bottom: 25px; background-color: #fff; box-shadow: 0 6px 10px 0 rgba(0, 0, 0, .05);}
.ask-main .container-right .topic-discuss .title { height: 50px; line-height: 50px;border-bottom: 1px solid #efefef;padding-left: 22px;}
.ask-main .container-right .topic-discuss .title img { width: 22px;height: 22px;vertical-align: middle;margin-right: 8px;}
.ask-main .container-right .topic-discuss .title span {font-size: 16px;color: #333;vertical-align: middle;}
.ask-main .container-right .topic-discuss .topic-list { padding: 0 20px;}
.ask-main .container-right .topic-discuss .topic-list .topic-item { padding: 25px 0; border-bottom: 1px dashed #efefef;}
.ask-main .container-right .topic-discuss .topic-list .topic-item .content-text {margin: 0;font-size: 14px;color: #333;line-height: 26px;display: -webkit-box; -webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.ask-main .topic-discuss .topic-item .item-bottom {margin-top: 20px;}
.ask-main .topic-discuss .topic-item .bottom-left {vertical-align: middle;}
.ask-main .topic-discuss .topic-item .bottom-left .avatar-list {display: inline-block;vertical-align: middle}
.ask-main .topic-discuss .topic-item .bottom-left .avatar-list li {margin-right: 1px; width: 20px;height: 20px;border-radius: 50%;background-color: #d2d2d2;color: #fff;text-align: center;line-height: 20px;overflow: hidden;}
.ask-main .topic-discuss .topic-item .bottom-left .avatar-list li img {width: 20px;height: 20px; vertical-align: top;}
.ask-main .topic-discuss .topic-item .bottom-left span {font-size: 12px;color: #999;vertical-align: middle}
.ask-main .topic-discuss .topic-item .bottom-right a {display: inline-block;width: 62px;height: 25px;border-radius: 4px;border: 1px solid #cae2db;background-color: #eaf4f1;color: #00b882;line-height: 25px;text-align: center;font-size: 12px;text-decoration: none;}
.ask-main .topic-discuss .topic-item .bottom-right a:hover { background-color: #00b882;color: #fff;}
.wrap .ask-program-push .ask-teacher-head p{height: 30px;line-height: 30px;color: #444c57;font-size: 16px;overflow: hidden}
.wrap .ask-program-push .ask-teacher-head .ask-teacher-title{background-color: #00B882;padding: 5px 8px;color: #fff}
@media screen and (max-width: 1366px) {
.ask-main .banner .banner-content {width: 1000px;}
.ask-main .container .container-left { width: 755px;}
.ask-main .container .container-right { width: 230px;}
.wrap .ask-main .ask-program-push .desc-list li {margin-right: 20px;width: auto;}
.wrap .ask-main .ask-program-push .desc-list li span {font-size: 12px;}
.ask-main .form-group input.phonenum { width: 120px;}
.ask-main .form-group input.m-media { width: 100px;}
.ask-main .container-left .verify-tourist .msg-box input { width: 135px;}
.ask-main .container-left .title-box { padding: 15px; }
.ask-main .container-left .text-box { padding-left: 15px; padding-right: 15px; }
.ask-main .container-left .form-verify { padding: 15px; }
.ask-main .tab-nav {padding-left: 25px;padding-right: 20px;padding-top: 5px;}
.ask-main .tab-nav .nav-list { height: 45px;line-height: 44px;}
.ask-main .tab-nav .nav-list a {font-size: 16px;}
.ask-main .tab-nav .nav-right { height: 45px;line-height: 44px;}
.ask-main .container-left .list-container .info-list .info-item {padding: 25px;}
.ask-main .container-left .list-container .info-item .right-content {width: 640px;}
.ask-main .container-left .list-container .info-item .left-img img {width: 40px;height: 40px;}
.ask-main .topic-discuss .topic-item .bottom-left .avatar-list li:nth-child(2) { display: none}
.ask-main .topic-discuss .topic-item .bottom-left .avatar-list li:nth-child(3) { display: none}
.ask-detail .main-content-container { width: 755px;}
.ask-detail .list-item-content {width: 610px;}
.ask-detail .discuss-box .discuss-item .discuss-reply-item .right-content {width: 590px;}
.ask-main .banner .banner-content .banner-right {width: 380px;}
.ask-main .banner .banner-content .banner-right form {width: 310px;}
.ask-main .banner .banner-content .banner-right .input-text {width: 310px;}
}
/*老师介绍页*/
.teacher-main .banner{height: 400px;background: url(../image/4f3e18d0cb17a88428c5bb4178503d54.jpg) no-repeat center center;background-size: cover;}
.teacher-main .teacher-classfiy .border-span{border-left: none;color: #333;}
.teacher-main .teacher-classfiy .teacher-search{position: absolute;right: 20px;top: 11px;width: 290px;}
.teacher-main .teacher-classfiy .teacher-search .search{height: 40px;}
.teacher-main .teacher-classfiy .teacher-search button{position: absolute;right: 4px;top: 3px;width: 60px;height: 34px;background-color: #00b882;border-radius: 3px;border: none;outline: none;}
.teacher-main .teacher-classfiy .teacher-search button i{-webkit-transform: scale(.8);transform: scale(.8);}
.teacher-main .teacher-classfiy .classfiy-list{padding: 30px;}
.teacher-main .teacher-classfiy .classfiy-list dl.last{margin-bottom: 0;}
.teacher-main .teacher-classfiy .classfiy-list dl dd{margin-left: 80px;}
.teacher-main .teacher-classfiy .classfiy-list a{display: inline-block;margin-right: 5px;margin-bottom: 5px; line-height: 25px; padding-left: 10px;padding-right: 10px; border-radius: 13px;color: #666;text-decoration: none;}
.teacher-main .teacher-classfiy .classfiy-list a.active,.teacher-main .teacher-classfiy .classfiy-list a:hover{background-color: #00b882;color: #fff;}
.teacher-main .teacher-lists > a{float: left;text-decoration: none;}
.teacher-main .teacher-lists > a:nth-of-type(even){float: right;}
.teacher-main .teacher-lists .list{width:580px;padding: 30px;margin-bottom: 20px; background-color: #fff;box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .06);}
.teacher-main .teacher-lists .list dl{margin-bottom: 0;}
.teacher-main .teacher-lists .list dl dd{margin-left: 210px;}
.teacher-main .teacher-lists .list dl dd .overflow{height: 90px; color: #555;line-height: 28px;overflow: hidden;}
.teacher-main .teacher-lists .list .teacher-img{width: 180px;height: 220px;background-color: #f9f9f9;border-radius: 8px;background-size: cover;}
.teacher-main .teacher-lists .list .teacher-name{font-size: 20px;}
.teacher-main .teacher-lists .list .teacher-name .toggle-tab{vertical-align: 3px;}
/*老师详情页*/
.teacher-detail .banner{height: 450px;background: url(../image/179227_5d68e4b04eed8.png) no-repeat center center;}
.teacher-detail .banner .info{height: 450px;padding-right: 450px;padding-top: 80px;font-size: 16px;}
.teacher-detail .banner .info .teacher-name{font-size: 30px;}
.teacher-detail .banner .info .toggle-tab{margin-left: 20px;margin-right: 20px; width: 28px;height: 28px;line-height: 28px; font-size: 16px;vertical-align: middle;}
.teacher-detail .banner .info .toggle-tab.ke{margin-right: 0;}
.teacher-detail .banner .info .gold{display: inline-block;padding-left: 15px;padding-right: 15px; line-height: 30px;background-image: linear-gradient(-90deg, #c2a474 0%, #cfb58c 100%), linear-gradient(#e5e5e5, #e5e5e5);border-radius: 15px;font-size: 16px;color: #fff;vertical-align: middle;}
.teacher-detail .banner .info img{position: absolute;bottom: 0;right: 130px;height: 350px;}
.teacher-detail .course-type a{display:inline-block;padding: 6px 15px;margin-right: 20px; border-radius: 18px;border: solid 1px #c5c5c5;color: #666;text-decoration: none;}
.teacher-detail .course-type a.active,.teacher-detail .course-type a:hover{background-color: #00b882;color: #fff;border-color: transparent;}
.teacher-detail .btn-reward{margin-top: -4px; background-color: #ffe9de;color: #ff5a34;border-radius: 8px;outline: none;}
.teacher-detail .btn-reward i{margin-right: 10px;vertical-align: text-bottom;}
.teacher-detail .send textarea{width: 100%; height: 260px; border: none;outline: none;resize: none;}
.teacher-detail .send .btn-send{border-radius: 23px;font-size: 16px;}
.teacher-detail .detail-course-main .course-comment{padding: 0;}
.teacher-detail .detail-course-main .course-comment dl{padding-top: 10px;}
.teacher-detail .detail-course-main .course-comment dl dd{margin-left: 60px;}
.teacher-detail .teacher-items a{text-decoration: none;}
.teacher-detail .teacher-items .item{margin-right: 25px; width: 200px;height: 265px;background-color: #f9f9f9;border-radius: 8px;overflow: hidden;}
.teacher-detail .teacher-items .item img{position: absolute;bottom: 0;left: 50%;margin-left: -93px; height: 248px;}
.teacher-detail .teacher-items .item .teachar-desc{position: absolute;top: 85%;left: 0;padding-left: 20px;padding-right: 20px; width: 100%;height: 100%;line-height: 24px; background-color: rgba(0,0,0,.8);color: #fff;font-size: 12px;overflow-y: auto;}
.teacher-detail .teacher-items .item:hover .teachar-desc{top: 0;}
.toggle-tab{display: inline-block;margin-left: 7px;margin-right: 7px; width: 20px;height: 20px;line-height: 18px; color: #fff;background-color: #ff7d5a; font-size: 12px;text-decoration: none;border-radius: 50%;text-align: center;}
.toggle-tab.ke{background-color: #259cf8;}
.teachar-items{padding-top: 65px;padding-bottom: 45px;}
.teachar-items a{text-decoration: none;}
.teachar-items .item{display: inline-block;margin-left: 30px;margin-right: 30px;padding: 0 35px; width: 224px;height: 280px;background-color: #f8f8f8;vertical-align: middle;}
.teachar-items .item.last{margin-right:0;}
.teachar-items .item img{margin-top: -20px; width: 110px;height: 110px;background-color: #dbdbdb;}
.teachar-items .item .teachar-desc{height: 80px; line-height: 26px;overflow: hidden;}
.teachar-items .item .teachar-desc span{line-height: normal;}
.teachar-items .item:hover{box-shadow: 0px 3px 2px 0px rgba(0, 0, 0, 0.1);}
.teachar-items .item:hover img{width: 80px;height: 80px;}
.teachar-items .item:hover h3,.teachar-items .item:hover p{display: none;}
.teachar-items .item:hover .teachar-desc{height: 215px;}
@media screen and (max-width: 1366px) {
.live-main .left{width: 190px;font-size: 14px;}
.live-main .left .liveScrollspy{width: 190px;}
.live-main .right{width: 800px;}
.live-main .left ul li:first-child .s-menu{top: -51px;}
.live-main .zero-c{margin-top: 82px;}
.live-main .left-classfiy h5{line-height: 38px; font-size: 14px;}
.live-main .left-classfiy ul li{padding: 10px 15px;}
.live-main .left-classfiy ul li div a{font-size: 12px;}
.live-main .left-classfiy ul li .icons{-webkit-transform: scale(.6);transform: scale(.6);}
.live-main .left-classfiy ul li .s-menu{padding: 10px;}
.live-main .left-classfiy ul li .s-menu .mb-20{margin-bottom: 10px;}
.live-main.new .live-toolbar h4{font-size: 16px;}
.live-main .left-classfiy ul li .s-menu .first-text,.live-main.new .live-toolbar h4 span,.live-main.new .live-toolbar .sort-filter .dropdown-toggle,.live-main.new .course-items.new .course-type{font-size: 14px;}
.live-main.new .live-toolbar .sort-filter .dropdown-menu.teacher-filter{width: 469px;}
.live-main.new .course-items.new .course-type{line-height: 27px;}
.live-main.new .course-items.new .course-new:after{top: -15px;right: -10px; width: 40px;height: 40px;background-size: 100% 100%;}
.live-toolbar > a{font-size: 14px;}
.course-item{margin-top: 15px;margin-right: 10px; width: 192px;height: 203px;}
.course-item .course-item-img{width: 192px;height: 120px;}
.course-item-bot .live-teacher-name{display: inline-block; width: 105px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.special .course-item-bot{width: 180px;height: 75px;}
.special .course-item-bot h5{padding-top: 10px;padding-bottom: 10px;}
.special .course-item:after{height: 83px;}
.special .course-item:before{height: 79px;}
.live-detail-box .detail-course-left > img{width: 372px;height: 248px;}
.live-detail-box .detail-course-right{padding: 25px;width: 628px;height: 248px;}
.live-detail-box .detail-course-right .course-time{margin-top: 15px;}
.live-detail-box .detail-course-main .course-chapter .panel-body p>a{width: 380px;}
.live-detail-box .detail-course-main .data-download > p>a{display: inline-block;width: 585px;}
.live-detail-box .detail-course-main .zero-m{margin-top: 145px;}
.practice a{width: 73px;}
.pad-box{padding: 10px 15px;}
.ask-main .form-group input{width: 125px;}
.ask-main .form-group .marg{margin-left: 8px;}
.ask-main .ask-qs-lists >div >a .text-ellipsis {width: 450px;}
.ask-main .r-right >span{width: 110px;}
.ask-main .ask-qs-lists,.ask-main .ask-top ul li{padding-left: 15px;padding-right: 15px;}
.ask-main .ask-top ul li i{margin-right: 8px;}
.ask-main .relevant-box.my-ask ul li a{width: 670px;}
.ask-detail .img-preview div{margin-right: 5px; width: 132px;height: 99px;}
.ask-detail .ask-user-info.ask-fixed-top{width: 755px;}
.ask-detail .hot-course-box .hot-course .course-text{width: 220px;}
.ask-detail .hot-course-box .hot-course-btn{height: 36px;line-height: 36px;font-size: 14px;}
.ask-detail .seo-data-wx .wx-qr-code{width: 110px;height: 110px;}
.ask-detail .seo-data-wx p{bottom: 2px;font-size: 18px;}
.ask-detail .seo-data-wx.teachar .wx-qr-code{left: 610px;top: 30px;}
.ask-detail .seo-data-wx.teachar p{left: 358px;bottom: 32px;}
.teacher-main .teacher-classfiy .teacher-search{top: 6px;}
.teacher-main .teacher-lists .list{padding: 15px;width: 490px;}
.teacher-detail .teacher-items .item{width: 185px;height: 230px;margin-right: 8px;}
.teacher-detail .teacher-items .item img{margin-left: -84px; height: 224px;}
.teacher-detail .banner .info img{right: 40px;}
.teachar-items .item{margin-left: 10px;margin-right: 10px;}
.footer .acc5-desc dl{margin-right: 28px;}
.footer .acc5-desc .footer-qrcode{margin-left: 35px;}
.footer .acc5-desc .footer-kf{font-size: 12px;}
.wrap .ask-program-push a .live-ing{position: absolute;left: 70px;bottom: 89px}
.popup-container .popup-content {width: 480px;}
.popup-container .popup-content .form-horizontal { width: 400px;}
.popup-container .popup-content .code-box input { width: 220px;}
.popup-container .popup-content .form-horizontal .form-group .ask-verify-btn { width: 100px;}
.ask-detail .hot-course-box .hot-course .cover{height: 124px;}
.ask-main.ask-detail .reply-item .gold {margin-left: 0;}
}
/*直播播放*/
.live-icon{display: inline-block;background: url(../image/live_icons.png) no-repeat;}
.live-icon.back{width: 25px;height: 20px;background-position: -38px -61px;}
.live-icon.bell{width: 15px;height: 16px;background-position: -122px -137px;}
.live-icon.k-one{width: 32px;height: 20px;background-position: -2px -61px;}
.live-icon.k-two{width: 43px;height: 20px;background-position: -2px -37px;}
.live-icon.switch-line{width: 19px;height: 18px;background-position: -49px -137px;}
.live-icon.wechat{width: 23px;height: 18px;background-position: -102px -111px;}
.live-icon.unknown{width: 20px;height: 20px;background-position: -2px -137px;}
.live-icon.app{width: 18px;height: 20px;background-position: -161px -2px;}
.live-icon.assess{width: 20px;height: 18px;background-position: -129px -111px;}
.live-icon.users{width: 25px;height: 18px;background-position: -67px -61px;}
.live-icon.ask{width: 21px;height: 20px;background-position: -49px -37px;}
.live-icon.slide{width: 30px; height: 22px;background-position: -74px -28px;}
.live-icon.synopsis{width: 22px;height: 22px;background-position: -55px -85px;}
.live-icon.catalog{width: 21px;height: 16px;background-position: -72px -137px;}
.live-icon.lives{width: 22px;height: 22px;background-position: -135px -28px;}
.live-icon.communication{width: 23px;height: 22px;background-position: -108px -2px;}
.live-icon.rate{width: 22px;height: 22px;background-position: -29px -85px;}
.live-icon.notes{width: 20px;height: 22px;background-position: -26px -111px;}
.live-icon.download{width: 23px;height: 22px;background-position: -108px -54px;}
.live-icon.dl-icon{width: 16px;height: 16px;background-position: -161px -124px;vertical-align: middle;}
.live-icon.timing{width: 15px;height: 15px;background-position: -183px -21px;}
.live-icon.notice-close{width: 10px;height: 10px;background-position: -19px -179px;}
.live-icon.chatlook{width: 17px; height: 16px;background-position: -161px -66px;}
.live-icon.chatk1{width: 17px; height: 16px;background-position: -161px -46px;}
.live-icon.chatk2{width: 17px; height: 16px;background-position: -161px -26px;}
.live-icon.voice{width: 17px; height: 14px;background-position: -2px -161px;}
.live-icon.voice.silence{width: 19px;height: 19px;background-position: -26px -137px;}
.live-icon.play{width: 13px; height: 14px;background-position: -41px -161px;}
.live-icon.play.pulse{width: 13px; height: 16px;background-position: -81px -161px;}
.live-icon.exchange{width: 16px;height: 16px;background-position: -23px -161px;}
.live-icon.doublevideo{width: 16px;height: 16px;background-position: -2px -179px;}
.live-icon.doublevideo.onlyone{background-position: -183px -58px;}
.live-icon.scalescreen{width: 14px;height: 14px;background-position: -183px -40px;}
.live-icon.scalescreen.narrow{background-position: -183px -130px;}
.live-icon.fullscreen{width: 14px;height: 14px;background-position: -183px -112px;}
.live-icon.fullscreen.restore{background-position: -183px -148px;}
.live-icon.star{width: 32px;height: 31px;background-position: -2px -2px;}
.live-icon.star.active{background-position: -38px -2px;}
.live-icon.thumbs-up{width: 22px;height: 20px;background-position: -135px -78px;}
.live-icon.thumbs-down{width: 22px;height: 20px;background-position: -76px -111px;}
.live-icon.arrow{width: 16px;height: 9px;background-position: -56px -161px;}
.live-icon.read-video{width: 18px;height: 15px;background-position: -161px -86px;}
.live-icon.read-video.gray{background-position: -161px -105px;}
.live-icon.star-14{width: 14px;height: 14px;background-position: -183px -94px;}
.live-icon.star-14.active{background-position: -183px -76px;}
.live-icon.clock{width: 15px;height: 15px;background-position: -183px -2px;}
.live-icon.g-clock{width: 15px;height: 15px;background-position: -183px -21px;}
/*聊天表情框1*/
.chat-express{display: none;position: absolute;top:-120px;left:0;z-index: 11; width: 275px;height: 113px;border:1px solid #35D48F;background: #fff;}
.chat-express-title{height: 35px;padding: 0 15px;line-height: 35px;font-size: 16px;color:#35D48F;}
.chat-express-sets ul li{float: left;width: 39px;height: 38px;margin: -1px 0 0 0px;border: 1px solid #DDECF5;background: #F6FBFE;line-height: 36px;text-align: center;}
.chat-express-sets ul li:hover{position: relative;z-index: 1;border: 1px solid #35D48F;background: #FFFFFF;}
.chat-express-sets ul li>a{display: block;width: 100%;height: 100%;padding: 0;}
/*聊天表情框2*/
.face-list{display: none;z-index: 10; position: absolute;background: #fff;top: -136px;left: -4%;width: 110%;line-height: normal;box-shadow: 0 0 20px rgba(0,0,0,.2);}
.face-list ul{height: 129px;padding: 15px 10px;border: 1px solid #D9D9D9;}
.face-list ul li{cursor: pointer;float: left;border: 1px solid #e8e8e8;overflow: hidden;margin: -1px 0 0 -1px;padding: 5px;text-align: center;}
.face-list ul li>img{width: 22px;height: 22px;}
.face-list ul li:hover{position: relative;z-index: 2;border:1px solid #00b28e;}
.face-list .carousel-indicators{bottom:-1px;margin-bottom: 0;}
.face-list .carousel-indicators li{width: 7px;height: 7px;margin: 0;border:none;border-radius: 50%; background-color: #bbb;}
.face-list .carousel-indicators .active{background-color: #00b28e;}
.live-play-main{position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: url(../image/live_bg.jpg) repeat-y 100% 100%;}
.live-play-main a,.live-play-main a:hover,.live-play-main a:focus{color: #CCCCCC;text-decoration: none;outline: none;}
.live-play-main ul,.live-play-main p{margin: 0;}
/*videojs播放时间*/
.live-play-main #video_remaining{float: right;}
.live-play-main #video_duration{float: left;margin-right: .4em;}
/*直播 做题 弹窗*/
.live-play-main .lottery-box{background-image: url(../image/179227_5d4d1ea2e82a8.png);}
.live-play-main .lottery-box .blin{position: absolute;left: 0;top: 0;z-index: -1; width: 600px;height: 600px; background-image: url(../image/179227_5d4d1ea303014.png);animation: circle 10s linear infinite;}
.live-play-main .pop-image-dialog .box-list{padding-left: 40px;padding-right: 40px;border-radius: 16px;}
.live-play-main .pop-image-dialog .box-list img{margin-top: -130px;}
.live-play-main .pop-image-dialog .box-list p{padding-left: 20px;padding-right: 20px; line-height: 48px;font-size: 18px;border-radius: 25px;}
.live-play-main .pop-image-dialog .box-list p.tip{background-color: #fdf5f4;color: #fe675e;}
.live-play-main .pop-image-dialog .box-list h3{margin-top: 0;font-size: 20px;}
.live-play-main .pop-image-dialog .box-list h4{width: 320px;border-bottom: 1px dashed #ccc;}
.live-play-main .pop-image-dialog .box-list h4 span{bottom: -10px; display: inline-block;padding-left: 10px;padding-right: 10px;background-color: #fff;}
.live-play-main .pop-image-dialog .sign-countdown{font-size: 16px;color: #c2c5cc;}
.live-play-main .pop-image-dialog .sign-countdown span{display: inline-block;margin-left: 5px;margin-right: 5px; padding: 4px 6px;border-radius: 4px; background-color: #f2f3f5;font-size: 22px;color: #fe675e;}
.live-play-main .sign-blin{position: absolute;left: 0;top: -120px;z-index: -1; width: 280px;height: 280px; background-image: url(../image/179227_5d4d5304c1c19.png);animation: circle 10s linear infinite;}
.live-play-main .pop-image-dialog .btn{width: 255px;border-radius: 30px; background-color: #0abea0;font-size: 28px;font-weight: bold;color: #fff;outline: none;}
.live-play-main .dialog-exam .dialog-tip{margin-top: 1px;padding-left: 10px; line-height: 32px;background-color: #ebf7f5;color: #0abea0;}
.live-play-main .dialog-exam .exam-step > div{position: relative; width: 50%;color: #999;font-size: 16px;}
.live-play-main .dialog-exam .exam-step > div:before{content: "";position: absolute;left: 0;top: 13px;z-index: -1; width: 100%;height: 6px;background-color: #eee;}
.live-play-main .dialog-exam .exam-step > div.active{color: #0abea0;}
.live-play-main .dialog-exam .exam-step > div.active:before{background-color: #ebf7f5;}
.live-play-main .dialog-exam .exam-step > div i{display: inline-block;width: 32px;height: 32px;line-height: 32px; background-color: #eee;border-radius: 50%;font-size: 20px; font-style: normal;}
.live-play-main .dialog-exam .exam-step > div.active i{background-color: #0abea0;color: #fff;}
.live-play-main .dialog-exam .exam-step > div p{margin-top: 13px;margin-bottom: 60px;}
.live-play-main .dialog-exam .exam-step > .answer span{display: inline-block;margin-left: 10px;margin-right: 10px; width: 54px;height: 54px;line-height: 48px; border: solid 2px #ccc;background: url(../image/179227_5d51310bb3806.png) no-repeat center center;border-radius: 50%;cursor: pointer;font-size: 28px;font-weight: bold;vertical-align: middle;}
.live-play-main .dialog-exam .exam-step > .answer span.judge{margin-left: 50px;margin-right: 50px;}
.live-play-main .dialog-exam .exam-step > .answer span.err{background-image: url(../image/179227_5d5131ed8486f.png);}
.live-play-main .dialog-exam .exam-step > .answer span.active{color: #fff; background-color: #0abea0;border-color: transparent;background-image: url(../image/179227_5d5132d73eaec.png);}
.live-play-main .dialog-exam .exam-step > .answer span.active.err{background-image: url(../image/179227_5d5132d73d31f.png);}
.live-play-main .dialog-exam .exam-step > .answer span.none{background-image: none;}
.live-play-main .dialog-exam .exam-step > .answer span.check{border-radius: 4px;}
.live-play-main .dialog-exam .btn-submit{margin-top: 70px; width: 160px;line-height: 46px;padding: 0; background-color: #0abea0;border-radius: 24px; font-size: 24px;color: #fff;outline: none;}
.live-play-main .dialog-exam .progress{margin-bottom: 0;margin-right: 10px; height: 10px;width: 200px;background-color: #f2f3f5;box-shadow: none;border-radius: 5px;}
.live-play-main .dialog-exam .progress-bar{background-color: #0abea0;box-shadow: none;border-radius: 5px;}
.live-play-main .dialog-exam .answer-list > span{display: inline-block;margin-right: 5px; width: 32px;height: 32px;line-height: 32px; background-color: #0abea0;color: #fff;font-size: 20px; border-radius: 4px;vertical-align: middle;text-align: center;}
.live-play-main .dialog-exam .answer-list.err > span,.live-play-main .dialog-exam .answer-list.err .progress-bar{background-color: #fe675e;}
.live-play-main .dialog-exam .questions{padding: 5px 20px; width: 540px;max-height: 400px;overflow-y: auto;}
.live-play-main .dialog-exam .questions .title{line-height: 28px;}
.live-play-main .dialog-exam .questions .option dt i{display: inline-block; width: 30px;height: 30px;line-height: 26px; border: solid 1px #cccccc;font-size: 16px;text-align: center;border-radius: 50%;font-style: normal;}
.live-play-main .dialog-exam .questions .option .active i{color: #fff; background-color: #0abea0;border-color: transparent;}
.live-play-main .dialog-exam .questions .multi .option i{border-radius: 4px;}
.live-play-main .dialog-exam .questions .option .err i,.live-play-main .dialog-exam .questions .option .err .progress-bar{background-color: #fe675e;border-color: transparent; color: #fff;}
.live-play-main .dialog-exam .questions .option dt{width: auto;cursor: pointer;}
.live-play-main .dialog-exam .questions .option dd{position: relative; padding-top: 5px;margin-left:50px;cursor: pointer;}
.live-play-main .dialog-exam .questions .option dd > .pull-right{position: absolute;top: 0;right: 0;}
.live-play-main .dialog-exam .questions .vote-result .option dt,.live-play-main .dialog-exam .questions .vote-result .option dd{cursor: auto;}
.live-play-main .dialog-exam .questions .vote-result .option dd{padding-right: 240px;}
.live-play-main .dialog-exam .questions .option .progress{width: 90px;}
.live-play-main .dialog-exam .questions .option .vote-num{width: 140px;}
.live-play-main .dialog-exam .dialog-bottom{padding-top: 15px;padding-bottom: 15px; border-top:1px solid #e3e4e6;}
.live-play-main .dialog-exam .dialog-bottom a{display: inline-block; width: 140px;height: 42px;line-height: 40px; border-radius: 24px;background-color: #0abea0;color: #fff;font-size: 20px;}
/*切换播放器按钮*/
.change-play-type{position: absolute;left: -90px;top: 150px;z-index: 4;padding-left: 10px; width: 130px;line-height: 38px; color: #fff;background-color: rgba(0,0,0,.8);border-radius: 0 30px 30px 0;}
.change-play-type.active,.change-play-type:hover{left: 0;}
.change-play-type img{position: absolute;right: 7px;top: 2px;}
.change-play-type.flash img{right: -1px;top: -1px;}
/*滑出*/
/*.reback{-webkit-transform: scale(.1);transform: scale(.1); -webkit-animation: reback .5s linear forwards;animation: reback .5s linear forwards;}*/
.live-header{position: fixed;top: 0;left: 0;width: 100%;height: 65px;padding-right: 60px;background-color: #0d0e12;line-height: 65px;font-size: 14px;color: #ccc;z-index: 100;}
.live-header .live-header-logo{margin-left: 30px;margin-right: 30px; height: 30px;}
.live-header .reservation{display: inline-block; width: 105px;height: 30px;line-height: 30px;text-align: center; background-color: #00b882;border-radius: 15px;color: #fff;}
.live-header .reservation.success{background-color: #333;}
.live-header .reservation:hover{color: #fff;}
.live-header .reservation i{display: inline-block; width: 18px;height: 17px;vertical-align: text-bottom;margin-right: 5px; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAARCAYAAADQWvz5AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA3ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTM4IDc5LjE1OTgyNCwgMjAxNi8wOS8xNC0wMTowOTowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo3ZGQwZGMwOC01MzBkLTk4NDctYmE5NC02YTNhZGNjMDhmMzkiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NDJCNTgyOTg2NEFCMTFFODg2NzNGNjJDREZFQUQ2NTYiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NDJCNTgyOTc2NEFCMTFFODg2NzNGNjJDREZFQUQ2NTYiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTcgKFdpbmRvd3MpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6N2RkMGRjMDgtNTMwZC05ODQ3LWJhOTQtNmEzYWRjYzA4ZjM5IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjdkZDBkYzA4LTUzMGQtOTg0Ny1iYTk0LTZhM2FkY2MwOGYzOSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pqao2w4AAAL/SURBVHjaYmRYXMzMwMDACMOh8vpss8xDgnlY2f2ZGRnNGRkYxYDiDP8Z/r/6+///yS+/f25MO7lm7eqHF3+BhaGYEWgQC5DBBMKvQxtdhdi4JgLZv778+bnkybePB0+/ffwMZJCpsKyUDBe/PQ8LewyQy/bu17d80dX1u4HsfyAMMogNZMjH8JZ0PlaOdqCCGsOtffMfff3wH+pKZPBfjluA8bx3USLQwpZPv39U8q+smQkziBPokgBhdq5ZVz+8DNLd0nMW2avIhiDR/y77lJhoC4ive/vzWxrQZRuY5lqGCQINmfz8++dyoCHngIqYoZjppl+5vzqfKCuawaBgYAZZ+PL7lzKQXpAZTIGyutHAQHyivrFzNVQRXJMan+jsGl0XCaRARQaMaps6VoH0gsxg4mFhC3z78+sKYOAyIBmEDv6jYbBBn3//ZHj/89tykBlMLExMhjc+vjoLNYQBj0EM2Fx16/ObcyAzmIDphOPB1/fvGMgE97+8fQsygwmY0H7IcgkIY7EdBP55SWtGAcNJAItrwC4C6QWZwfT7378LwJgxwRIW/y69fx7Ozcxm0qTvfulLRFvXZsckZfSwUuEVMQWZwQQM6E1iHDzh3Cxs6AHLoL+19yDH8orggy/vuQO57N7Smge/R3YstRZVYAe5BpjKGUF6QWYw9V8/tIqZkUkGmMDCkAIbJd047p5+g2dFVWH31QNGz79/2grMOuBUf8mnOBykt/vagdWglC1yw6/cT41PZOKx1w/DbXZOOYMUc4xoYQMz/P9BtywjWzHFlcAYL9Da3L0JFOX/NTZ1bn767VOzlaj82sdBtQki7NxMWDSDMzYwjzHfD6iKBxqy9vHXj61AQ7bAcr8QLCFe8C5y0hGQ6Pj3//9vYB5acfnD8yPHXj8A535zETlpXQFJG1CYgHL/xffPKk23T9wPzf1/QQYJQPMW2GZQ3trsmOwnxcnnzcHMYgwMA1GQQX///3v97c/vc0++fdjme2De5ruf3/6GevsvCAMEGAAaq0pAFmQNZQAAAABJRU5ErkJggg==);}
.live-header .reservation.success i{background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAARCAYAAADQWvz5AAABHElEQVQ4ja3UvU5CQRAF4IX4AFTWvIAVGqW1sZIYaCSY0FiICXYa38CH8RlssLa1ooPOxMLiGrX4LJzLzw0gJNzkJHtn55yZnd2ZhFTADtp4xBg/gXHY2uEzxyuKnGCIV9yhht1ADbexNwzfhUI9ZLhGeUGmOcrhkwVnTqiJD9RXCBRRD04zF6rgDd0NRHJ0g1tJ6OMFpTXJZ3iOdSm4/YRBiK0jcoFvXM7Y+hikKNrBGiI9fOG8YN9Hlvx91ZmNARoF5/sIeLogQFUsslCdjfyJTvw/xO0cL8l0ktGiGnXiGE94x+GKI09qtOzWGmHfWyGS39rNVt9RQsvmL/soOC1Leq3n/167Mu3LVBRKttT9OWbn0ch0Ho2smEe/WE3bbdpcY80AAAAASUVORK5CYII=);}
.live-header .live-share{margin-right: 63px;}
.live-header .live-share a{position: absolute;right: 0;top: 15px;z-index: 10; padding-left: 0; margin: 0; width: 40px;height: 40px; background: none;}
.live-header .live-share span.icons{margin-left: 15px; vertical-align: middle;transform: scale(.8);cursor: pointer;}
.live-header .back{margin: 0 36px;vertical-align: middle;}
.live-header .breadcrumb{display: inline-block;padding: 0;margin-bottom: 0;background: none;}
.live-header .breadcrumb a{color: #CCC;}
.live-header .login{margin-left: 40px;}
.live-header .userhead{width: 30px;height: 30px;margin-right: 6px;border-radius: 50%;}
.live-header .user-info-header .dropdown-menu a{color: #333;}
.live-header .user-info-header .dropdown-menu a:hover{color: #00B882;}
.live-container{position: absolute;top: 50%;left: 50%;width: 1120px;margin-top: -360px;margin-left: -560px;background-color: #FFFFFF;overflow: hidden;}
.live-container .l-box{float: left;height: 360px;width: 480px;}
.live-container .r-box{float: left;height: 360px;width: 640px;}
.live-container .video-area,.live-container .doc-area{height: 100%;}
.live-container .l-box.bottom{background-color: #DCE1E8;padding: 34px 0 34px 25px;}
.live-container .l-box.bottom .scan-card{float: left;position: relative;width: 205px;height: 290px;background-color: #FFFFFF;text-align: center;}
.live-container .l-box.bottom .scan-card.right{margin-left: 20px;padding-top: 22px;}
.live-container .l-box.bottom .scan-card h4 {margin-top: 30px;margin-bottom: 18px;font-weight: bold;}
.live-container .l-box.bottom .scan-card h4 img{margin-right: 8px;}
.live-container .l-box.bottom .scan-card .tip-text{margin-bottom: 15px;letter-spacing: 1px;}
.live-container .l-box.bottom .scan-card .qr-code{width: 123px;height: 123px;}
.live-container .l-box.bottom .scan-card .wx-account{margin-top: 12px;color: #66BA62;}
.live-container .l-box.bottom .show-content{float: left;padding-top: 77px;padding-left: 40px;text-align: center;}
.live-container .l-box.bottom .show-content .red-text{color: #FF5656;}
.live-container .l-box.bottom .show-content b{font-size: 18px;letter-spacing: 1px;}
.live-container .l-box.bottom .show-content p{margin-top: 13px;margin-bottom: 28px;font-size: 16px;letter-spacing: 1px;}
.live-container .l-box.bottom .show-content a{display: inline-block;width: 120px;height: 40px;line-height: 40px;border-radius: 4px;background-color: #FF7D5A;font-size: 16px;font-weight: bold;color: #FFFFFF;}
.live-container .r-box.bottom{position: relative; background-color: #36393E;}
.live-chat{height: 280px;overflow-y: auto;}
.live-chat::-webkit-scrollbar,.beautify-scrollbar::-webkit-scrollbar {/*滚动条整体样式*/width: 4px;/*高宽分别对应横竖滚动条的尺寸*/height: 4px;}
.live-chat::-webkit-scrollbar-thumb,.beautify-scrollbar::-webkit-scrollbar-thumb{/*滚动条里面小方块*/border-radius: 5px;-webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);background: #00B882;cursor: pointer;}
.live-chat::-webkit-scrollbar-track,.beautify-scrollbar::-webkit-scrollbar-track{/*滚动条里面轨道*/-webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);border-radius: 0;background: rgba(0,0,0,0.1);}
.live-chat .green-text{color: #00B882;}
.live-chat .chat-list{word-wrap: break-word;word-break: break-all;padding: 10px 15px 0 28px;line-height: 25px;font-size: 14px;color: #E5E5E5;overflow: hidden;}
.live-send{position: absolute;left: 30px;}
.live-send ul{margin-top: 18px;}
.live-send ul li{padding: 0;margin: 2px;vertical-align: middle;}
.live-send .k-img{width: 55px;height: 40px;padding-top: 9px;border-radius: 4px;background-color: rgba(0,0,0,.25);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#25000000,endColorstr=#25000000);text-align: center;cursor: pointer;}
.live-send .chat-edit{width: 268px;height: 40px;line-height: 40px;padding: 0 10px;border: none;border-radius: 4px;background-color: rgba(0,0,0,.25);background-color: #000000\9;filter: alpha(opacity=25);font-size: 12px;color: #CCCCCC;text-align: left;}
.live-send .send-btn{display: block;width: 65px;height: 40px;line-height: 40px;border-radius: 4px;background-color: #00B882;font-size: 14px;color: #FFFFFF;}
.live-send .ask-btn{display: block;position: relative;width: 80px;height: 40px;line-height: 40px;border-radius: 4px;background-color: #FF7D5A;font-size: 14px;color: #FFFFFF;}
.live-send .ask-btn .num-circ{display: block;position: absolute;top: -10px;right: -10px;width: 20px;height: 20px;line-height: 18px;border: 1px solid #F1F1F1;border-radius: 50%;background-color: rgb(255,45,45);font-size: 13px;}
@media screen and (max-width: 1366px) {
body.live-page{background-color: #0C0D11;}
#liveTouristPage .live-header{visibility: visible;opacity: 0;-webkit-transition: all .8s;-o-transition: all .8s;transition: all .8s;animation: liveheader-ani 3s linear;}
#liveTouristPage .live-header:hover{opacity: 1;}
#liveTouristPage .live-container{top: 20px;margin-top: 0;margin-left: -466px; width: 933px;}
.live-container .l-box{height: 300px;width: 400px;}
.live-container .r-box{height: 300px;width: 533px;}
.live-container .l-box.bottom .scan-card{width: 190px;height: 280px;}
#liveTouristPage .l-box.bottom{padding: 10px 0;}
#liveTouristPage .live-bottom{display: none;}
#liveTouristPage .l-box.bottom .scan-card h4 img{width: 26px;height: 26px;vertical-align: text-top;}
#liveTouristPage .l-box.bottom .scan-card .tip-text{position: absolute;bottom: 20px;left: 0;margin-bottom: 0;width: 100%;}
#liveTouristPage .l-box.bottom .scan-card .qr-code{position: absolute;top: 66px;margin-left: -70px;width: 140px;height: 140px;}
#liveTouristPage .l-box.bottom .scan-card .wx-account{position: absolute;bottom: 45px;left: 0;margin-top: 0;width: 100%;}
.live-chat{height: 245px;}
.live-chat .chat-list{padding-left: 10px;padding-right: 10px;}
.live-send{left: 10px;}
.live-send ul{margin-top: 5px; text-align: left;}
.live-send .chat-edit{width: 180px;}
.live-send .send-btn,.live-send .ask-btn,.live-send .ask-btn .num-circ{text-align: center;}
}
.live-bottom{position: fixed;bottom: 0;left: 0;width: 100%;height: 50px;padding: 0 20px;background-color: #000000;line-height: 50px;z-index: 50;}
.live-bottom ul li{position: relative;padding: 0;}
.live-bottom ul li>a{display: block;min-width: 104px;padding: 0 10px;}
.live-bottom ul li:hover > a{background-color: #444444;}
.live-bottom .live-icon{margin-right: 8px;vertical-align: middle;}
.live-bottom .count-wrap{float: right;line-height: 50px;color: #CCCCCC;}
.live-bottom .count-wrap .live-b-ask{display: block;padding: 0 10px;text-align: center;cursor: pointer;}
.live-bottom .count-wrap .live-b-ask .live-icon.ask{vertical-align: text-bottom;}
.live-bottom .count-wrap .live-b-ask:hover{background-color: #444;}
.live-bottom .count-wrap .green-text{color: #00B882;}
.live-bottom .qrcode-box{position: absolute;top: -180px;left: 50%;margin-left: -75px;padding: 10px;background-color: #FFFFFF;-webkit-box-shadow: 0 0 5px #787878;box-shadow: 0 0 5px #787878;opacity: 0;visibility: hidden;}
.live-bottom .qrcode-box:after{content: '';position: absolute;bottom: -10px;left: 50%;margin-left: -11px;width: 0;height: 0;border-left: 10px solid transparent;border-right: 10px solid transparent;border-top: 10px solid #FFFFFF;}
.live-bottom ul li.hover .qrcode-box,.live-bottom ul li:hover .qrcode-box{opacity: 1;visibility: visible;}
.live-bottom .qrcode-box.lines {width: 142px;top: -212px;top: -190px\9\0;margin-left: -71px;border-radius: 5px;text-align: center;}
.live-bottom .qrcode-box.lines span{display: block;margin-bottom: 10px;line-height: normal;font-size: 14px;font-weight: bold;}
.live-bottom .qrcode-box.lines p{line-height: normal;margin-bottom: 10px;}
.live-bottom .qrcode-box.lines a{display: inline-block;padding: 6px 12px;border: 1px solid #dbdbdb;border-radius: 4px;background-color: #f8f8f8;color: #333;}
.live-bottom .qrcode-box.lines a.active,.live-bottom .qrcode-box.lines a:hover{background-color: #00B28E;border-color: #00B28E;color: #fff;}
.live-play-main.fullscreen .logined-container,.live-play-main.fullscreen .slide-area{top: 0;}
.live-play-main.fullscreen .fixed-sidebar{padding-top: 0;}
.logined-container{position: absolute;top: 65px;bottom: 0;left: 0;width: 100%;overflow: hidden;}
.logined-container .play-box{position: relative;/* min-width: 960px; */height: 100%;margin-right: 405px;-webkit-transition: all .5s;-o-transition: all .5s;transition: all .5s;}
.logined-container .play-area,.logined-container .svip-box,.logined-container .record-video{position: relative;height: 100%;}
.logined-container .record-video .active-flash-player{position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.logined-container .video-js .vjs-progress-control .vjs-mouse-display{z-index: 10;}
.logined-container .svip-box{padding-bottom: 50px;}
.logined-container .play-area.scalescreen{position: fixed;z-index: 10000;top: 0;right: 0;bottom: 0;left: 0;padding-bottom: 0;}
.logined-container .play-area .video-js{width: 100%;height: 100%;}
.logined-container .play-area .remind-code span{display: inline-block;padding: 13px;margin-left: 25px;margin-right: 25px; background-color: #fff;border-radius: 10px;}
.logined-container .play-area .err-btn{display: inline-block;padding: 9px 24px;margin-left: 30px;margin-right: 30px; background-color: #00b882;border-radius: 20px;border: none;color: #fff;font-size: 16px;outline: none;}
.logined-container .play-area .err-btn.white{background-color: #f5f5f5;color: #666;}
.logined-container .play-area .error-bg.not-p{padding-top: 200px;}
.logined-container .play-area .error-bg .end{display: inline-block; width: 600px;}
.logined-container .play-area .error-bg .end .bl-title{padding-left: 10px;margin-top: 50px; border-left: 2px solid #00b882;}
.logined-container .play-area .error-bg .end ul li{width: 165px;vertical-align: top;}
.logined-container .play-area .error-bg .end .midd{margin-left: 45px;margin-right: 45px;}
.logined-container .play-area .error-bg{position: absolute;top: 0;left: 0; padding-top: 310px;width: 100%;height: 100%;background: url(../image/live_bg.jpg) no-repeat;background-color: #000;text-align: center;}
.logined-container .play-area .error-bg.live-countdown-box{z-index:1;}
.logined-container .play-area .live-tip{position: absolute;bottom: 36px;left: 0;padding-left: 20px;width: 100%;height: 36px;line-height: 36px;background-color: transparent;color: #fff;}
.logined-container .play-area .live-tip img{margin-right: 8px;vertical-align: -2px;}
.logined-container .play-area .live-tip a{color: #ff5932;}
.logined-container .play-area .error-bg .live-tip{position: static;margin-top: 10px; background-color: rgba(255, 249, 249, 0.8);color: #333;text-align: left;}
.logined-container .play-area .error-bg .live-tip img{vertical-align: middle;}
.logined-container .play-area .error-bg.up-vip-box{left: 50%;margin-left: -235px; padding-top: 30px;width: 438px;background: none;font-size: 16px;}
.logined-container .play-area .error-bg.up-vip-box h2{margin-bottom: 40px; font-size: 32px;}
.logined-container .play-area .error-bg.up-vip-box h2 img{margin-right: 20px;vertical-align: bottom;}
.logined-container .play-area .error-bg.up-vip-box a{color: #ff5629;}
.logined-container .play-area .error-bg.up-vip-box .card{height: 206px;padding: 35px 30px; background-image: url(../image/10018325_5d809c233cf97.png);font-size: 18px;color: #000;}
.logined-container .play-area .error-bg.up-vip-box .card h3 img{vertical-align: text-bottom;margin-right: 15px;}
.logined-container .play-area .error-bg.up-vip-box .btns a{margin-top: 20px; display: block;line-height: 60px;border-radius: 30px;color: #000;background-color: #efe5d5;font-size: 24px;text-align: center;}
.logined-container .play-area .error-bg.up-vip-box .btns a.do-up-svip{background-color: #ff5331;color: #fff;}
.logined-container .play-area .video-pause-pop{z-index: 10000000000; max-width: 55%;}
.logined-container .play-area .video-pause-pop .pause-close{position: absolute;right: 10px;top: 10px;}
.logined-container .play-area .video-pause-pop span.pause-close{top: auto;bottom: 10px;}
.logined-container .play-area .video-pause-pop span.pause-close b{font-size: 21px;vertical-align: -2px;}
.logined-container .doc-box{height: 100%;background-color: #000;}
.logined-container .video-box{z-index:2;position: absolute;top: 0;right: 0;width: 400px;height: 300px;}
.logined-container .video-box.playing{width: 260px;height: 195px;}
.logined-container .video-box.offdoc{position: static;width: 100% !important;height: 100% !important;background-color: #000;}
.logined-container .doc-box.offdoc{z-index:3;position: absolute;top: 0;right: 0;width: 260px;height: 195px;background: none;}
.logined-container .play-tools{z-index:2;position: absolute;bottom: 0;left: 0;width: 100%;height: 36px;padding: 0;background-color: rgba(0,0,0,.8);line-height: 36px;filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#80000000,endColorstr=#80000000);opacity: 0;visibility: hidden;-webkit-transition: all .5s;-o-transition: all .5s;transition: all .5s;-webkit-transform: translateY(100%);-ms-transform: translateY(100%);-o-transform: translateY(100%);transform: translateY(100%);}
.logined-container .volume-wrap{display: inline-block;}
.logined-container .volume-wrap .volume-bg{display: none;position: absolute;top: -100px;width: 36px;height: 100px;padding: 4px 0;background-color: rgba(0,0,0,.8);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#80000000,endColorstr=#80000000);cursor: default;}
.logined-container .volume-wrap:hover .volume-bg{display: block;}
.logined-container .volume-wrap .volume-bg-box{display: inline-block;position: relative;width: 100%;height: 92px;}
.logined-container .volume-wrap .volume-bar{position: relative;width: 4px;height: 80px;margin: 6px auto;background-color: rgba(115,133,159,.5)}
.logined-container .volume-wrap .volume-bar-front{height: 100%;position: absolute;bottom: 0;left: 0;width: 4px;background-color: #CCCCCC;}
.logined-container .volume-wrap .volume-circ{position: absolute;top: 0;left: 50%;width: 12px;height: 12px;margin-left: -6px;border-radius: 50%;background-color: #FFFFFF;}
.logined-container .play-tools .live-icon{position: relative;margin: 0 10px;vertical-align: middle;cursor: pointer;}
.book-img{margin-left: 10px; padding: 2px;background-color: #ff5a00;border-radius: 4px;}
.live-icon.live-icon-book{position: absolute !important;right: -5px;top: -5px;margin: 0 !important; width: 8px;height: 8px;border-radius: 50%;background-color: #ff5a00;border: 1px solid #fff;}
.logined-container .play-area:hover .play-tools{opacity: 1;visibility: visible;-webkit-transform: translateY(0%);-ms-transform: translateY(0%);-o-transform: translateY(0%);transform: translateY(0%);}
/*点播进度条*/
.play-tools .vod-progress{position: absolute;left: 80px;padding-right: 110px;}
.play-tools .progress-area{width: 100%; margin-top: 17px;height: 4px;background-color: rgba(115,133,159,.5);}
.play-tools .progress-area .ui-slider-range{position: absolute;left: 0;top:0;height: 100%; background-color: #ccc;}
.play-tools .progress-area .ui-slider-handle{position: absolute;top: 50%;left: 0;margin-top: -6px;margin-left: -6px;width: 12px;height: 12px;background: #fff;border-radius: 50px;outline: none;}
.play-tools .play-time{position: absolute;right: 0;top: 0;color: #ccc;}
/*图书购买*/
.live-book-buy{z-index:3;position:absolute;right: 0;bottom: 0;width: 310px;background-color: #fff;box-shadow: -2px 0 6px 0 rgba(170, 170, 170, .6);border-radius: 6px;}
#liveTouristPage .live-book-buy{bottom: 60px;}
.logined-container .play-area:hover .live-book-buy{bottom: 36px;}
.live-book-buy .rotate360{position: absolute;right: 5px;top: -30px;}
.live-book-buy .carousel-control{top: 50%;margin-top: -25px; width: 24px;height: 50px;line-height: 48px; font-size: 20px;color: #fff;background-image: none;background-color: rgba(0,0,0,.3);opacity: 0;}
.live-book-buy .carousel:hover .carousel-control{opacity: 1;}
.live-book-buy dl{margin-bottom: 0;}
.live-book-buy dl dt{width:auto;margin-right: 10px;}
.live-book-buy dl dd{margin-left: 0;font-size: 16px;}
.live-book-buy dl dd b{color: #ff5a00;font-size: 20px;}
.live-book-buy .btn-groups a{line-height: 35px;}
.live-book-buy .btn-groups .btn{padding: 0; width: 90px;background-color: #ff5a00;color: #fff;border-radius: 18px;}
.logined-container .live-bottom{position: absolute;}
.logined-container .slide-area{z-index: 60;position: fixed;top: 65px;right: 60px;bottom: 0;width: 345px;overflow-y: auto;background-image:url(../image/slide_area_bg.png);-webkit-transition: right .5s;-o-transition: right .5s;transition: right .5s;color: #d5d5d5;}
.logined-container .live-status-bar{position: absolute;left: 0;bottom: 50px; z-index: 10; width: 100%;height: 40px;line-height: 40px; text-align: center;color: #fff; background-color: #e94a39;}
.logined-container .slide-area .zero-data{padding-top: 100px;}
.logined-container .slide-area .zero-data p{margin-top: 10px;font-size: 14px;color: #999;}
.logined-container .slide-area .tab-title{height: 40px;line-height: 40px;text-align: center; border-bottom: 1px solid #3a3a3a;font-size: 16px;font-weight: bold}
.logined-container .slide-area .bl-title{padding-left: 15px;border-left: 2px solid #00b882;font-size: 16px;color: #fff;font-weight: bold;}
.logined-container .slide-area .info-text{line-height: 20px;font-size: 12px;text-align: justify;}
.logined-container .slide-area .teacher-info{padding: 20px 23px;border-bottom: 1px solid #3a3a3a;}
.logined-container .slide-area .teacher-info .info{margin-top: 20px;}
.logined-container .slide-area .teacher-info .info img{float: left;width: 70px;height: 70px;margin-right: 14px;border-radius: 50%;overflow: hidden;}
.logined-container .slide-area .class-info{padding: 20px 23px;}
.logined-container .slide-area .class-info .info-text{line-height: 24px;}
/*交流*/
.logined-container .slide-area .chat-area{position: absolute;top: 40px;bottom: 0;left: 0;width: 100%;}
.logined-container .slide-area .chat-area .role{color: #5aa7ff;}
.logined-container .slide-area .chat-area .time-color{color: #999999;}
.logined-container .slide-area .chat-area .chat-wrap{position: relative;width: 100%;padding: 0 15px;overflow-x: hidden;overflow-y: auto;max-height: 684px;}
.logined-container .slide-area .chat-area .new-msg{position: absolute;z-index: 11; top: 668px;left: 50%;margin-left: -100px; width: 200px;line-height: 30px;text-align: center;background-color: rgba(0, 0, 0, .5);color: yellow;border-radius: 8px;font-size: 12px;}
.logined-container .slide-area .chat-area .bell-circ{position: absolute;z-index: 11;top: 0;right: 0;width: 0;height: 0;border-top: 45px solid rgba(0, 0, 0, .5);border-left: 47px solid transparent;cursor: pointer;}
.logined-container .slide-area .chat-area .bell-circ .bell{position: absolute;top: -38px;right: 6px;}
.logined-container .slide-area .chat-area .bell-circ .bell span{position: absolute;top: -4px;right: -4px;width: 12px;height: 12px;border-radius: 50%;background-color: #FF2121;line-height: 12px;font-size: 10px;font-style: normal;color: #FFFFFF;text-align: center;}
.logined-container .slide-area .chat-area .chat-list{position: relative;margin: 20px auto;color: #333333;}
.logined-container .slide-area .chat-area .live-notice.scrolling{position: fixed;top: 100px;z-index: 12;}
.logined-container .slide-area .chat-area .live-notice p{position: relative;width: 300px;padding: 15px 25px 15px 20px;margin: 0 auto;border: 3px;background-color: rgba(0, 0, 0, .8);font-size: 12px;color: #e8e9e9;visibility: visible;opacity: 1;-webkit-transition: all .5s ease 0s;transition: all .5s ease 0s;-webkit-transform: scale(1);transform: scale(1);-moz-transform-origin: 100% 0%;-webkit-transform-origin: 100% 0%;-o-transform-origin: 100% 0%;border-radius: 8px;}
.logined-container .slide-area .chat-area .live-notice.ani p{position: absolute;opacity: 0;visibility: hidden;-webkit-transform: scale(.2);transform: scale(.2);}
.logined-container .slide-area .chat-area .live-notice .notice-close{position: absolute;top: 10px;right: 10px;cursor: pointer;}
.logined-container .slide-area .chat-area .userinfo{position: relative;padding-left: 26px;font-size: 12px;}
.logined-container .slide-area .chat-area .comment-list .userinfo{padding-left: 50px;}
.logined-container .slide-area .chat-area .userhead{position: absolute;z-index: 10; top: 0;left: 5px;width: 35px;height: 35px;border-radius: 50%;}
.logined-container .slide-area .chat-area .chat-list .usermsg{display: inline-block;position: relative;padding:10px 15px; margin-top: 12px;max-width: 238px;line-height: 18px;text-align: justify;background-color: rgba(0, 0, 0, .5);color: #fff;border-radius: 20px;word-wrap:break-word;word-break:break-all;}
.logined-container .slide-area .chat-area .chat-list .userinfo.teacher .usermsg{border: 1px solid #177459;}
.logined-container .slide-area .chat-area .chat-list .userinfo.vip .role{color: #fe3030;}
.logined-container .slide-area .chat-area .chat-list .userinfo.teacher .role,.logined-container .slide-area .chat-area .chat-list .userinfo.self .role{color: #00B882;}
.logined-container .slide-area .chat-area .chat-list .userinfo.ordinary .role{color: #fe8b75;}
.logined-container .slide-area .chat-area .chat-list .userinfo.self{padding-left: 0;padding-right: 26px;}
.logined-container .slide-area .chat-area .chat-list .userinfo.self .userhead{left: auto;right: 0;}
.logined-container .slide-area .chat-area .chat-list .userinfo.self .usermsg{float: right;}
.logined-container .slide-area .chat-area .chat-send{position: absolute;bottom: 20px;left: 0;width: 100%;padding: 0 15px;}
.logined-container .slide-area .chat-area .chat-send .send-wrap{height: 129px;margin-bottom: 15px;border-radius: 8px;background-color: rgba(0, 0, 0, 0.3);}
.logined-container .slide-area .chat-area .chat-send .chat-func{position: relative;height: 38px;line-height: 40px;}
.logined-container .slide-area .chat-area .chat-send .chat-func>a{display: inline-block;margin-left: 12px;}
.logined-container .slide-area .chat-area .chat-send .chat-edit{height: 90px;}
.logined-container .slide-area .chat-area .chat-send .submit-chat{padding: 10px;height: 100%;resize: none;width: 100%;border: 0;outline: none;background: none;}
.logined-container .slide-area .chat-area .chat-send .chat-btn{display: inline-block; padding: 7px 19px;line-height: normal; border-radius: 17px;background-color: #FF7D5A;font-size: 12px;color: #FFFFFF;text-align:center;letter-spacing: 4px;}
.logined-container .slide-area .chat-area .chat-send .chat-btn.mutual{margin-right: 12px;}
/*课程评价*/
.logined-container .slide-area .chat-area .comment-wrap{padding: 0 22px;overflow-x: hidden;overflow-y: auto;}
.logined-container .slide-area .chat-area .comment-list{position: relative;margin: 20px auto;}
.logined-container .slide-area .chat-area .comment-list .stars-box{display: inline-block;margin-left: 5px;vertical-align: text-top;}
.logined-container .slide-area .chat-area .comment-list .usercomment{margin-top: 5px;line-height: 18px;}
.logined-container .slide-area .chat-area .comment-list .userprogress{margin-top: 8px;color: #999;}
.logined-container .slide-area .chat-area .chat-send .course-score{padding-left: 4px;margin-bottom: 20px;font-size: 12px;}
.logined-container .slide-area .chat-area .chat-send .course-score .scores-wrap{display: inline-block;vertical-align: middle;}
.logined-container .slide-area .chat-area .chat-send .course-score .scores-wrap i{cursor: pointer;}
.logined-container .slide-area .chat-area .chat-send .course-score .score-num{display: inline-block;margin-left: 6px;margin-right: 7px;color: #FFAE01;}
.logined-container .slide-area .chat-area .chat-send .course-score .score-text{display: inline-block;min-width: 84px;font-weight: normal;}
.logined-container .slide-area .chat-area .chat-send .comment-input textarea{width: 100%;height: 110px;padding: 10px;margin-bottom: 10px;resize: none;outline: none;border: none;border-radius: 8px;background-color: rgba(0,0,0,.3);color: #999;}
.logined-container .slide-area .chat-area .chat-send .comment-input .chat-btn{letter-spacing: normal;}
/*目录列表*/
.logined-container .slide-area .catalog-box .panel-heading+.panel-collapse>.list-group,.logined-container .slide-area .catalog-box .panel-heading+.panel-collapse>.panel-body{border-top: 0;}
.logined-container .slide-area .catalog-box .panel{margin-top: -1px;border: none; border-top: 1px solid #3a3a3a;border-radius: 0;-webkit-box-shadow: none;box-shadow: none;background:none;}
.logined-container .slide-area .catalog-box .panel-title{font-size: 14px;font-weight: bold;color: #fff;}
.logined-container .slide-area .catalog-box .panel-title .arrow{margin-top: 3px;}
.logined-container .slide-area .catalog-box .panel-heading.collapsed .arrow{background-position: -161px -144px;}
.logined-container .slide-area .catalog-box .panel-heading{border-radius: 0;cursor: pointer;}
.logined-container .slide-area .catalog-box .panel-body{padding: 0;}
.logined-container .slide-area .catalog-lists>li{position: relative;padding: 12px 24px 12px 45px;font-size: 12px;cursor: pointer;}
.logined-container .slide-area .time-text{color: #ff5745;}
.logined-container .slide-area .catalog-lists>li .line2 .live-icon{margin-right: 10px;vertical-align: sub;}
.logined-container .slide-area .catalog-lists>li:not(.chapter):hover{background-color: rgba(0, 0, 0, 0.35);}
.logined-container .slide-area .catalog-lists .chapter{padding-bottom: 0;margin-top: -1px;border-top: 1px solid #E5E5E5;font-size: 14px;font-weight: bold;color: #000000;}
.logined-container .slide-area .catalog-lists .chapter.nochild{padding-bottom: 15px;}
.logined-container .slide-area .catalog-lists .line1{margin-bottom: 10px; line-height: 1.6;color: #fff;}
.logined-container .slide-area .catalog-lists .line1 .r-wrap{padding: 2px;}
.logined-container .slide-area .catalog-lists .classname{display: inline-block;width: 210px;overflow: hidden;font-size: 14px;color: #000000;text-overflow: ellipsis;white-space: nowrap;}
.logined-container .slide-area .catalog-lists .to-paper{position: absolute;top: 12px;left: 13px;border: 1px solid #00B882;width: 22px;height: 22px;text-align: center;border-radius: 50%;line-height: 20px;color: #00B882;font-size: 14px;}
.logined-container .slide-area .btn-status{display: inline-block;margin-top: -5px; width: 56px;height: 25px;line-height: 25px;text-align: center; border: 1px solid #00b882;border-radius: 3px;color: #00b882;font-size: 12px;}
.logined-container .slide-area .btn-status.history{color: #d5d5d5;border-color: #d5d5d5;}
.logined-container .slide-area .catalog-lists>li.active{background-color: rgba(0, 0, 0, 0.35);}
.logined-container .slide-area .catalog-lists>li.active .classname{color: #00B882;}
/*近期直播*/
.logined-container .slide-area .recent-lists>li{position: relative;padding: 20px;}
.logined-container .slide-area .recent-lists .status{display: inline-block;width: 50px;text-align: center;}
.logined-container .slide-area .recent-lists .status img,.img-bg-color{background-color: #dcdcdc;}
.logined-container .slide-area .recent-lists .live-info{margin-top: 0px;width: 80%;}
.logined-container .slide-area .recent-lists .live-teacher .name{display: inline-block; width: 50px;text-align: center;}
.logined-container .slide-area .recent-lists>li.active,.logined-container .slide-area .recent-lists>li:hover{background-color: rgba(0, 0, 0, 0.35);}
/*课程笔记*/
.logined-container .slide-area .notes-box form{position: relative;padding: 20px 25px;}
.logined-container .slide-area .notes-box form textarea{width: 100%;height: 110px;padding: 10px;resize: none;outline: none;border: none;border-radius: 8px;background-color: rgba(0,0,0,.3);color: #999;}
.logined-container .slide-area .notes-box form .holdertext{position: absolute;top: 26px;left: 30px;font-size: 12px;color: #999;}
.logined-container .slide-area .notes-box form .save-btn{width: 55px;height: 30px;margin-top: 10px;border-radius: 17px;border: none;background-color: #00b882;font-size: 12px;color: #FFF;}
.logined-container .slide-area .notes-box .new-notes ul{padding-right: 25px;padding-left: 25px;}
.logined-container .slide-area .notes-box .new-notes ul li{padding-top: 20px;padding-bottom: 20px;font-size: 12px;border-bottom: 1px dashed #3a3a3a;}
.logined-container .slide-area .notes-box .new-notes .n-text {line-height: 18px;color: #fff;}
.logined-container .slide-area .notes-box .new-notes .n-text img{width: 22px !important;height: 22px !important;}
.logined-container .slide-area .notes-box .new-notes .n-time{color: #AAA;}
.logined-container .slide-area .notes-box .new-notes .read-video{margin-left: 18px;vertical-align: sub;}
.logined-container .slide-area .notes-box .new-notes .all-notes{display: block;width: 296px;height: 35px;margin: 40px auto 0;background-color: #29ADFF;line-height: 35px;font-size: 12px;color: #FFF;text-align: center;border-radius: 17px;}
.logined-container .slide-area .notes-box .new-notes .userhead{margin-right: 10px; width: 35px;height: 35px;border-radius: 50%;}
.logined-container .slide-area .notes-box .new-notes .user-imgs img{margin-top: 10px;margin-right: 5px;width: 35px;height: 35px;cursor: zoom-in;}
/*下载列表*/
.logined-container .slide-area .dl-lists>li{padding: 20px;}
.logined-container .slide-area .dl-lists>li:hover{background-color: rgba(0, 0, 0, 0.35);}
.logined-container .slide-area .dl-lists .dl-filename{display: inline-block;width: 245px;margin-left: 5px;vertical-align: top;color: #fff;}
.logined-container .slide-area .dl-lists .visited .dl-filename{color: #aaa;}
.logined-container .slide-area .dl-lists .dl-btn{display: inline-block;width: 24px;height: 23px;background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAXCAYAAAARIY8tAAACN0lEQVRIibXWO2gUURTG8V/GRREDvkhpo6IuNioYkRQGDCmmUCwSsdBGwekkKFbGRisRErtpTGGjuCCIOJCAkogiPlArQ0StBUEMWEkSLe5dWZed3QjmwDBw5p7/d+5jzrldZx/+0sb2Ygj9qGJD9H/HLKZRy1NvywBJif8AZiKgB2Poxcb49EZfD6azwkxWONAK1NU0gy5cwTlci5Af7aaIbozgIm5gNE/9gTYKrMIt7MdRYQk6Wp6Gd1ao4j5e4VSeWuTvJbqOPehbLrxJaDbG7o0sjQKDOB0z//qv8AaRrziC01lhsC6QYByX8LED4zLudRD5GFnjWSFJYvabkC8jyU3x6WR5HDeYCOf8Nn4uI3BZlqd+RuZQImzMo/8Fb7BH6EuwDXMrIDCHbQkqmF8BgXlUEixg/QoIrMdCgk/YUTLoKu5gXYtvFVzPCiMlsTvxKcEzDJQMmsBuPMfWBv9mTOK4UBRb2WE8S1DDCaxuMegzDuIDXmNLnM0rrMX+PPWmOSgrrI7MWoIpfENWkskP4V8ZwzHsw2OhR3wpickic6qCJaHc1lBoXS5+CWV8DXbhTAlYVtgu7N1QnlqqRP8kbgrltl95wbtUBo7wnsiYyFOT/F2uL+CdsOnVdqASeBVPI+N83d8osIiTuIuXGBW6VSdwd1YYjTE1nKw3G8JZbrQlYRkeCC3zQhScipnVl65HaE6DGI7fBvLUi+YEmgXq9gKHhO40LByCxlvFPN7jCfrb3Sp+A1KKkFG5NIKkAAAAAElFTkSuQmCC);}
.logined-container .slide-area .dl-lists .dl-size{padding-left: 25px;margin-top: 5px; line-height: 1.8;font-size: 12px;color: #999999;}
/*右侧固定栏*/
.logined-container .fixed-sidebar{z-index: 60;position: fixed;top: 0;right: 0;bottom: 0;width: 60px;padding-top: 65px;background-color: #0d0e12;overflow-y: auto;}
.logined-container .fixed-sidebar::-webkit-scrollbar {/*滚动条整体样式*/width: 4px;/*高宽分别对应横竖滚动条的尺寸*/height: 4px;}
.logined-container .fixed-sidebar::-webkit-scrollbar-thumb {/*滚动条里面小方块*/border-radius: 5px;-webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);background: #00B882;cursor: pointer;}
.logined-container .fixed-sidebar::-webkit-scrollbar-track {/*滚动条里面轨道*/-webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);border-radius: 0;background: rgba(0,0,0,0.1);}
.logined-container .fixed-sidebar .side-menu{display: block;width: 100%;height: 80px;line-height: 80px;color: #666666;text-align: center;text-decoration: none;outline: none;}
.logined-container .fixed-sidebar .side-menu.active{background-color: #00B882;color: #FFFFFF;}
.logined-container .fixed-sidebar .side-menu.active .synopsis{background-position: -81px -85px;}
.logined-container .fixed-sidebar .side-menu.active .catalog{background-position: -97px -137px;}
.logined-container .fixed-sidebar .side-menu.active .lives{background-position: -135px -2px;}
.logined-container .fixed-sidebar .side-menu.active .communication{background-position: -2px -85px;}
.logined-container .fixed-sidebar .side-menu.active .rate{background-position: -107px -85px;}
.logined-container .fixed-sidebar .side-menu.active .notes{background-position: -2px -111px;}
.logined-container .fixed-sidebar .side-menu.active .download{background-position: -108px -28px;}
.logined-container .fixed-sidebar .side-menu span{display: inline-block;line-height: normal;vertical-align: middle;}
/*右侧展开收起*/
.logined-container.isslide .play-box{margin-right: 60px;}
.logined-container.isslide .slide-area{right: -345px;}
.logined-container.isslide .live-icon.slide{background-position: -74px -2px;}
/*评价老师*/
.grade-box {display: none;}
.grade-box .box{z-index: 10010; position: absolute;left: 50%;top: 8%;margin-left: -300px;padding: 20px; width: 600px;background-color: #fff;border-radius: 5px;}
.grade-box .box .close{position: absolute;top: 5px;right: 12px;font-size: 40px;}
.grade-box .box h4{margin-bottom: 20px;font-weight: bold;}
.grade-box .box .star i{cursor: pointer;}
.grade-box .box .star .active{color: #ffc341;}
.grade-box .box .row .col-xs-6{padding-left: 30px;padding-right: 30px;}
.grade-box .box .row a{display: inline-block;padding: 5px 8px;margin-bottom: 7px; color: #00b28c;border: 1px solid #64e3c8;background-color: #f1fbf9;border-radius: 6px;text-decoration: none;outline: none;}
.grade-box .box .row .bad a{color: #666;background-color: #f3f3f3;border-color: #d7d7d7;}
.grade-box .box .row a:hover,.grade-box .box .row a.active{color: #fff;background-color: #00b28c;border-color: #00b28c;}
.grade-box .box .row .bad a:hover,.grade-box .box .row .bad a.active{color: #fff;background-color: #3c3c3c;border-color: #3c3c3c;}
.grade-box .box .row a i{margin-right: 5px;vertical-align: middle;}
.grade-box .box .row a:hover .thumbs-up,.grade-box .box .row a.active .thumbs-up{background-position: -50px -111px;}
.grade-box .box .row a:hover .thumbs-down,.grade-box .box .row a.active .thumbs-down{background-position: -135px -54px;}
.grade-box .box .btn{background-color: #00b28c;color: #fff;}
/*图片放大预览*/
.pop-box .pop-image-box{position: fixed;left: 50%;top: 50%;z-index: 10001;}
.pop-box .pop-image-box img{margin: 0 auto;}
.pop-box .pop-image-box a{margin-left: 5px;margin-right: 5px;color: #fff;text-decoration: none;text-align: center;}
.pop-box .pop-image-box .pop-img-next,.pop-box .pop-image-box .pop-img-prev{opacity: 0;visibility: hidden;z-index: 1; position: absolute;top: 50%;margin-top: -30px;width: 40px;height: 60px;line-height: 58px;font-size: 30px;background-color: rgba(0,0,0,.7);}
.pop-box .pop-image-box .pop-img-next{right: -60px;}
.pop-box .pop-image-box .pop-img-prev{left: -60px;}
.pop-box .pop-image-box .pop-img-action{opacity: 0;visibility: hidden;z-index: 1; position: absolute;bottom: -30px;height: 30px;line-height: 30px; width: 100%;background-color: rgba(0,0,0,.7);}
.pop-box .pop-image-box img{height: 100%}
.pop-box .pop-image-box:hover .pop-img-next{right: 0;}
.pop-box .pop-image-box:hover .pop-img-prev{left: 0;}
.pop-box .pop-image-box:hover .pop-img-action{bottom: 0;opacity: 0;visibility: hidden;}
.pop-box .pop-image-box:hover .pop-img-next,.pop-box .pop-image-box:hover .pop-img-prev,.pop-box .pop-image-box:hover .pop-img-action{opacity: 1;visibility: visible;}
/*弹出广告层*/
.pop-notify{position:fixed;z-index: 10000;}
.pop-notify.pop-right{bottom: 0;right: 0;}
.pop-notify.pop-right-mid{left: 50%;top: 20%;margin-left: 632px;}
.pop-notify.pop-center{left: 50%;top: 50%;}
.pop-notify.pop-left{left: 50%;top: 20%;margin-left: -770px;}
.pop-notify.pop-bottom{left: 0;bottom: 0;width: 100%;}
.pop-notify .close{opacity: 1;filter:alpha(opacity=100);position: absolute;right: 10px;top: 10px;z-index: 1;}
.pop-notify .close:hover{opacity: 0.5;filter:alpha(opacity=50);}
.pop-notify .pop-box{position: relative;display: inline-block;}
.pop-notify.pop-bottom .close{right: 50%;top: 10px;margin-right: -619px;}
.pop-notify.pop-bottom .pop-box{display: block;}
.pop-notify.pop-left .pop-box a img{width: 160px;}
.pop-notify a,.pop-notify a:hover,.pop-notify a:focus{text-decoration: none;outline: none;}
.pop-notify.feedback{margin-top: -225.5px;margin-left: -332px;}
.pop-notify.feedback .feedback-line{position: absolute;left: 100%;bottom: -130px;margin-left: 4px;}
.pop-notify .pop-right-close-btn{position: absolute;right: 0;top: 0;width: 55px;height: 47px;}
.pop-notify .pop-right-send-btn{position: absolute;right: 0;bottom: 0;width: 100%;height: 150px;}
.pop-notify .pop-video{position: absolute;top: 220px;left: 50%;margin-left: -200px;width: 400px;}
.pop-notify.pop-cma{margin-top: -280px; margin-left: -382px;}
.pop-notify.ask-right-notify.pop-center{margin-left: -172px;margin-top: -250px;}
.pop-notify.ask-right-notify.pop-center .close{right: 0;top: -31px;margin-top: 0;}
.pop-notify.ask-right-notify .pop-box{z-index: 1; width: 345px;background-color: #eff6f4;border-radius: 8px;}
.pop-notify.ask-right-notify .pop-box:before{content: "";z-index: -1; position: absolute;top: 0;left: 0;width: 100%;height: 220px;background-color: #00b882;border-radius: 8px 8px 26px 26px;}
.pop-notify.ask-right-notify h2{margin-top: 0;margin-bottom: 0; font-size: 22px;color: #fff;border-bottom: 1px solid #26c395;}
.pop-notify.ask-right-notify h2 >span {margin-top: 3px; font-size: 16px;}
.pop-notify.ask-right-notify h2 >span span{color: #ffe641;}
.pop-notify.ask-right-notify .teacher-info{color: #fff;}
.pop-notify.ask-right-notify .teacher-info dl dt{margin-right: 8px;}
.pop-notify.ask-right-notify .teacher-info dl dt .img-circle{border: solid 2px rgba(255, 255, 255, 0.3);}
.pop-notify.ask-right-notify .teacher-info .teachar-name{margin-bottom: 3px;}
.pop-notify.ask-right-notify .teacher-info .name{font-size: 16px;}
.pop-notify.ask-right-notify .teacher-info .line{display: inline-block;margin-left: 8px; color: #80dcc1;font-size: 12px;vertical-align: text-top;}
.pop-notify.ask-right-notify .teacher-info .icon-ask-v{margin-left: 3px;margin-right: 3px; background-image: url(../image/179227_5c80c1b320166.png);background-position: 0 0;vertical-align: -1px;}
.pop-notify.ask-right-notify h5{padding: 12px 20px;line-height: 24px;box-shadow: 0 1px 7px 0 rgba(83, 151, 131, .35);border-radius: 12px;color: #000;}
.pop-notify.ask-right-notify textarea,.pop-notify.ask-right-notify .ask-seo-login form{padding: 12px 20px;height: 200px;box-shadow: 0 1px 7px 0 rgba(83, 151, 131, .35);border-radius: 12px;border: none;resize: none;}
.pop-notify.ask-right-notify .ask-seo-login form{padding-top: 20px;padding-bottom: 20px;height: auto;}
.pop-notify.ask-right-notify .ask-seo-login button[type=submit]{height: 50px;background-color: #00b882;box-shadow: 0 3px 6px 0 rgba(29, 168, 127, .2);border-radius: 8px;font-size:18px;}
.pop-notify.ask-right-notify .ask-seo-box .btn-df{position: absolute;bottom: 10px;left: 50%;margin-left: -132px; width: 265px;height: 50px;background-color: #00b882;box-shadow: 0 3px 6px 0 rgba(29, 168, 127, .2);border-radius: 8px;font-size:18px;}
/*顶部广告层*/
.active-top{overflow: hidden;}
.active-top.fixed{position: fixed;top: 0;left: 0;z-index: 1031; width: 100%;}
.active-top .active-img,.pop-notify.pop-bottom .pop-notify-img{position: relative;left: 50%;margin-left: -960px; width: 1920px;}
.active-top .active-close{position: absolute;top: 30px;left: 50%;margin-left: 619px;}
/*弹出层*/
.popup-box .popup{position: fixed;z-index: 10010;top: 20%;left: 50%;min-width: 400px;margin-left: -200px;background-color: #FFF;border-radius: 16px;}
.popup-box .popup .popup-login-tip{position: absolute;top: -40px;left: 100%;margin-left: 5px;}
.popup-box .popup .close-btn{position: absolute;top: -52px;right: 0;font-size:36px;color: #fff;cursor: pointer;}
.popup-box .popup .close-btn:hover{opacity: .66;filter: alpha(opacity=66);}
.popup-box .popup .welcome-title{padding-top: 50px;padding-bottom: 10px;font-size: 16px;color: #999;text-align: center;}
.popup-box .popup-tabs{height: 74px;line-height: 74px;border-bottom: 1px solid #eee;text-align: center;}
.popup-box .popup-tabs a{float: left;width: 50%;line-height: 72px;font-size: 18px;color: #666;text-decoration: none;outline: none;}
.popup-box .popup-tabs a.active span,.popup-box .popup-tabs .tab-title{display: inline-block;border-bottom: 2px solid #00B882;color: #333;font-weight: bold;}
.popup-box .popup-tabs .tab-title{line-height: 72px;font-size: 22px;cursor: default;color: #333;border-bottom: none;}
.popup-box .popup-tabs .two-factor{position: absolute;left: 10px;top: 22px;padding: 3px 8px;line-height: normal; border: 1px solid #ff5555;}
.popup-box form {padding-top: 35px;padding-bottom: 20px;}
.popup-box form .block-item{position: relative;margin: 0 auto 12px;width: 300px;line-height: 45px;}
.popup-box form .inline-item{display: inline-block;width: 200px;vertical-align: middle;}
.popup-box form .block-item input[type=submit],.popup-box form .block-item input[type=button]{padding: 0; width: 100%;height: 45px;background-color: #00B882;line-height: 45px;border: none;border-radius: 3px;font-weight: bold; font-size: 16px;color: #FFF;outline: none;box-shadow: 0 3px 7px 0 rgba(15, 199, 145, .35);}
.popup-box form .block-item input[disabled],.popup-box form .block-item input.disabled{background-color: #eee;color: #afafaf;box-shadow: none;cursor: not-allowed;}
.popup-box form .block-item .input-remember{margin-top: 0;margin-right: 3px;vertical-align: -2px;outline: none;}
.popup-box form .block-item.focus-psw{line-height: normal;margin-bottom: 0;}
.popup-box form .block-item.error-tip{min-height: 32px;margin-bottom: 0;line-height: 32px;opacity: 0;visibility: hidden;font-size: 14px;color: #ff0000;-webkit-transition: all .5s;-o-transition: all .5s;transition: all .5s;}
.popup-box form .block-item.error-tip.visible{opacity: 1;visibility: visible;}
.popup-box form .block-item .login-ico{position: absolute;left: 10px;top:11px;width: 17px;height: 22px;}
.popup-box form .block-item .btn-waiting{position: absolute;left: 28%;top: 13px;opacity: 0;visibility: hidden;}
.popup-box form .block-item .btn-waiting.active{opacity: 1;visibility: visible;}
.popup-box form .block-item .btn-waiting:after{content: '';position: absolute;top: 0;left: 0;width: 20px;height: 20px;border-radius: 50%;animation: rotation infinite linear 0.5s; border-top: 2px solid transparent;border-left: 2px solid #afafaf;border-right: 2px solid transparent;border-bottom: 2px solid transparent;z-index: 0;}
.popup-box form .long-input{display: block;padding-left: 35px;width: 100%;height: 45px;line-height: 45px;border: 1px solid #D2D2D2;font-size: 14px;}
.popup-box form .long-input.error{border-color: #f6a595;outline: none;}
.popup-box .verify-btn{display: inline-block;padding: 10px;line-height: normal;border: none;border-radius: 3px;background-color: #00b882;color: #fff;text-decoration: none;outline: none;vertical-align: middle;}
.popup-box .verify-btn.forbid{background-color: #ccc;cursor: not-allowed;}
.popup-box .wechat-qr-box{padding-top: 10px;}
.popup-box .wechat-qr-box p{margin-top: 10px;}
.popup-box .wechat-qr-box p:first-child{padding-left: 15px;}
.popup-box .wechat-qr-box .icon-ask-wx{vertical-align: sub;}
.popup-box .wechat-qr-box .wechat-back-login{color: #999;}
.popup-box .login-popup .psw-visible{position: absolute;top: 50%;right: 20px;margin-top: -3.5px;}
.popup-box .login-popup .block-item.focus-psw label+a{color: #666;outline: none;}
.popup-box .login-popup .other-login{padding-bottom: 20px;padding-top: 20px; border-top: 1px solid #eee;}
.popup-box .login-popup .other-login .tip{position: absolute;left: 28px;top: -92px; width: 263px;background-color: #ffffff;box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.2);border-radius: 8px;}
.popup-box .login-popup .other-login .tip:after,.popup-box .login-popup .other-login .tip:before{position: absolute;left: 78px;bottom: -10px; content: "";width: 0;height: 0;border-left: 10px solid transparent;border-right: 10px solid transparent;border-top: 10px solid #fff;}
.popup-box .login-popup .other-login .tip:before{bottom: -12px;border-top-color: #dfdfdf;}
.popup-box .login-popup .other-login .tip a{display: inline-block;width: 60px;height: 25px;line-height: 23px; border-radius: 3px;border: 1px solid #00B28C;color: #00b882;font-size: 12px;text-align: center;text-decoration: none;}
.popup-box .login-popup .other-login .login-ico{margin-right: 30px; width: 36px;height: 36px;}
.popup-box .login-popup .other-login .icon-login-tip{margin-right: 10px; width: 22px;height: 22px;background-position: -57px -38px;vertical-align: middle;}
.popup-box .login-popup .other-login .register{display: inline-block; margin-top: 10px; vertical-align: top;}
.popup-box .login-popup .tip-title{display: inline-block;position: relative;margin-bottom: 20px;font-size: 14px;color: #999;}
.popup-box .login-popup .tip-title:before,.popup-box .login-popup .tip-title:after{content: '';position: absolute;top: 50%;width: 107px;height: 1px;background-color: #e5e5e5;}
.popup-box .login-popup .tip-title:before{left: -117px;}
.popup-box .login-popup .tip-title:after{right: -117px;}
/*新版登录*/
.login-ico{display: inline-block; background-image: url(../image/login_ico.png);}
.login-ico.icon-login-qq{background-position: -38px 0;}
.login-ico.icon-login-qq:hover,.icon-login-qq.active{background-position: 0 0;}
.login-ico.icon-login-wx{background-position: -114px 0;}
.login-ico.icon-login-wx:hover,.icon-login-wx.active{background-position: -76px 0;}
.login-ico.icon-login-desktop{background-position: -190px 0;}
.login-ico.icon-login-desktop:hover,.icon-login-desktop.active{background-position: -152px 0;}
.login-ico.icon-login-mobile{background-position: -266px 0;}
.login-ico.icon-login-mobile:hover,.icon-login-mobile.active{background-position: -228px 0;}
.login-ico.ico-login-name{background-position: 0 -38px;}
.login-ico.ico-login-psw{background-position: -38px -38px;}
.login-ico.icon-login-qrcode{background-position: -304px 0;}
.login-ico.icon-login-acct{background-position: -304px -31px;}
.popup-box .block-item .login-ico.ico-login-imgcode{top: 16px;left: 8px;width: 20px; background-position: -101px -38px;}
.popup-box .block-item .login-ico.ico-login-nick{width: 18px; background-position: -81px -38px;}
.login-ico.ico-login-pcode{background-position: -19px -38px;}
.register-step:before{position: absolute;content: "";z-index: -1; left: 130px;top:14px;width: 138px; border-bottom: 1px dashed #eee;}
.register-step ul li{margin-left: 50px;margin-right: 50px;}
.register-step ul li i{display: inline-block;width: 28px;height: 28px;line-height: 26px; background-color: #ffffff;border: solid 1px #e9e9e9;font-style: normal; font-size: 16px;color: #b6b6b6;border-radius: 50%;}
.register-step ul li.active i{background-color: #00b882;border-color: #00b882;color: #fff;}
.register-step ul li.active p{font-weight: bold;color: #333;}
.step.step-4{margin-top: 20px;margin-bottom: 20px;}
.step.step-4 a{display: inline-block;margin-top: 20px; width: 110px;height: 35px;line-height: 33px; box-shadow: 0 3px 7px 0 rgba(15, 199, 145, .35);border-radius: 3px;border: solid 1px #00b882;color: #00b882;text-decoration: none;}
.step.step-4 .mt-30.mb-20{line-height: 24px;}
.register-popup form .phone-msg{margin-bottom: 20px; line-height: 26px;}
.register-popup form .block-item.error-tip{margin-top: 30px;}
.popup-reg-ad{width: 100%;}
/*小程序码注册*/
.wx-mini-reg{position: absolute;top: 0;left: 0;z-index: 10;padding-top: 20px; padding-left: 25px;padding-right: 25px; width: 100%;height: 100%;background-color: #fff;border-radius: 16px;}
/*注册 关注公众号*/
.regist-wx-qrcode{position: absolute;top: -30px;left: 0;z-index: 10;width: 100%;height: 100%;padding-top: 30px;}
.popup-box .qr-login-tip{padding-right: 40px;display: inline-block;text-align: right;}
.popup-box .qr-login-tip span{position: relative; padding: 3px 8px;display: inline-block;border: 1px solid #df9c1f;color: #df9c1f;}
.popup-box .qr-login-tip span:before,.popup-box .qr-login-tip span:after{content: "";position: absolute;right: -7px;top: 50%;margin-top: -7px; width: 0;height: 0; border-top: 7px solid transparent;border-left: 7px solid #df9c1f;border-bottom: 7px solid transparent;}
.popup-box .qr-login-tip span:after{right: -6px;border-left-color: #fff;}
.popup-box .login-switch{width: 28px;height: 29px;vertical-align: top;}
.popup-box .icon-login-qrcode{position: absolute;right: 40px;top: 10px;}
.popup-box #registWrap .icon-login-qrcode{right: 20px;}
.popup-box .wechat-qr-box p.coagent{margin-top: 30px;margin-bottom: 30px;}
.popup-box .qrcode-help-box .qrcode-help{position: absolute;top: 8px; visibility: hidden;opacity: 0; }
.popup-box .qrcode-help-box:hover .qrcode-help{visibility: visible;opacity: 1;}
.popup-box .qrcode-help-box:hover .qr-code{margin-left: -150px;}
.coagent i{margin-right: 6px; width: 15px;height: 16px;background-position: -123px -38px;vertical-align: text-top;}
.coagent .faster{margin-left: 50px;margin-right: 50px;}
.coagent .faster i{background-position: -138px -38px;}
.coagent i.safe{background-position: -154px -38px;}
.popup-box .register-popup form{padding-top: 0;}
.popup-box .register-popup .agree-tip{line-height: 22px;font-size: 12px;color: #999;}
.popup-box .bind-popup form{padding-bottom: 30px;padding-top: 20px;}
.popup-box .bind-popup .bind-tip{margin-top: 20px; width: 400px;height: 55px;background-color: #f1f8f4;}
.popup-box .bind-popup .bind-tip dl{padding-top: 8px;padding-right: 50px; margin-bottom: 0;}
.popup-box .bind-popup .bind-tip dl dt{width: 70px;}
.popup-box .bind-popup .bind-tip dl dt .img-circle{margin-top: 4px;}
.popup-box .bind-popup .bind-tip dl dd{margin-left: 80px;}
.popup-box .bind-popup .agree-tip{margin-top: 20px;margin-bottom: 0;}
.popup-box .forgot-psw-popup .back-login{font-size: 12px;color: #999;}
.popup-box.confirm-popup .close-btn{top: 19px;right: 22px;color: #919191;}
/* 2021登录改版 */
.popup-box .login-popup .login-tabs{padding-top: 20px;margin-bottom: 10px;}
.popup-box .login-popup .login-tabs a{position: relative; margin-left: 40px;margin-right: 40px; color: #333;text-decoration: none;font-size: 16px;}
.popup-box .login-popup .login-tabs a.active{font-weight:bold; color: #0ABEA0;}
.popup-box .login-popup .login-tabs a.active:before{content: "";position: absolute;left: 50%;bottom: -11px;margin-left: -20px;width: 40px;height: 2px;background-color: #0ABEA0;border-radius: 1px;}
.popup-box .login-popup .login-bottom{position: relative;line-height: 50px;background: #EDFAF5;border-radius: 0 0 16px 16px;}
.popup-box .login-popup .login-bottom .popover{top: -320px; left: 50%;display: block;margin-left: -138px;width: 276px;text-align: center;padding-top: 30px;visibility: hidden;}
.popup-box .login-popup .login-bottom:hover .popover{opacity: 1;visibility: visible;}
@media screen and (max-width: 1366px) {
.popup-box .popup{margin-left: -169px;min-width: 338px;}
.popup-box .popup .close-btn{top: -44px;font-size: 32px;}
.popup-box .popup-tabs{height: 51px;line-height: 51px;}
.popup-box .popup-tabs a,.popup-box .popup-tabs .tab-title{line-height: 49px;font-size: 16px;}
.popup-box .popup-tabs .two-factor{top: 11px;}
.popup-box form{padding-top: 36px;padding-bottom: 10px;}
.popup-box form .block-item{margin: 0 auto 14px;width: 260px;line-height: 38px;}
.popup-box form .inline-item{width: 170px;}
.popup-box form .long-input{height: 38px;line-height: 38px;}
.popup-box form .block-item input[type=submit]{height: 38px;line-height: 38px;font-size: 14px;}
.popup-box form .block-item .login-ico{top: 8px;}
.popup-box form .block-item .btn-waiting{top: 9px;}
.popup-box .block-item .login-ico.ico-login-imgcode{top: 11px;}
.popup-box .verify-btn{font-size: 12px;}
/* .popup-box .wechat-qr-box{height: 280px;} */
.popup-box .wechat-qr-box p{margin-bottom: 0;}
.popup-box .wechat-qr-box p.coagent{margin-top: 12px;margin-bottom: 0;}
.popup-box .login-popup .other-login .tip{left: 14px;top: -81px;}
.popup-box .login-popup .other-login .login-ico{margin-right: 15px;}
.popup-box .login-popup .tip-title{margin-bottom: 6px;}
.pop-notify.pop-center .close{right: 12%;}
.pop-notify.pop-center .pop-box{text-align: center;}
.pop-notify.pop-center .pop-notify-img{width: 80%;}
.pop-notify.pop-left{margin-left: -667px;}
.pop-notify.pop-right-mid{margin-left: 510px;}
.pop-notify.feedback .feedback-line{z-index: -1; bottom: 39px;margin-left: -101px;}
.pop-notify.pop-cma{margin-top: -224px;}
.pop-notify .pop-video{top: 175px; margin-left: -165px;width: 320px;}
.active-top .active-img,.pop-notify.pop-bottom .pop-notify-img{margin-left: -683px;width: 1366px;}
.active-top .active-close{top: 18px;margin-left: 515px;}
.pop-notify.pop-bottom .close{margin-right: -515px;}
.register-step:before{left: 97px;width: 142px;}
.popup-reg-ad{width: 338px;}
.wx-mini-reg{padding-top: 5px;}
.regist-wx-qrcode{top: -20px;padding-top: 20px;}
.logined-container .video-box.playing{width: 180px;height: 135px;}
.logined-container .play-area .error-bg.up-vip-box h2{margin-top: 0;margin-bottom: 10px; font-size: 24px;}
.logined-container .play-area .error-bg.up-vip-box h2 img{width: 40px;}
.logined-container .play-area .error-bg.up-vip-box .card{padding: 5px 20px; height: 160px;background-size: 100% 100%;}
.logined-container .play-area .error-bg.up-vip-box .btns a{line-height: 46px;font-size: 18px;}
}
/*关于我们*/
.about-live{width: 52px;height: 55px;background-image: url(../image/about_live.png);}
.about-video{width: 50px;height: 50px;background-image: url(../image/about_video.png);}
.about-app{width: 55px;height: 55px;background-image: url(../image/about_app.png);}
.about-accsafe{width: 66px;height: 48px;background-image: url(../image/about_accsafe.png);}
.about-other{width: 53px;height: 49px;background-image: url(../image/about_other.png);}
.affix-main .about-affix{width: 195px;}
.affix-main .about-content{width: 980px;}
.affix-main .about-affix ul li>a{border-top: 1px solid #F5F5F5;}
.affix-main .about-affix ul li>a:before{content: "";position: absolute;left: 0;top: 50%;margin-top: -13px;width: 2px;height: 26px;background-color: #00b882;opacity: 0;visibility: hidden;}
.affix-main .about-affix ul li.active>a:before,.about-affix ul li:hover>a:before{opacity: 1;visibility: visible;}
.about-content{padding-right: 40px;padding-left: 40px;margin-bottom: 32px;background-color: #fff;}
.about-content h2{padding-top: 32px;padding-bottom: 10px;margin: 0;border-bottom: 1px solid #eaeaea;font-size: 18px;color: #333;}
.about-content .about-box{padding-top: 37px;padding-bottom: 82px;word-break: break-all;}
.about-content .about-box .info-text{margin-bottom: 32px;line-height: 22px;font-size: 14px;color: #333;}
.about-content .about-dl dt{position: relative;padding-left: 12px;margin-bottom: 16px;font-size: 16px;}
.about-content .about-dl dt:before{content: '';position: absolute;top: 50%;left: 0;width: 6px;height: 16px;margin-top: -8px;background-color: #6c7981;}
.about-content .about-dl dd{padding-left: 12px;margin-bottom: 4px;}
.about-content .about-dl dd>a{color: #6c7981;}
.about-content .about-us .info-text{margin-bottom: 40px;}
.about-content .about-recruit .about-box{padding-top: 25px;}
.about-content .about-recruit .title{position: relative;margin-bottom: 39px;font-size: 20px;text-align: center;letter-spacing: 1px;}
.about-content .about-recruit .cooperation-plan .text-1{margin-bottom: 21px;line-height: 22px;}
.about-content .about-recruit .cooperation-plan .text-2{padding-left: 18px;margin-bottom: 50px;line-height: 32px;color: #6c7981;}
.about-content .about-recruit .cooperation-plan .about-dl dt{font-weight: normal;color: #6c7981;}
.about-content .about-recruit .cooperation-plan .about-dl dd{margin-bottom: 15px;}
.about-content .about-recruit .accepted-wrap{padding-top: 63px;}
.about-content .about-recruit .accepted-wrap .title:before{content: '';position: absolute;top: 50%;left: 0;width: 100%;height: 1px;background-color: #6c7981;}
.about-content .about-recruit .accepted-wrap .title span{padding-right: 26px;padding-left: 26px;background-color: #fff;}
.about-content .about-recruit .accepted-wrap form textarea{width: 628px;height: 143px;resize: none;}
.about-content .about-recruit .accepted-wrap form input[type=submit]{padding: 9px 24px;background-color: #00b28e;font-size: 16px;color: #fff;outline: none;}
.about-content .about-recruit .accepted-wrap form input[type=submit]+span{font-size: 12px;}
.about-content .about-help .circle-bg{display: block;width: 96px;height: 96px;line-height: 96px;border-radius: 50%;margin: 0 29px 20px;background-color: #f6f6f6;text-align: center;}
.about-content .about-help .circle-bg i{vertical-align: middle;}
.about-content .about-help .help-tabs li.active {color: #53e7c8;}
.about-content .about-help .help-tabs li.active .about-live,.about-content .about-help .circle-bg:hover .about-live{background-image: url(../image/about_live_act.png);}
.about-content .about-help .help-tabs li.active .about-video,.about-content .about-help .circle-bg:hover .about-video{background-image: url(../image/about_video_act.png);}
.about-content .about-help .help-tabs li.active .about-app,.about-content .about-help .circle-bg:hover .about-app{background-image: url(../image/about_app_act.png);}
.about-content .about-help .help-tabs li.active .about-accsafe,.about-content .about-help .circle-bg:hover .about-accsafe{background-image: url(../image/about_accsafe_act.png);}
.about-content .about-help .help-tabs li.active .about-other,.about-content .about-help .circle-bg:hover .about-other{background-image: url(../image/about_other_act.png);}
.about-content .about-help .panel{margin-top: 76px;-webkit-box-shadow: none;box-shadow: none;}
.about-content .about-help .panel-heading{background-color: #f2f2f2;}
.about-content .about-help .panel-title{font-size: 14px;font-weight: bold;}
.about-content .about-help .panel-body .qa-li{margin-bottom: 29px;line-height: 20px;font-size: 12px;}
.about-content .about-contact .company{margin-bottom: 39px;font-size: 16px;}
.about-content .about-contact .contact-way{margin-bottom: 18px;}
.about-content .about-contact .company-map{padding-top: 24px;padding-bottom: 48px;}
.about-content .about-law .about-dl dt{margin-bottom: 30px;font-size: 16px;font-weight: normal;color: #6c7981;}
.about-content .about-law .about-dl dd{padding-left: 0;line-height: 22px;margin-bottom: 31px;}
@media screen and (max-width: 1366px) {
.affix-main .about-affix{width: 147px;}
.affix-main .about-content{width: 834px;}
.about-content .about-help .circle-bg{margin: 0 10px 14px;}
}
/*个人中心*/
.personal-icons{display: inline-block;background-image: url(../image/personal_icons_v1.png);}
.personal-icons.sex-man{margin-top: 4px;width: 14px;height: 14px;background-position: -198px -86px;}
.personal-icons.sex-woman{margin-top: 3px;width: 11px;height: 16px;background-position: -198px -122px;}
.personal-icons.my-lesson{width: 17px;height: 20px;background-position: -177px -26px;}
.personal-icons.my-favor{width: 19px;height: 17px;background-position: -2px -162px;}
.personal-icons.my-notes{width: 19px;height: 19px;background-position: -113px -112px;}
.personal-icons.my-score{width: 18px;height: 18px;background-position: -114px -140px;}
.personal-icons.my-plan{width: 21px;height: 19px;background-position: -139px -80px;}
.personal-icons.my-ask{width: 20px;height: 18px;background-position: -2px -140px;}
.personal-icons.my-answer{width: 20px;height: 20px;background-position: -142px -54px;}
.personal-icons.my-follow{width: 22px;height: 14px;background-position: -96px -162px;}
.personal-icons.my-examsoft{width: 18px;height: 18px;background-position: -70px -140px;}
.personal-icons.my-certificate{width: 20px;height: 22px;background-position: -197px -177px;}
.personal-icons.my-order{width: 16px;height: 18px;background-position: -177px -93px;}
.personal-icons.my-cloudload{width: 20px;height: 14px;background-position: -172px -162px;}
.personal-icons.my-grant-lesson{width: 20px;height: 24px;background-position: -22px -112px;}
.personal-icons.my-logout{width: 21px;height: 22px;background-position: -91px -54px;}
.personal-icons.my-phone{width: 12px;height: 18px;background-position: -198px -64px;}
.personal-icons.my-wechat{width: 20px;height: 16px;background-position: -72px -162px;}
.personal-icons.my-qq{width: 16px;height: 18px;background-position: -177px -137px;}
.personal-icons.quiz-star{width: 20px;height: 19px;background-position: -42px -112px;}
.personal-icons.quiz-star.highlight{background-position: -66px -112px;}
.personal-icons.status-end{width: 60px;height: 54px;background-position: -2px -54px;}
.quote-que { padding: 5px 10px; border: 1px solid #eee; border-radius: 5px; font-size: 12px; cursor: pointer; display: inline-block; }
.personal-icons.status-noanswer{width: 83px;height: 46px;background-position: -90px -2px;}
.personal-icons.status-noassess{width: 84px;height: 48px;background-position: -2px -2px;}
.personal-icons.more-down{width: 10px;height: 10px;background-position: -198px -142px;}
.personal-icons.notes-plus{margin-right: 2px;width: 18px;height: 18px;background-position: -48px -140px;vertical-align: sub;}
.personal-icons.notes-del{width: 15px;height: 17px;background-position: -198px -21px;}
.personal-icons.notes-edit{width: 17px;height: 15px;background-position: -198px -2px;}
.personal-icons.notes-v-play{width: 9px;height: 11px;background-position: -198px -156px;}
.personal-icons.score-shop{margin-right: 6px;width: 22px;height: 20px;background-position: -116px -54px;vertical-align: text-bottom;}
.personal-icons.o-del-act{width: 20px;height: 20px;background-position: -90px -80px;cursor: pointer;}
.personal-icons.o-edit-act{margin-right: 5px;width: 18px;height: 18px;background-position: -26px -140px;vertical-align: sub;}
.personal-icons.o-gth{margin-right: 3px;width: 14px;height: 14px;background-position: -198px -104px;vertical-align: sub;}
.personal-icons.user-count{margin-right: 3px;width: 18px;height: 14px;background-position: -2px -183px;}
.personal-icons.time-clock{margin-right: 5px;width: 17px;height: 17px;background-position: -177px -50px;vertical-align: bottom;}
.bind-icons{display: inline-block;width: 118px;height: 118px;background-image: url(../image/bind_icons.png);cursor: pointer;}
.bind-icons.bind-mobile{background-position: -2px -2px;}
.bind-icons.bind-web{background-position: -490px -2px;}
.bind-icons.bind-qq{background-position: -246px -2px;}
.bind-icons.bind-wechat{background-position: -856px -2px;}
/*评价icon*/
.i-quiz{position: absolute;top: 50%;right: 0;margin-right: 40px;}
.i-quiz.end{margin-top: -46.5px;margin-right: 30px;text-align: center;}
.i-quiz.noanswer{margin-top: -23px;}
.i-quiz.noassess{margin-top: -24px;}
.affix-main .personal-affix{width: 200px;padding-bottom: 20px;}
.affix-main .personal-content{width: 978px;min-height: 581px;}
.affix-main .personal-affix .nav-first{padding: 20px 0 14px 30px;margin-bottom: 12px;border-bottom: 1px solid #eaeaea;font-size: 16px;}
.affix-main .personal-affix ul li>a{padding-left: 30px;height: 36px;line-height: 36px;text-align: left;}
.affix-main .personal-affix ul li>a em{position: absolute;top: 6px;margin-left: 2px;width: 7px;height: 7px;background-color: #FF2B2B;border-radius: 50%;}
.affix-main .personal-affix ul li .personal-icons{vertical-align: middle;margin-right: 5px;}
.affix-main .personal-affix ul li.active .my-lesson,.affix-main .personal-affix ul li:hover .my-lesson{background-position: -177px -2px;;}
.affix-main .personal-affix ul li.active .my-favor,.affix-main .personal-affix ul li:hover .my-favor{background-position: -25px -162px;}
.affix-main .personal-affix ul li.active .my-notes,.affix-main .personal-affix ul li:hover .my-notes{background-position: -90px -112px;}
.affix-main .personal-affix ul li.active .my-score,.affix-main .personal-affix ul li:hover .my-score{background-position: -136px -140px;}
.affix-main .active .my-plan,.affix-main .personal-affix ul li:hover .my-plan{background-position: -114px -80px;}
.affix-main .personal-affix ul li.active .my-ask,.affix-main .personal-affix ul li:hover .my-ask{background-position: -136px -112px;}
.affix-main .personal-affix ul li.active .my-answer,.affix-main .personal-affix ul li:hover .my-answer{background-position: -66px -80px;}
.affix-main .personal-affix ul li.active .my-follow,.affix-main .personal-affix ul li:hover .my-follow{background-position: -122px -162px;}
.affix-main .personal-affix ul li.active .my-examsoft,.affix-main .personal-affix ul li:hover .my-examsoft{background-position: -92px -140px;}
.affix-main .personal-affix ul li.active .my-certificate,.affix-main .personal-affix ul li:hover .my-certificate{background-position: -175px -177px;}
.affix-main .personal-affix ul li.active .my-order,.affix-main .personal-affix ul li:hover .my-order{background-position: -177px -115px;}
.affix-main .personal-affix ul li.active .my-cloudload,.affix-main .personal-affix ul li:hover .my-cloudload{background-position: -148px -162px;}
.affix-main .personal-affix ul li.active .my-grant-lesson,.affix-main .personal-affix ul li:hover .my-grant-lesson{background-position: -2px -112px;}
.affix-main .personal-affix ul li.active .my-logout,.affix-main .personal-affix ul li:hover .my-logout{background-position: -66px -54px;}
.peasonal-top{height: 221px;line-height: 221px;background: url(../image/personal_bg_1.jpg) no-repeat;}
.peasonal-top .p-box{display: inline-block;width: 100%;color: #fff;vertical-align: middle;}
.peasonal-top .p-head{width: 129px;height: 129px;margin-left: 32px;border: 6px solid #b1eaeb\9;border: 6px solid rgba(249, 249, 249, 0.58);border-radius: 50%;overflow: hidden;}
.peasonal-top .p-head img{width: 100%;height: 100%;}
.peasonal-top .p-top-info>p{line-height: normal;}
.peasonal-top .p-name{font-size: 22px;letter-spacing: 1px;vertical-align: middle;}
.peasonal-top .time-out{font-size: 18px;color: #fb7f7f;vertical-align: middle;}
.peasonal-top .p-sex{width: 22px;height: 22px;margin-left: 6px;border-radius: 50%;background-color: #fff;text-align: center;}
.peasonal-top .p-status{padding: 2px 10px;border-radius: 11px;font-weight: bold;vertical-align: middle;}
#personalCenter .svip-bg{background-color: #fb7f7f;}
#personalCenter .vip-bg{background-color: #fc973c;}
#personalCenter .package-bg{background-color: #fdc130;}
#personalCenter .try-bg{background-color: #db77f8;}
#personalCenter .common-bg{background-color: #3594ff;}
.peasonal-top .learn-info>span{line-height: 31px;text-align: center;}
.peasonal-top .learn-info>span>span:first-child{font-size: 12px;}
.peasonal-top .learn-info .l-r-fff-border{border-width: 0 1px 0 1px;border-style: solid;border-color: rgba(255, 255, 255, 0.42);}
.peasonal-top .bind-tip{position: absolute;top: 100%;left: 0;width: 100%;height: 43px; background-color: #fdf7df;line-height: 43px;}
.peasonal-top .bind-tip a{color: #ff4c4c;}
/*个人中心会员页*/
.peasonal-vip .peasonal-top{background: url(../image/179227_5bf24f693eaf2.png) no-repeat;}
.peasonal-vip .vip-type{display: inline-block;padding-left: 20px;padding-right: 20px; height: 30px;line-height: 28px; background-image: linear-gradient(-90deg, #daac77 0%, #b99060 100%), linear-gradient(#ffd02b, #ffd02b);color: #fff; border-radius: 30px;text-decoration: none;}
.peasonal-vip .vip-type.overdue{background-color: #eee;background-image: none; color: #bbb;}
.peasonal-vip .vip-type.active{height:25px;line-height: 25px; background:linear-gradient(0deg,rgba(255,78,60,1),rgba(255,124,53,1));border-radius:13px;font-size: 12px;}
.peasonal-vip .btn-vip-up{position: absolute;right: 0;top: 85px;width: 150px;height: 55px;line-height: 55px;font-size: 20px;font-weight: bold; background-color: #f66952;border-radius: 28px;color: #fff;text-decoration: none;box-shadow: 0 -4px 1px inset #dc4128;}
.peasonal-vip .vip-up{padding-left: 30px;padding-right: 30px; line-height: 90px;background-color: #f7f3ef;font-size: 20px;}
.peasonal-vip .vip-up .vip-type{height: 50px;line-height: 50px;}
.peasonal-vip .vip-up .vip-type s{font-size: 14px;color: #eee;}
.peasonal-vip .vip-up .vip-type span{margin-left: 10px;margin-right: 5px; color: #f7cb52;}
.peasonal-vip .circle{position: relative;margin-right: 10px; display: inline-block;width: 16px;height: 16px;background-color: #f7ece0;border-radius: 50%;vertical-align: sub;}
.peasonal-vip .circle:before{content: ""; position: absolute;left: 50%;top: 50%;margin-left: -3px;margin-top: -3px; width: 6px;height: 6px;background-color: #d3a672;border-radius: 50%;}
.peasonal-vip .vip-nav{line-height: 70px;}
.peasonal-vip .vip-nav ul li{position: relative;}
.peasonal-vip .vip-nav ul li i,.svip-tag{position: absolute;top: 3px;right: -25px;width: 50px;height: 18px;line-height: 18px; background-color: #f66952;border-radius: 4px;font-size: 12px;color: #fff;text-align: center;font-style: normal;-webkit-animation:svip-tag 1s infinite;animation:svip-tag 1s infinite;}
.peasonal-vip .vip-nav ul li a{padding-left: 20px;padding-right: 20px; font-size: 18px;text-decoration: none;}
.peasonal-vip .vip-nav ul li.active a{color: #b99060;font-weight: bold;}
.peasonal-vip .vip-nav ul li.active a:after{position: absolute;bottom: 0;left: 50%;margin-left: -20px; content: "";width: 40px;height: 3px;background-image: linear-gradient(-90deg, #daac77 0%, #b99060 100%);border-radius: 2px;}
.peasonal-vip .vip-nav .buy-list{padding-right: 20px;height: 70px;overflow: hidden;}
.peasonal-vip .personal-affix .nav-first{padding-left: 0;}
.peasonal-vip .personal-affix .nav-first.active{color: #b99060;}
.peasonal-vip .personal-affix h4{line-height: 40px;background-color: #f6ebdf;font-size: 16px;}
.peasonal-vip .personal-affix a{display: block;margin-top: 20px;margin-bottom: 20px; border-left: 2px solid transparent;}
.peasonal-vip .personal-affix a.active{color: #b99060;border-left-color: #b99060;}
.peasonal-vip .personal-affix a i{position: absolute;margin-left: 5px;margin-top: -3px; padding: 0 4px;border-radius: 4px; color: #bbb;background-color: #eee;font-size: 12px;font-style: normal;}
.peasonal-vip .peasonal-vip-table table{width: auto;}
.peasonal-vip .peasonal-vip-table td{padding: 0; line-height: 60px;}
.peasonal-vip .peasonal-vip-table td:nth-of-type(even){background-color: #f6ebdf;}
.peasonal-vip .personal-content > .p-index-content{display: none;}
.peasonal-vip .personal-content > .p-index-content.active{display: block;}
.peasonal-vip .cover-link{display: block;border-radius: 6px;overflow: hidden;}
.peasonal-vip .cover-text{position: absolute;left: 0;top: 0;height: 100%;width: 100%;padding-top: 80px; color: #fff;background-color: rgba(0,0,0,.5);text-align: center;font-size: 36px;}
.peasonal-vip .learn-info{padding-top: 30px;padding-bottom: 30px; background-color: #3b3b3b;border-radius: 4px;}
.peasonal-vip .head.vip-type{position: absolute;bottom: 20px;right: 23px;}
.peasonal-vip .head.vip-type.modify{bottom: 8px;right: 40px;}
.personal-infos h4 .more{color: #b99060;}
.personal-content .tailoring-content .tailoring-box-parcel{width: 520px;height: 450px;border: solid 1px #ddd;}
.personal-content .tailoring-container .previewImg{width: 200px;height: 200px;overflow: hidden;border: 1px solid #ddd;}
.personal-content .tailoring-container .previewImg.circular{border-radius: 50%;}
.personal-content .tailoring-container .preview-box-parcel{position: absolute;right: 20px;top: 0;}
.personal-content .tailoring-container .sure-cut{margin-right: 75px;}
.personal-content .course-item {margin-right: 14px;}
.personal-content .c-nav {height: 48px;border-bottom: 1px solid #e8e8e8;line-height: 48px;}
.personal-content .c-nav ul li:first-child,.personal-content .c-nav ul li:first-child a{font-size: 18px;}
.personal-content .c-nav ul li a{display: inline-block;margin-right: 20px;line-height: 43px;font-size: 16px;text-decoration: none;}
.personal-content .c-nav ul li.active a,.personal-content .c-nav ul li:hover a{color: #00b28e;border-bottom: 2px solid #00b28e;}
.personal-content .c-nav.bor-w-0,.personal-content .c-nav.bor-w-0 ul li.active a,.personal-content .c-nav.bor-w-0 ul li:hover a{border-bottom-width: 0;}
.personal-content .c-nav.add-learn{border-bottom: none;}
.personal-content .c-nav .add-learn-plan a i{display: inline-block;margin-right: 5px; width: 22px;height: 22px;background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAWCAYAAADEtGw7AAABXUlEQVQ4jbXVsU4UURSA4W9uiIGCIFtpsoUPgGADlT1YUGgHT+E2aGKtCSGBt5COAguXmgqtNDQmm2gBbGwQqg00WMwdMwwz7OIMf3nOPf89NzM5J7G7qYJprOAFZvEIlzhCD5+xjT9lxUmJeBwdrOFh1a2RM2xgC4N8IhQOPsFXfBhBKp55jy+xtlTcxj5mRhAWmYm17aJ4HDv5xH/Qjo6JvPg15m+rulruuFruDJPPR5eAFt7W6LTIG7SC9JeaalA8hZWAxQalGUsBz+5BPJfY3bzAg3x0hI90jeTTVjF0GXBRq7cKxtDH5JAO/r2iLFfC74Aftdu7ybeAvXsQd4N09J03KD3HdsAp1hsUr+M0m8cTOMDTmtJDLGCQDaEBXuGkhvQYL6Pr2jzu4Xm89a4cxtpeFihukJ/Sp7yTrp1hnMWzC/iVT5TtvIxprGJJukwfx3gf39HFRxXL9C/xk0k6Ag65NQAAAABJRU5ErkJggg==);vertical-align: text-top;}
.personal-content .c-nav .add-learn-plan:hover a{color: #333;border-bottom-color: transparent;}
.personal-content .theme-title{padding-bottom: 20px;margin-top: 0;margin-bottom: 0;font-size: 16px;font-weight: bold;}
.personal-content .theme-title a{font-weight: normal;font-size: 14px;}
.personal-content .inline-wrap{display: inline-block;vertical-align: middle;}
.personal-content .quiz-items .quiz-item{position: relative;padding: 43px 12px 8px;border-bottom: 1px solid #e8e8e8;}
.personal-content .quiz-items .i-q-80{width: 80%;}
.personal-content .quiz-items .quiz-line{font-size: 12px;color: #7d7d7d;}
.personal-content .quiz-items .quiz-line span{margin-right: 10px;}
.personal-content .zero-data{padding: 50px 30px;color: #6c7981;text-align: center;}
.personal-content .feedback-img img{width: 200px;height: 260px;cursor: zoom-in;}
/*表单*/
.personal-content form .form-item{margin-bottom: 20px;}
.personal-content form .form-item .form-label{float: left;display: block;padding: 5px 10px;min-width: 104px;font-weight: 400;}
.personal-content form .form-item .form-input-block{margin-left: 104px;width: 356px;min-height: 30px;}
.personal-content form .form-item .form-input-block .block-text{line-height: 30px;}
.personal-content form .form-item .radio-wrap{padding-top: 5px;padding-bottom: 5px;}
.personal-content form .form-item .form-input-inline,.personal-content form .form-item .form-select-inline{float: left;margin-right: 10px;}
.personal-content form .form-item .form-input-inline{width: 204px;}
.personal-content form .form-item .form-input-inline.w-176{width: 176px;}
.personal-content form .form-item .form-input-inline.w-310{width: 310px;}
.personal-content form .form-item .form-select-inline{width: 84px;}
.personal-content form .form-item .distpicker .form-select-inline{width: auto}
.personal-content form .form-item .form-input-inline .input-code{width: 104px;}
.personal-content form .form-item .form-mid{float: left;display: block;padding: 5px 0;margin-right: 10px;font-size: 12px;}
.personal-content form .form-item .input-class{display: block;padding-bottom: 5px\9;padding-left: 10px;width: 100%;height: 30px;border-width: 1px;border-style: solid;border-color: #e8e8e8;background-color: #fff;line-height: 30px;font-size: 12px;outline: none;}
.personal-content form .form-item textarea{padding: 5px;width: 100%;min-height: 74px;resize: none;outline: none;border: 1px solid #e8e8e8;}
.personal-content form .form-item .btn-success,.p-order-content .od-box form .form-item .btn-success:hover{background-color: #00b28e;border-color: #00b28e;}
.personal-content form .verify-btn{padding: 5px;}
.personal-content .popup{padding-top: 50px;width: 529px;border-radius: 4px;}
.personal-content .popup .close-btn{top: 0;right: 10px;color: #adadad;text-decoration: none;}
.personal-content .popup .close-btn.close-o{position: absolute;top: -38px;right: -42px;width: 39px;height: 39px;border-radius: 50%;background-color: #fff;color: #666;font-size: 26px;text-decoration: none;}
.personal-content .popup .qr-wrap-box{position: relative;padding: 9px 13px;margin: 50px auto;width: 253px;height: 248px;border: 1px solid #d8d8d8;}
.personal-content .popup .qr-wrap-box:before{content: '';position: absolute;top: 50%;left: -5%;margin-top: -97px;width: 110%;height: 194px;background-color: #fff;}
.personal-content .popup .qr-wrap-box:after{content: '';position: absolute;top: -5%;left: 50%;margin-left: -101.5px;width: 203px;height: 110%;background-color: #fff;}
.personal-content .popup .qr-wrap-box>div{position: relative;z-index: 2;padding: 15px;height: 100%;border: 1px solid #d8d8d8;}
.personal-content .popup .qr-wrap-box img{width: 100%;height: 100%;}
.personal-content .popup.acc-qr-scan .title{font-size: 26px;}
.personal-content .popup.acc-bind-app{padding-right: 24px;padding-left: 24px;}
.personal-content .popup.acc-bind-app .title{padding-bottom: 13px;border-bottom: 1px solid #e8e8e8;font-size: 26px;color: #333;}
.personal-content .popup.acc-bind-app .tip-text{padding-left: 44px;margin-top: 40px;line-height: 24px;}
.personal-content .popup.acc-bind-app .qr-wrap-box{margin-bottom: 38px;}
.personal-content .popup.acc-bind-mobile{top: 11%; width: 450px;padding-top: 0;border-radius: 20px;}
.personal-content .popup.acc-bind-mobile .close-btn{color: #fff;}
.personal-content .popup.acc-bind-mobile h5{margin-top: 0;margin-bottom: 0; line-height: 34px;font-size: 18px;text-align: justify;}
.personal-content .popup.acc-bind-mobile form{padding-top: 0;padding-bottom: 0;}
.personal-content .popup.acc-bind-mobile .form-item .input-class{padding-bottom: 25px;height: 60px;font-size: 20px; border: none; border-bottom: 1px solid #E5E5E5;color: #A5A5A5;}
.personal-content .popup.acc-bind-mobile .form-item .img-seccode{position: absolute;right: 0;top: 3px;}
.personal-content .popup.acc-bind-mobile .form-item .verify-btn{position: absolute;right: 0;top: -8px;width:165px;height:50px;background-color: #FFDAD4; box-shadow:0px 6px 12px 0px #FEEBE9;border-radius:28px;color: #F5402C;font-size: 20px;}
.personal-content .popup.acc-bind-mobile .form-item .btn-success{height:60px;background:linear-gradient(0deg,rgba(255,93,43,1),rgba(255,56,41,1));box-shadow:0px 6px 12px 0px rgba(248,63,41,0.6);border-color: transparent; border-radius:30px;font-size: 20px;}
.personal-content .popup.receiver-popup{padding: 30px;}
.personal-content .popup.receiver-popup form{padding: 0 40px 0 10px;}
.personal-content .popup.receiver-popup form .form-input-block{width: auto;}
.p-index-content .personal-infos{border-bottom: 1px solid #e8e8e8;}
.p-index-content .nobind-p-tip{display: inline-block;position: absolute;top: -72px;left: -76px;padding: 10px;width: 180px;background-color: #00b882;border-radius: 4px;line-height: normal;color: #fff;}
.p-index-content .nobind-p-tip>a{color: #ffd800;}
.p-index-content .nobind-p-tip:after{content: '';position: absolute;bottom: -10px;left: 50%;margin-left: -11px;width: 0;height: 0;border-left: 10px solid transparent;border-right: 10px solid transparent;border-top: 10px solid #00b882;}
.p-index-content .cfo-hover{position: relative;text-decoration: underline;cursor: pointer;}
.p-index-content .cfo-hover .cfobox{z-index: 3;display: block;position: absolute;top: 30px;left: 50%;padding-top: 24px;margin-left: -104.5px;width: 209px;height: 228px;border-radius: 6px;border: 1px solid #eee;background-color: #fff;color: #5d5d5d;text-align: center;opacity: 0;visibility: hidden;-webkit-transition: all .5s ease 0s;-o-transition: all .5s ease 0s;transition: all .5s ease 0s;-webkit-transform: scale(.2);-ms-transform: scale(.2);-o-transform: scale(.2);transform: scale(.2);-webkit-transform-origin: center top;-moz-transform-origin: center top;-ms-transform-origin: center top;-o-transform-origin: center top;transform-origin: center top;}
.p-index-content .cfo-hover .cfobox:before,.p-index-content .cfo-hover .cfobox:after{content: '';position: absolute;left: 50%;width: 0;height: 0;}
.p-index-content .cfo-hover .cfobox:after{top: -10px;margin-left: -11px;border-left: 10px solid transparent;border-right: 10px solid transparent;border-bottom: 10px solid #fff;}
.p-index-content .cfo-hover .cfobox:before{top: -12px;margin-left: -13px;border-left: 12px solid transparent;border-right: 12px solid transparent;border-bottom: 12px solid #eee;}
.p-index-content .cfo-hover .cfobox .bot-text{display: block;margin-top: 10px;}
.p-index-content .cfo-hover:hover .cfobox{opacity: 1;visibility: visible;-webkit-transform: scale(1);-ms-transform: scale(1);-o-transform: scale(1);transform: scale(1);}
.p-index-content .personal-infos .subtitle{display: inline-block;margin-right: 15px;width: 86px;font-size: 16px;text-align: center;vertical-align: top;}
.p-index-content .personal-infos .user-btn{display: inline-block;padding: 2px 11px;margin-right: 5px;border: 1px solid #fb7f7f;border-radius: 13px;font-size: 16px;color: #fb7f7f;text-decoration: none;}
.p-index-content .personal-infos .user-btn:hover{background-color: #fb7f7f;color: #fff;}
.p-index-content .personal-infos .user-btn.btn-stop-study{border-color: #999;color: #999;}
.p-index-content .personal-infos .user-btn.btn-stop-study:hover{background-color: #999; color: #fff;}
.p-index-content .personal-infos .userhead{display: inline-block;width: 86px;height: 86px;margin-right: 15px;border-radius: 50%;overflow: hidden;vertical-align: top;}
.p-index-content .personal-infos .userhead img{height: 100%;}
.p-index-content .personal-infos .my-info .inline-wrap{padding-top: 10px;}
.p-index-content .personal-infos .my-info .inline-wrap.bind-wrap{padding-top: 4px;}
.p-index-content .personal-infos .my-info .s-status{padding-right: 8px;padding-left: 8px;margin-left: 6px;border-radius: 7px;background-color: #ffd02b;font-size: 12px;color: #fff;}
.p-index-content .personal-infos .i-bind{display: inline-block;width: 28px;height: 28px;border-radius: 50%;background-color: #eaeaea;line-height: 28px;text-align: center;}
.p-index-content .personal-infos .i-bind .nobind-p-tip{display: block;}
.p-index-content .personal-infos .i-bind.active .nobind-p-tip{display: none;}
.p-index-content .personal-infos .i-bind .personal-icons{vertical-align: -3px;}
.p-index-content .personal-infos .i-bind.active,.p-index-content .personal-infos .i-bind:hover{background-color: #36d2b3;}
.p-index-content .personal-infos .i-bind.active .my-phone,.p-index-content .personal-infos .i-bind:hover .my-phone{background-position: -198px -42px;}
.p-index-content .personal-infos .i-bind.active .my-wechat,.p-index-content .personal-infos .i-bind:hover .my-wechat{background-position: -48px -162px;}
.p-index-content .personal-infos .i-bind.active .my-qq,.p-index-content .personal-infos .i-bind:hover .my-qq{background-position: -177px -71px;}
.p-index-content .personal-lessons .my-learning-box ul li{position: relative;padding-right: 13px;padding-left: 18px;margin-left: 108px;}
.p-index-content .personal-lessons .my-learning-box ul li:before{content: '';position: absolute;bottom: 0;left: 0;height: 100%;border-left: 1px solid #d2d2d2;}
.p-index-content .personal-lessons .my-learning-box ul li.first:before{height: 180px;}
.p-index-content .personal-lessons .my-learning-box ul li:after{content: '';position: absolute;top: 18px;left: -5px;width: 10px;height: 10px;border: 1px solid #d2d2d2;border-radius: 50%;background-color: #fff;}
.p-index-content .personal-lessons .my-learning-box .date{position: absolute;top: 23px;left: -70px;}
.p-index-content .personal-lessons .my-learning-box .img-wrap{position: relative;width: 220px;height: 140px;}
.p-index-content .personal-lessons .my-learning-box .img-wrap img{width: 100%;height: 100%;}
.p-index-content .personal-lessons .my-learning-box .img-card{position: absolute;padding: 7px 10px;top: 0;right: -10px;background-color: #ffd02b;line-height: normal;font-size: 12px;color: #fff;}
.p-index-content .personal-lessons .my-learning-box .img-card:after{content: '';position: absolute;top: 100%;width: 0;height: 0;border-top: 6px solid #ebab20;border-right: 10px solid transparent;}
.p-index-content .personal-lessons .my-learning-box .img-wrap .bottom-tip{position: absolute;bottom: 0;left: 0;padding-left: 12px;width: 100%;height: 28px;filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#80333333,endColorstr=#80333333);background-color: rgba(51, 51, 51, 0.8);line-height: 28px;font-size: 12px;color: #fff;letter-spacing: 1px;}
.p-index-content .personal-lessons .my-learning-box .img-wrap .bottom-tip strong{color: #ffd02b;}
.p-index-content .personal-lessons .my-learning-box .lesson-box{padding: 30px 0;border-top: 1px solid #e8e8e8;line-height: 140px;}
.p-index-content .personal-lessons .my-learning-box .lesson-box.border-t-0{border-top-width: 0;}
.p-index-content .personal-lessons .my-learning-box .inline-wrap>p{line-height: normal;font-size: 12px;}
.p-index-content .personal-lessons .my-learning-box .u-count{margin-left: 30px;}
.p-index-content .personal-lessons .my-learning-box .inline-wrap .line-1{font-size: 14px;}
.p-index-content .personal-lessons .my-learning-box .inline-wrap .text-ellipsis .ml-15{display: inline-block;width: 233px;overflow: hidden;text-overflow: ellipsis; vertical-align: sub;}
.p-index-content .personal-lessons .my-learning-box .learn-btn{display: inline-block;padding: 6px 21px;border-radius: 17px;background-color: #36d2b3;line-height: normal;color: #fff;text-decoration: none;outline: none;}
.p-index-content .personal-lessons .my-learning-box .learn-btn.playback{background-color: #627481;}
/*学习包*/
.p-index-content .personal-lessons .learning-package ul li{margin-left: 0;}
.p-index-content .personal-lessons .learning-package ul li:before,.p-index-content .personal-lessons .learning-package ul li:after{display: none;}
.p-index-content .personal-quiz .subtitle{padding-top: 20px;padding-bottom: 6px;border-bottom: 1px solid #e8e8e8;font-size: 18px;}
.p-index-content .personal-recommend .course-item{margin-top: 0;}
/*账户管理*/
.p-index-content .bind-ways .bind-way a{display: inline-block;width: 139px;height: 34px;line-height: 34px;background-color: #f0f0f0;border-radius: 17px;color: #666;text-decoration: none;}
.p-index-content .bind-ways .bind-way:hover .bind-mobile,.p-index-content .bind-ways .bind-way.active .bind-mobile{background-position: -124px -2px;}
.p-index-content .bind-ways .bind-way:hover .bind-web,.p-index-content .bind-ways .bind-way.active .bind-web{background-position: -612px -2px;}
.p-index-content .bind-ways .bind-way:hover .bind-qq,.p-index-content .bind-ways .bind-way.active .bind-qq{background-position: -368px -2px;}
.p-index-content .bind-ways .bind-way:hover .bind-wechat,.p-index-content .bind-ways .bind-way.active .bind-wechat{background-position: -734px -2px;}
.p-index-content .bind-ways .bind-way:hover p,.p-index-content .bind-ways .bind-way.active p{color: #0bc39e;}
.p-index-content .bind-ways .bind-way:hover a,.p-index-content .bind-ways .bind-way.active a{background-color: #51ead1;color: #fff;}
.p-index-content .bind-ways .unphone i{margin-right: 10px;vertical-align: bottom;}
/*换绑*/
.acc-ubind-wrap .step{margin-bottom: 60px;}
.acc-ubind-wrap .step li > span{display: inline-block;padding: 12px 20px;background-color: #ebf0ee;border-radius: 8px;font-size: 16px;color: #7d807e;}
.acc-ubind-wrap .step li > span.complete{background-color: #3e403f;color: #fff;}
.acc-ubind-wrap .step li > span.active{background-color: #00b882;color: #fff;}
.acc-ubind-wrap .unphone-step .btn{padding: 0; margin-top: 50px; width: 300px;line-height: 42px;background-color: #00b882;box-shadow: 0 4px 8px 0 rgba(20, 181, 123, .5);border-radius: 30px;font-size: 16px;color: #fff;outline: none;}
.acc-ubind-wrap .unphone-step .btn-verify{margin-top: 0; width: 100px;line-height: 32px; border-radius: 4px;box-shadow: none;font-size: 14px;}
.acc-ubind-wrap .unphone-confirm .inline-block{width: 300px;}
.acc-ubind-wrap .unphone-step .photo .tip{color: #ababab;}
.acc-ubind-wrap .unphone-step .photo .photo-btn{width: 140px;line-height: 45px;height: 45px; background-color: #ebf0ee !important;border-radius: 8px;font-size: 18px;border: none;outline: none;}
.acc-ubind-wrap .unphone-step .photo .photo-btn .webuploader-pick{color: #00b882;}
.acc-ubind-wrap .unphone-step .popup{padding-top: 0;}
.acc-ubind-wrap .unphone-step .address-item .od-addr-box.addr{position: static;margin: 0 auto;}
/*结业证书申领*/
.acc-ubind-wrap .certificate-list > div{margin-left: 20px;margin-right: 20px;}
.acc-ubind-wrap .certificate-list .certificate{width: 210px;height: 270px;background-image: url(../image/179227_5d5e677feeb86.png);color: #d8b097;}
.acc-ubind-wrap .certificate-list .certificate h3{margin-top: 0;margin-bottom: 95px; padding-top: 83px;font-size: 26px;}
.acc-ubind-wrap .certificate-list .certificate p span{display: inline-block;margin-left: 5px;margin-right: 5px; width: 20px;height: 1px;background-color: #a28464;vertical-align: middle;}
.acc-ubind-wrap .certificate-list .progress{margin-top: 15px;margin-bottom: 10px; height: 8px;box-shadow: none;background-color: #ebebeb;}
.acc-ubind-wrap .certificate-list .progress-bar{background-color: #4bb7ce;border-radius: 4px;box-shadow: none;}
.acc-ubind-wrap .submit-order{width: 400px;margin: 0 auto;}
.acc-ubind-wrap .submit-order .name{margin-right: 50px;}
.acc-ubind-wrap .submit-order .btn-back{margin-top: 0;width: 100px;height: 35px;line-height: 33px; background-color: #ebf0ee;border-radius: 8px;color: #00b882;box-shadow: none;}
.acc-ubind-wrap .submit-order .pay-mode .p-mode{width: 195px;}
.acc-ubind-wrap .submit-order .package-price{font-size: 20px;}
.p-index-content .acc-wrap form .form-item .form-label{min-width: 118px;text-align: right;}
.p-index-content .real-know h4{padding: 20px 0;margin: 0;border-top: 1px solid #e8e8e8;}
.p-index-content .real-know p{line-height: 24px;}
.p-index-content.p-acc .info-integrity {padding-top: 40px;padding-bottom: 40px;}
.p-index-content.p-acc .info-integrity .progress{margin: 0 15px;width: 394px;height: 13px;vertical-align: -1px;}
.p-index-content.p-acc .info-integrity .acc-edit{text-decoration: none;}
.p-index-content.p-acc .personal-infos {border-bottom: 0;}
.p-index-content.p-acc .personal-infos .my-info .row{margin-right: 0;margin-left: 0;}
.p-index-content.p-acc .personal-infos .userhead{width: 104px;height: 104px;border-radius: 0;}
.p-index-content.p-acc .acc-detail h4{margin: 0;padding-bottom: 13px;padding-left: 26px;border-bottom: 1px solid #e8e8e8;font-size: 14px;color: #666;}
.p-index-content.p-acc .acc-detail .detail-box{margin-left: 120px;}
.p-index-content.p-acc .addr-items .addr-item.add-addr{padding: 0;line-height: 222px;text-align: center;}
.p-index-content.p-acc .addr-items .addr-item.add-addr>div{line-height: 2.4;vertical-align: middle;}
.p-index-content.p-acc .addr-items .addr-item.add-addr .addr-add-btn{display: inline-block;width: 71px;height: 71px;background-color: #ebebeb;border-radius: 50%;line-height: 71px;font-size: 50px;color: #fff;text-decoration: none;cursor: pointer;}
.p-index-content.p-acc .addr-items .addr-item{position: relative;float: left;padding: 24px 20px;margin: 10px 22px;width: 344px;height: 222px;background-color: #fff;border: 1px solid #e8e8e8;font-size: 12px;color: #333;overflow: hidden;}
.p-index-content.p-acc .addr-items .addr-item .flag{position: absolute;top: 0\9;top: -10px;right: 0\9;right: -24px;padding: 10px\9;padding: 20px 20px 0;background-color: #00b28e;color: #fff;-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);-o-transform: rotate(45deg);transform: rotate(45deg);}
.p-index-content.p-acc .addr-items .addr-item .name{margin-bottom: 15px;font-size: 16px;font-weight: 700;}
.p-index-content.p-acc .l-label{margin-right: 15px;line-height: 30px;vertical-align: top;}
.p-index-content.p-acc .replace-head{position: relative;margin-left: 10px;vertical-align: bottom;}
.p-index-content.p-acc .replace-head input[type=file]{z-index: 2;position: absolute;top: 0;left: 0;width: 100%;height: 100%;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);opacity: 0;}
.p-index-content.p-acc .real-wrap{padding-top: 50px;padding-bottom: 70px;text-align: center;}
.p-index-content.p-acc .real-wrap .tip-text{margin-top: 30px;margin-bottom: 50px;font-size: 20px;}
.p-index-content.p-acc .real-wrap .tip-info{margin-bottom: 45px;color: #999;}
.p-index-content.p-acc .real-wrap .tip-info>span:first-child{margin-right: 20px;}
.p-index-content.p-acc .real-wrap .resubmit-btn{display: inline-block;width: 173px;height: 36px;line-height: 36px;background-color: #fff;border: 1px solid #ee6f76;border-radius: 4px;color: #ee6f76;text-decoration: none;}
.p-index-content.p-acc .real-wrap .resubmit-btn:hover{background-color: #ee6f76;color: #fff;}
.p-index-content.p-lesson .filter-radios{position: absolute;top: -40px;right: 0;min-width: 30%;}
.p-notes-content .add-notes{display: inline-block;padding: 6px 10px;border: 1px solid #00b28e;color: #00b28e;text-decoration: none;}
.p-notes-content .notes-items{border-top: 1px solid #e8e8e8;}
.p-notes-content .notes-items .notes-item{padding-top: 25px;padding-bottom: 10px;border-bottom: 1px solid #e8e8e8;}
.p-notes-content .notes-items .notes-item .notes-text{margin-bottom: 32px;text-align: justify;}
.p-notes-content .notes-items .notes-item .l-name{font-size: 12px;color: #999;}
.p-notes-content .notes-items .notes-item .col-xs-5>*{vertical-align: middle;}
.p-notes-content .notes-items .notes-item .progress-time{display: inline-block;width: 80px;height: 20px;border-radius: 4px;line-height: 20px;text-align: center;}
.p-notes-content .notes-items .notes-item .progress-time>span{width: 50%;height: inherit;font-size: 12px;}
.p-notes-content .notes-items .notes-item .progress-time>span:first-child{background-color: #627981;border-top-left-radius: 4px;border-bottom-left-radius: 4px;}
.p-notes-content .notes-items .notes-item .progress-time>span:first-child+span{background-color: #efefef;border-top-right-radius: 4px;border-bottom-right-radius: 4px;}
.popup.oth-popup {padding-right: 13px;padding-left: 13px;min-width: 300px;}
.popup.oth-popup form{padding: 25px 10px;}
.popup.oth-popup .close{margin-top: -13px;margin-right: -11px;font-size: 42px;}
.popup.oth-popup.add .modal-header{border-bottom: none;}
.popup.oth-popup.add form{padding-top: 0;}
.popup.oth-popup form textarea{padding: 10px;margin-bottom: 10px;width: 565px;height: 235px;resize: none;border-color: #e7e7e7;text-align: justify;}
.popup.oth-popup form .btn-wraps>span{line-height: 36px;font-size: 14px;color: #999;}
.popup.oth-popup form .btn-success{margin-left: 6px;background-color: #00b28e;}
#notesPopup .close-btn{top: 15px;right: 28px;color: #000;}
.score-icons{display: inline-block;background-image: url(../image/score_icons_v1.png);}
.score-icons.score-shop{margin-right: 5px; width: 20px;height: 18px;background-position: -334px -79px;vertical-align: sub;}
.score-icons.score-view{margin-right: 5px; width: 21px;height: 18px;background-position: -313px -79px;vertical-align: middle;}
.score-icons.ico-sign{background-position: -78px 0;}
.score-icons.ico-study{background-position: -156px 0;}
.score-icons.ico-qa{background-position: -234px 0;}
.score-icons.ico-share{background-position: -312px 0;}
.p-score .personal-content{background: none;}
.p-score-content .score-ball{display: inline-block;padding-top: 30px;margin:40px 100px;width: 136px;height: 136px;background: url(../image/today_score_bg.png) 100%;line-height: 24px;}
.p-score-content .score-ball b{display: block;margin-bottom: 10px;}
.p-score-content .score-ball.usable{background-image: url(../image/usable_score_bg.png);}
.p-score-content .score-ball>span{font-size: 26px;color: #5079ff;}
.p-score-content .score-ball.usable>span{color: #f66952;}
.p-score-content .score-task {padding: 20px;}
.p-score-content .score-task .novice-task{padding-top: 40px;padding-bottom: 40px;}
.p-score-content .score-task .novice-task .item{display: inline-block;margin-left: 20px;margin-right: 20px; width: 250px;height: 320px;border-radius: 6px;border: solid 1px #eee;}
.p-score-content .score-task .novice-task .item:hover{box-shadow: 0 3px 6px 0 rgba(0, 0, 0, .12);}
.p-score-content .score-task .novice-task .item .score-icons{margin-top: 40px;margin-bottom: 10px; width: 81px;height: 75px;}
.p-score-content .score-task .novice-task .item .ico-info{background-position: 0 -81px;}
.p-score-content .score-task .novice-task .item .ico-bind{background-position: -107px -80px;}
.p-score-content .score-task .novice-task .item .ico-real{background-position: -212px -80px;}
.p-score-content .score-task .novice-task .item a{display: inline-block; width: 100px;height: 30px;line-height: 28px;text-decoration: none; border-radius: 4px;border: solid 1px #00b882;color: #00b882}
.p-score-content .score-task .novice-task .item a.active,.p-score-content .score-task .novice-task .item a:hover{background-color: #00b28e;color: #fff; box-shadow: 0 3px 8px 0 rgba(0, 166, 117, .3);}
.p-score-content .score-detail{margin: 0 auto;width: 850px;}
.p-score-content .score-detail .tab-nav{padding-left: 0;}
.p-score-content .score-detail .tab-nav a{padding-bottom: 5px;margin-right: 40px; font-size: 14px;}
.p-score-content .score-detail .tab-nav a:hover, .p-score-content .score-detail .tab-nav .active a{font-weight: normal}
.p-score-content .score-detail .header .pull-right{margin-top: 35px;}
.p-score-content .score-detail .header .pull-right input{padding-left: 8px; width: 110px;height: 28px;border: solid 1px #ddd;font-size: 12px;background: url(../image/calendar.png) no-repeat 88px 6px;}
.p-score-content .score-detail .header .pull-right .btn{margin-left: 25px;padding: 0; width: 60px;height: 28px;line-height: 26px; background-color: #f66952;color: #fff; border-radius: 4px;}
.p-score-content .score-detail .table{border-color: #eff3f8;}
.p-score-content .score-detail .table thead{background-color: #f5f5f5;}
.p-score-content .score-detail .table thead th{padding: 0; line-height: 50px;border-bottom-width: 1px;}
.p-score-content .score-detail .table tbody td{padding: 0; line-height: 45px;font-size: 12px;}
.p-score-content .score-detail .table tbody tr:nth-of-type(odd){background-color: #fff;}
.p-score-content .score-detail .table tbody tr:nth-of-type(even){background-color: #eff3f8;}
.p-score-content .score-detail .table th,.p-score-content .score-detail .table td{border-color: #e7eef7;}
.p-score-content .score-tab {height: 36px;line-height: 36px;font-size: 16px;}
.p-score-content .score-tab ul{margin-left: 130px; border-bottom: 1px solid #e8e8e8;}
.p-score-content .score-tab ul li a{display: inline-block;margin-right: 50px; line-height: 33px;text-decoration: none;}
.p-score-content .score-tab ul li.active a,.p-score-content .score-tab ul li:hover a{color: #00b28e;border-bottom: 2px solid #00b28e;}
.p-score-content .score-tab ul li .view-score{margin-right: 0; font-size: 14px;}
.p-score-content .score-tab ul li:hover .view-score{border-bottom:none;}
.p-score-content .score-get-box {position: relative;margin-top: 40px;margin-bottom: 40px;}
.p-score-content .score-get-box .score-icons{margin-right: 20px; width: 76px;height: 76px;vertical-align: middle;}
.p-score-content .score-get-box .score-icons.ico-complete{display: none; position: absolute;top: 15px;right: -15px;width: 19px;height: 16px;background-position: -354px -79px;}
.p-score-content .score-get-box .default-color .ico-complete{display: block;}
.p-score-content .score-get-box ul li{position: relative;padding-right: 10px;padding-left: 20px;width: 445px;height: 115px;line-height: 115px;border-width: 0 0 1px 1px;border-style: solid;border-color: #e8e8e8;background-color: #fff;}
.p-score-content .score-get-box ul li.hover,.p-score-content .score-get-box ul li:hover{z-index: 4;border-color: transparent;border-width: 1px\9;box-shadow: -3px 0 13px -1px rgba(0, 0, 0, 0.15);}
.p-score-content .score-get-box ul li:first-child{border-top-width: 1px;}
.p-score-content .score-get-box ul li:after{content: '';position: absolute;top: 0;right: -4px;width: 4px;height: 100%;background-color: #fff;}
.p-score-content .score-get-box .task-box{display: inline-block;line-height: normal;vertical-align: middle;}
.p-score-content .score-get-box .task-box .progress{margin-top: 8px;margin-bottom: 15px;width: 221px;height: 4px;}
.p-score-content .score-get-box .task-box .progress .progress-bar-success{background-color: #36393e;}
.p-score-content .score-get-box .task-box .warn-text{font-size: 12px;color: #999;}
.p-score-content .score-get-box .r-menu{position: absolute;z-index: 2;top: 0;right:0;width: 493px;height: 100%;background-color: #fff;border: 1px solid #e8e8e8\9;box-shadow: 0px 3px 13px 0px rgba(0, 0, 0, 0.15);}
.p-score-content .score-get-box .r-menu .task-box{padding-top: 30px;padding-bottom: 30px;width: 430px;height: 115px;border-bottom: 1px solid #e8e8e8;}
.p-score-content .score-get-box .r-menu .task-box .line-1{font-size: 16px;}
.p-score-content .score-get-box .r-menu .task-box .line-2{font-size: 12px;color: #999;}
.p-score-content .score-get-box .r-menu .task-lis{padding: 20px 30px;height: auto;min-height: 400px;line-height: 50px;}
.p-score-content .score-get-box .r-menu .task-lis a{display: inline-block;width: 69px;height: 30px;line-height: 28px; border-radius: 15px;border: solid 1px #00b882;color: #00B882;font-weight: bold;text-decoration: none;}
.p-score-content .score-get-box .r-menu .task-lis a.wait{background-color: #00B882;color: #fff;}
.p-score-content .score-get-box .r-menu .progress-bot{width: 378px;padding-top: 20px;padding-right: 10px;margin: 0 auto;border-top: 1px solid #e8e8e8;text-align: right;}
.p-quiz-content .theme-title{margin-bottom: 0;border-bottom: 1px solid #e8e8e8;}
.p-order-content .c-nav ul li.active a,.p-order-content .c-nav ul li:hover a{border-bottom-width: 0;}
.p-order-content .order-items{padding-bottom: 80px;}
.p-order-content .order-time{margin-bottom: 6px;font-size: 12px;color: #666;text-align: left;}
.p-order-content .th-line,.p-order-content .tr-line{padding-top: 15px;padding-bottom: 15px;border-bottom: 1px solid #e8e8e8;}
.p-order-content .tr-line{padding-top: 20px;}
.p-order-content .tr-line .order-name{margin-left: 150px;height: 100%;}
.p-order-content .tr-line .order-name span{display: inline-block;padding-left: 18px;line-height: 18px;word-wrap:break-word;}
.p-order-content .breadcrumb{padding-top: 0;}
.p-order-content .od-box{margin-bottom: 50px;}
.p-order-content .od-box .od-line{margin-top: 15px;font-size: 12px;}
.p-order-content .od-box .subheading{padding-bottom: 15px;margin-bottom: 20px;font-size: 16px;border-bottom: 1px solid #e8e8e8;}
.p-order-content .od-box .subheading span{margin-right: 10px;font-size: 14px;}
.p-order-content .od-box .acc-info span{display: inline-block;margin-right: 40px;margin-bottom: 10px;color: #999;}
.p-order-content .od-box.invoice form .form-item .form-input-block{margin-left: 120px;}
.p-order-content .od-box.invoice form .radio-self.hidden+.radio-inline{margin-left: 0;}
/*软件激活*/
.activate-box .bg-icon{display: inline-block;background: url(https://www.acc5.com/images/2015/activate_bg.png) no-repeat;}
.activate-box .item{position: relative;padding-top: 25px;padding-bottom: 5px; float: left;width: 33.33%;text-align: center;cursor: pointer;border: 2px solid transparent;}
.activate-box .item span.bg-icon{position: absolute;top: 33px;left: 50%;margin-left: -99px; width: 197px;height: 28px;line-height: 23px;color: #00B28E;background-position: -12px -62px;}
.activate-box .item:hover span,.activate-box .item.ing span{color: #fff;background-position: -12px -148px;}
.activate-box .item.success span{color: #fff; background-position: -12px -225px;}
.activate-box .item div.bg-icon{width: 136px;height: 136px;color: #666;background-position: -238px -11px;}
.activate-box .item:hover div.bg-icon,.activate-box .item.ing div.bg-icon,.activate-box .item.success div.bg-icon{color: #fff;background-position: -238px -169px;}
.activate-box .item div h1{margin-top: 42px;}
.activate-box .item div p{font-size: 16px;}
.activate-box .item div .btn{margin-top: 58px;font-weight: bold;display: none;}
.activate-box .activate-step,.activate-box .item.ing{background-color: #f2f9f8;border: 2px solid #bddbd5;}
.activate-box .item.ing:before{position: absolute;bottom: -4px;left: 0; background-color: #f2f9f8;;height: 4px;width: 100%;content: "";}
.activate-box .item:hover .text,.activate-box .item.ing:hover .btn,.activate-box .item.success:hover .btn{display: none;}
.activate-box .item:hover .btn,.activate-box .item.ing:hover .text,.activate-box .item.success:hover .text{display: inline-block;}
.activate-box .activate-step i{display: inline-block;width: 20px;height: 20px;margin-right: 5px; background-color: #00B28E;color: #fff;text-align: center;font-style: normal;border-radius: 50%;}
.activate-box .activate-step .tip{color: #f78f43;}
@media screen and (max-width: 1366px) {
.affix-main .personal-affix{width: 178px;}
.affix-main .personal-content{width: 810px;}
.peasonal-top{height: 150px;line-height: 150px;}
.peasonal-top .p-head{width: 103px;height: 103px;margin-left: 24px;border-width: 4px;}
.peasonal-top .p-name{font-size: 20px;}
.peasonal-top .p-status{padding: 1px 8px;font-size: 12px;}
.peasonal-top .learn-info>span{line-height: 28px;}
.peasonal-vip .btn-vip-up{top: 50px;}
.peasonal-vip .vip-nav ul li a{padding-left: 10px;padding-right: 10px;}
.peasonal-vip .head.vip-type{bottom: 4px;right:12px;}
.peasonal-vip .head.vip-type.modify{bottom: 2px;right: 27px;}
.personal-content .c-nav{height: 38px;line-height: 38px;}
.personal-content .c-nav ul li:first-child, .personal-content .c-nav ul li:first-child a{font-size: 16px;}
.personal-content .c-nav ul li a{line-height: 34px;font-size: 14px;}
.personal-content .theme-title{padding-bottom: 16px;}
.personal-content .zero-data{padding: 40px 30px;}
.personal-content .course-item{margin-right: 4px;}
.personal-content .quiz-items .quiz-item{padding: 34px 8px 6px;}
.p-index-content .member-info .col-xs-5{width: 58.33333333%;}
.p-index-content .personal-lessons .my-learning-box .lesson-box{padding: 24px 0;line-height: 127px;}
.p-index-content .personal-lessons .my-learning-box .img-wrap{width: 200px;height: auto;}
.p-index-content .personal-lessons .my-learning-box .learn-btn{padding: 6px 10px;}
.p-index-content .personal-lessons .my-learning-box .date{left: -72px;font-size: 12px;}
.p-index-content .personal-lessons .my-learning-box ul li.first:before{height: 150px;}
.personal-lessons .mt-10{margin-top: 8px;}
.p-collect-content{padding-right: 12px;padding-left: 12px;}
.personal-infos .mb-25{margin-bottom: 20px;}
.p-notes-content .notes-items .notes-item{padding-top: 20px;}
.p-notes-content .notes-items .notes-item .col-xs-5,.p-notes-content .notes-items .notes-item .show-text{font-size: 12px;}
.p-notes-content .notes-items .notes-item .notes-text{margin-bottom: 26px;}
.p-score-content .score-get-box .r-menu .task-box{width: 320px;}
.p-score-content .score-get-box .score-icons{margin-right: 10px;}
.p-score-content .score-get-box ul li{padding-left: 10px; width: 390px;}
.p-score-content .score-get-box .r-menu{width: 380px;}
.p-score-content .score-task .novice-task .item{margin-left: 10px;margin-right: 10px; width: 235px;}
.p-score-content .score-detail{width: 760px}
.p-order-content .tr-line{font-size: 12px;}
.personal-content .popup.acc-bind-mobile h5{padding-bottom: 0;font-size: 16px;line-height: 26px;}
.personal-content .popup.acc-bind-mobile .form-item{margin-bottom: 5px;}
.personal-content .popup.acc-bind-mobile .form-item .input-class{padding-bottom: 5px;height: 50px;font-size: 14px;}
.personal-content .popup.acc-bind-mobile .form-item .img-seccode{top: 8px;}
.personal-content .popup.acc-bind-mobile .form-item .verify-btn{top: 3px;width: 130px; height: 36px; font-size: 16px;}
.personal-content .popup.acc-bind-mobile .form-item .btn-success{margin-bottom: 15px; height: 46px;font-size: 18px;}
}
/*消息中心*/
.msg-center{min-height: 666px;}
.msg-center .m-nav{border-bottom: 1px solid #eaeaea;}
.msg-center .m-nav ul li>a{display: inline-block;position: relative;padding: 10px 0;margin-right: 25px;font-size: 16px;text-decoration: none;}
.msg-center .m-nav ul li.active>a{border-bottom: 2px solid #00b28e;color: #00b28e;}
.msg-center .m-nav .m-badge{position: absolute;top: -4px;right: -16px;width: 16px;height: 16px;background-color: red;border-radius: 50%;line-height: 16px;font-size: 12px;color: #fff;text-align: center;}
.msg-center .top-th{padding: 12px 20px;font-size: 12px;color: #505f68;}
.msg-center .top-th .o-gth{display: inline-block;margin-right: 3px;width: 16px;height: 16px;border: 1px solid #505f68;border-radius: 50%;line-height: 1.2;text-align: center;}
.msg-center .top-th .read-flag{font-size: 12px;font-weight: bold;color: #505f68}
.msg-center .top-th .read-flag img{margin-right: 5px;vertical-align: text-top;}
.msg-center .notice-item {padding-right: 20px;padding-left: 40px;line-height: 74px;border-bottom: 1px solid #e8e8e8;color: #999;}
.msg-center .notice-item:hover{background-color: #f8f8f8;cursor: default;}
.msg-center .notice-item img{width: 44px;height: 44px;border-radius: 50%;overflow: hidden;}
.msg-center .notice-item .n-text{display: inline-block;margin-left: 10px;max-width: 730px;line-height: 18px;font-size: 14px;color: #999;vertical-align: middle;}
.msg-center .notice-item.multishow img{vertical-align: 12px;}
.msg-center .notice-item.multishow .n-text{margin-top: 26px;margin-bottom: 26px;vertical-align: -12px;}
.msg-center .noread .n-text{color: #333;font-weight: bold;}
.msg-center .noread .ots-user,.msg-center .zero-notice p{color: #6c7981;}
.msg-center .zero-notice{padding-top: 40px;text-align: center;}
/*搜索*/
.search-fff{display: inline-block;width: 22px;height: 22px;background-image: url(https://static.acc5.com/static_acc5/2018/images/search_fff.png);vertical-align: middle;}
.icon-folder{display: inline-block;margin-right: 10px;width: 28px;height: 23px;background-image: url(../image/folder.png);vertical-align: bottom;}
.search-center .top-box{background-color: #f2f2f2;}
.search-center .search-wrap{margin: 60px auto;width: 457px;height: 48px;}
.search-center .search-wrap input{height: 48px;}
.search-center .search-wrap button{padding-top: 0;padding-bottom: 0;line-height: 46px;background-color: #00b28e;border-color: #00b28e;outline: none;}
.search-center .s-classify .r-text{margin-top: 11px;font-size: 14px;color: #6c7981;}
.search-center .s-classify ul li>a{display: inline-block;padding-bottom: 22px;margin-right: 50px;text-decoration: none;}
.search-center .s-classify ul li.active>a{border-bottom: 2px solid #00b28e;color: #00b28e;}
.search-center .s-lesson{padding: 20px 0;border-bottom: 1px solid #e8e8e8;}
.search-center .s-lesson:hover{background-color: #f8f8f8;}
.search-center .s-lesson .icon-study-ing{vertical-align: -2px;}
.search-center .s-lesson .s-content{margin-left: 240px;line-height: 2.9;}
.search-center .s-lesson .u-count{margin-left: 30px;}
.search-center .search-content{padding-top: 10px;padding-bottom: 60px;min-height: 600px;}
.search-center .search-content .s-items>a{text-decoration: none;}
.search-center .search-content.search-quiz .s-lesson{line-height: 60px;color: #999;}
.search-center .search-content.search-quiz .quiz-text{display: inline-block;margin-left: 10px;width: 86%;font-size: 16px;color: #333;vertical-align: middle;}
.search-center .search-content.search-dl .dl-box{position: relative;margin-left: 30px;width: 80%;}
.search-center .search-content.search-dl .dl-line-1{margin-bottom: 23px;font-size: 16px;}
.search-center .search-content.search-dl .dl-line-2{margin-bottom: 0;}
.search-center .search-content.search-dl .dl-line-2>span{margin-right: 46px;}
.search-center .search-content.search-dl .dl-btn{display: inline-block;top: 50%;padding: 10px 15px;margin-top: 13px;margin-right: 40px;background-color: #00b28e;font-size: 16px;color: #fff;text-decoration: none;}
.search-center .search-content .live-toolbar .live-teacher{width: 850px;}
.search-center .search-content .filter-btns{position: absolute;right: 10px;top: 10px;}
.search-center .search-content .filter-btns button{display: inline-block;width: 50px;height: 25px;line-height: 23px;border-radius: 3px; border: 1px solid #888;background: none;outline: none;}
.search-center .search-content .filter-btns button.active{border-color: #00b38f;color: #00b38f;}
.search-center .search-content .filter-btns button:hover{border-color: #00b38f;background-color: #00B38F; color: #fff;}
.search-center .search-content .filter{width: 165px;}
.search-center .search-content .filter-teachar{display: inline-block; line-height: normal;vertical-align: sub;}
.search-center .search-content .filter-teachar.in{width: 150px;color: #00b38f;}
.search-center .zero-box{padding-top: 80px;text-align: center;}
.search-center .zero-box .tip-text{margin-top: 20px;color: #6c7981;}
/*订单信息*/
.order-detail {padding-bottom: 50px;}
.order-detail .od-addr-item{display: inline-block;position: relative;padding: 15px;margin-right: 10px;margin-left: 10px;margin-bottom: 20px; width: 240px;height: 180px;border: 1px solid #e5e5e5;box-shadow: 0 2px 5px 0 rgba(229, 229, 229, 0.1);font-size: 12px;overflow: hidden;vertical-align: middle;cursor: pointer;}
.order-detail .od-addr-item:hover,.order-detail .od-addr-item.active{border-color: #00b882;}
.order-detail .od-addr-item p{margin-bottom: 5px;}
.order-detail .od-addr-item .flag,.pay-selected{position: absolute;top: 0\9;top: -10px;right: 0\9;right: -24px;padding: 10px\9;padding: 20px 20px 0;background-color: #00b28e;color: #fff;-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);-o-transform: rotate(45deg);transform: rotate(45deg);}
.order-detail .od-addr-item .flag.selected{display: none;}
.order-detail .od-addr-item.active .flag.selected{display: block;}
.order-detail .od-addr-item .name{margin-bottom: 8px;font-weight: bold;}
.order-detail .od-addr-item.add-addr{margin-right: 0;line-height: 160px;text-align: center;}
.order-detail .od-addr-item.add-addr:hover{border-color: #e5e5e5;}
.order-detail .od-addr-item.add-addr .addr-add-btn{display: inline-block;line-height: normal;color: #c5c5c5;text-decoration: none;vertical-align: -23px;}
.order-detail .o-title{padding: 20px;font-size: 14px;font-weight: bold;}
.order-detail .icon-ask-hd{margin-right: 3px;vertical-align: sub;}
.order-detail table{width: 100%;border-spacing: 0;border-collapse: collapse;background-color: #fff;}
.order-detail table thead tr{border-width: 1px 1px 0 1px;border-style: solid;border-color: #eee;}
.order-detail table thead th{color: #666;text-align: center;}
.order-detail table tbody td{border: 1px solid #eee;}
.order-detail .package-name span{position: absolute;left: 0; bottom: 8px;width: 100%;font-size: 18px;color: #fff;}
.order-detail .package-radio >p{color: #666;}
.order-detail .package-radio .radio {margin-bottom: 0;}
.order-detail .package-radio .radio label{line-height: 20px;font-size: 12px;}
.order-detail .leave-box{background-color: #eee;}
.order-detail .leave-box input{padding: 0 10px;width: 848px;height: 36px;line-height: 36px;border: 1px solid #e8e8e8;outline: none;font-size: 12px;vertical-align: middle;}
.order-detail .pay-mode .headline{position: relative;padding-left: 12px;}
.order-detail .pay-mode .headline:before{content: '';position: absolute;top: 50%;left: 0;margin-top: -7px;width: 2px;height: 14px;background-color: #00b882;}
.order-detail .pay-mode .p-mode{display: inline-block;width: 300px;height: 55px;background-color: #fff;border: 1px solid #eaeaea;line-height: 55px;font-size: 16px;font-weight: bold;color: #555;text-align: center;text-decoration: none;vertical-align: middle;overflow: hidden;}
.order-detail .pay-mode .p-mode:hover,.order-detail .pay-mode .p-mode.active{border-color: #ff933b;}
.order-detail .pay-mode .p-mode .pay-selected{display: none; padding: 0;right: 5px;top: 9px; width: 50px;line-height: 24px; font-size: 14px;background-color: #ff933b;}
.order-detail .pay-mode .p-mode.active .pay-selected{display: block;}
.order-detail .pay-mode .p-mode.ml-45{margin-left: 125px;}
.order-detail .pay-mode .p-mode img{margin-right: 18px;vertical-align: -8px;}
.order-detail .pay-mode .pay-sum b{font-size: 18px;font-weight: bold;}
.pay-mode .pay-btn{background-color: #ff3232;border-color: #ff3232;font-size: 16px;font-weight: bold;color: #fff;}
@media screen and (max-width: 1366px) {
.order-detail .od-addr-item{padding: 10px;margin-right: 11px;margin-left: 0px;width: 230px;}
.order-detail .leave-box input{width: 658px;}
.order-detail .pay-mode .p-mode{width: 230px;}
}
/*.order-detail .transfer-wrap{padding: 30px 20px;}*/
/*.order-detail .transfer-wrap .step-text>span{display: inline-block;margin-right: 12px;width: 20px;height: 20px;line-height: 20px;border-rad: ;ius: 50%;background-color: red;font-size: 12px;color: #fff;text-align: center;}*/
.order-detail .order-pay-success{padding-top: 100px;margin-bottom: 80px;height: 500px;}
.order-detail .order-pay-success .pay-text{margin-top: 40px;margin-bottom: 40px;color: #333;}
.order-detail .order-pay-success .target-btn{display: inline-block;margin: 0 10px;width: 110px;height: 35px;line-height: 35px;background-color: #fff;border-width: 1px;border-style: solid;border-radius: 3px;text-decoration: none;}
.order-detail .order-pay-success .tobuy{border-color: #ff6f4d;color: #ff6f4d;}
.order-detail .order-pay-success .tohall{border-color: #29adff;color: #29adff;}
.order-detail .order-pay-success .tobuy:hover{background-color: #ff6f4d;color: #fff;}
.order-detail .order-pay-success .tohall:hover{background-color: #29adff;color: #fff;}
.order-detail .addr-alert{z-index: 1000;position: fixed;top: 28%;left: 50%;margin-left: -100px;width: 200px;height: 40px;line-height: 40px;background-color: #fff;border: 1px solid #f8f8f8\9;border-radius: 3px;color: #f17860;text-align: center;}
.popup.od-addr-box{margin-left: -300px;width: 600px;min-height: 410px;border-bottom-left-radius: 4px;border-bottom-right-radius: 4px;}
.popup.od-addr-box .w-120{width: 120px;}
.popup.od-addr-box .w-200{width: 200px;}
.popup.od-addr-box .w-400{width: 400px;}
.popup.od-addr-box .subtitle{padding: 10px 20px;background-color: #efefef;border-top-left-radius: 4px;border-top-right-radius: 4px;}
.popup.od-addr-box .close-btn{top: 5px;right: 15px;font-size: 20px;color: #888;text-decoration: none;}
.popup.od-addr-box form{padding: 20px 30px;}
.popup.od-addr-box form .topline {margin-bottom: 20px;height: 30px;line-height: 30px;background-color: #f8f8f8;}
.popup.od-addr-box form .topline span{margin: 0 20px;color: #999;}
.popup.od-addr-box form .form-label{float: left;display: block;padding: 5px 10px;width: 98px;font-weight: 400;}
.popup.od-addr-box form .form-label.qq-num{letter-spacing: 6px;}
.popup.od-addr-box form .input-class{padding: 0 10px;width: 100%;height: 34px;line-height: 34px;outline: none;border: 1px solid #d7d7d7;font-size: 12px;}
.popup.od-addr-box form textarea{padding: 5px;width: 100%;height: 60px;resize: none;outline: none;border: 1px solid #d7d7d7;font-size: 12px;}
.popup.od-addr-box form .mid-text{margin-left: 10px;line-height: 34px;font-size: 12px;}
.popup.od-addr-box form .btn-success{background-color: #00b882;border-color: #00b882;outline: none;}
.popup.od-addr-box .line1 b{font-size: 18px;}
.popup.od-addr-box .pay-qrcode{display: inline-block;width: 170px;height: 170px;border-width: 0 1px 1px 1px;border-style: solid;border-color: #f5f5f5;-webkit-box-shadow: 0 2px 2px 0 rgba(255,255,255,.15);box-shadow: 0 2px 2px 0 rgba(255,255,255,.15);background: url(../image/l_4.gif) no-repeat center center;}
.popup.od-addr-box .pay-qrcode img{width: 100%;}
/*升级会员*/
.upg-icons{display: inline-block;background-image: url(../image/upg_icons.png);}
.upg-icons.arrow-left{width: 8px;height: 15px;background-position: -2px -2px;}
.upg-icons.arrow-right{width: 8px;height: 15px;background-position: -2px -21px;}
.upg-icons.upg-icon-1{width: 35px;height: 35px;background-position: -2px -96px;}
.upg-icons.upg-icon-2{width: 43px;height: 30px;background-position: -2px -62px;}
.upg-icons.upg-icon-3{width: 38px;height: 38px;background-position: -2px -252px;}
.upg-icons.upg-icon-4{width: 41px;height: 35px;background-position: -2px -135px;}
.upg-icons.upg-icon-5{width: 33px;height: 38px;background-position: -2px -294px;}
.upg-icons.upg-icon-6{width: 33px;height: 35px;background-position: -2px -174px;}
.upg-icons.upg-no{width: 18px;height: 18px;background-position: -2px -40px;vertical-align: middle;}
.upg-icons.upg-play{width: 35px;height: 35px;background-position: -2px -213px;}
.page-upgrade .top-box{padding-top: 80px;height: 550px;background: url(../image/upgrade_top_bg.jpg) no-repeat center;}
.page-upgrade .top-box.activity{height: 400px;background-image: url(../image/179227_5de9f4734b7bd.png);}
.page-upgrade .top-box .t-text{line-height: 50px;font-size: 18px;color: #fff;}
.page-upgrade .top-box ul li{margin-right: 40px;margin-left: 40px;}
.page-upgrade .top-box .circ-icos{width: 100px;height: 100px;line-height: 100px;border: 1px solid #c588a8\9;border: 1px solid rgba(255, 255, 255, 0.35);border-radius: 50%;cursor: pointer;}
.page-upgrade .top-box .circ-icos .upg-icons{vertical-align: middle;}
.page-upgrade .top-box .bot-text{line-height: 30px;font-size: 16px;color: #fff;}
.page-upgrade .upg-versions h1{margin-top: 0; padding-top: 40px;padding-bottom: 40px;}
.page-upgrade .upg-versions h1 a{position: relative;margin-left: 20px;margin-right: 20px; font-size: 28px;color: #666;text-decoration: none;}
.page-upgrade .upg-versions h1 .active a{color: #333;font-size: 36px;}
.page-upgrade .upg-versions h1 .active a:before{content: ""; position: absolute;bottom: -20px;left: 50%;margin-left: -35px; width:70px;height: 4px;background-color: #00B882;border-radius: 2px;}
.page-upgrade .upg-versions .table-wrap{border: 1px solid #efefef;border-radius: 8px;overflow: hidden;}
.page-upgrade .upg-versions table{width: 100%;border-collapse: collapse;background-color: #fff;overflow: hidden;}
.page-upgrade .upg-versions table.fixed-thead{position: fixed;top: 64px;z-index: 1; width: 1200px;border-radius: 8px 8px 0 0;background: none;}
.page-upgrade .upg-versions table.fixed-thead tbody{visibility: hidden;}
.page-upgrade .upg-versions table .icon-ok{margin-right: 0;}
.page-upgrade .upg-versions table .lh-40{line-height: 40px;}
.page-upgrade .upg-versions table .fir-bg{background-color: #f7cb52;border-left-color: #f7cb52;}
.page-upgrade .upg-versions table .fir-bg:first-child td{border-top-color: #f7cb52;}
.page-upgrade .upg-versions table thead td{position: relative; height: 90px;background-color: #36393e;font-size: 16px;color: #fff;text-align: center;}
.page-upgrade .upg-versions table thead td .buy-btn{display: inline-block;margin-left: 5px; width: 42px;line-height: 18px;border-radius: 14px;border: solid 1px rgba(247, 203, 82, 0.96);font-size: 12px;font-weight: bold; color: #f7cb52;text-decoration: none;vertical-align: 1px;}
.page-upgrade .upg-versions table thead td .svip-tag{top: 1px; right: 0;width: auto;padding-left: 5px;padding-right: 5px;}
.page-upgrade .upg-versions table tbody td{height: 40px;border:1px solid #efefef;color: #333;text-align: center;}
.page-upgrade .upg-versions table tbody td.text-left{padding-left: 5px; text-align: left;}
.page-upgrade .upg-versions table tbody td.up-type{width: 80px;}
.page-upgrade .upg-versions table tbody td.up-versions{width: 215px;}
.page-upgrade .upg-versions table tbody .summary{margin-left: 5px;margin-bottom: 5px;}
.page-upgrade .upg-versions table tbody .summary li{display: inline-block;margin-top: 5px; width: 75px;}
.page-upgrade .upg-versions table tbody .headline{border-right-color: transparent;border-left-color: #f7cb52;font-weight: bold;}
.page-upgrade .upg-versions table tbody .td-first{padding-left: 30px;border-left-color: transparent;color: #333;text-align: left;}
.page-upgrade .upg-versions table tbody .tr-last{height: 80px;}
.page-upgrade .upg-versions table tbody .tr-last a{margin-top: 10px;margin-bottom: 10px; display: inline-block;width: 80px;height: 35px;line-height: 35px;border-width: 1px;border-style: solid;border-radius: 3px;text-decoration: none;}
.page-upgrade .upg-versions table tbody .tr-last a.ask-btn{margin-top: 0; border-color: #29adff;color: #29adff;}
.page-upgrade .upg-versions table tbody .tr-last a.buy-btn{border-color: #ff6f4d;color: #ff6f4d;}
.page-upgrade .upg-versions table tbody .tr-last a.ask-btn:hover{background-color: #29adff;color: #fff;}
.page-upgrade .upg-versions table tbody .tr-last a.buy-btn:hover{background-color: #ff6f4d;color: #fff;}
.page-upgrade .upg-versions .vip-countdown{position: absolute;bottom: -5px;left: 0;width: 100%; font-size: 18px;}
.page-upgrade .lb-box{position: relative;height: 220px;margin-bottom: 80px;}
.page-upgrade .lb-box .play-item{position: absolute;top: 50%;-webkit-transition: all .5s;-o-transition: all .5s;transition: all .5s;}
.page-upgrade .lb-box .play-item img{width: 100%;height: 100%;}
.page-upgrade .lb-box .play-item .mark-play{display: none;position: absolute;top: 0;left: 0;width: 100%;height: 100%;line-height: 220px;background-color: rgba(0,0,0,.5);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#50000000,endColorstr=#50000000);text-align: center;}
.page-upgrade .lb-box .play-item .mark-play>span{display: inline-block;line-height: 26px;font-size: 16px;color: #fff;vertical-align: middle;}
.page-upgrade .lb-box .play-item.num1{z-index: 2;left: 0;margin-top: -69px;width: 250px;height: 138px;}
.page-upgrade .lb-box .play-item.num2{z-index: 4;left: 194px;margin-top: -85px;width: 270px;height: 170px;}
.page-upgrade .lb-box .play-item.num3{z-index: 6;left: 426px;margin-top: -110px;width: 350px;height: 220px;}
.page-upgrade .lb-box .play-item.num4{z-index: 4;left: 738px;margin-top: -85px;width: 270px;height: 170px;}
.page-upgrade .lb-box .play-item.num5{z-index: 2;left: 950px;margin-top: -69px;width: 250px;height: 138px;}
.page-upgrade .lb-box .play-item.num3 .mark-play{display: block;}
.page-upgrade .lb-box .side-btn{z-index: 6;position: absolute;display: block;top: 50%;margin-top: -20px;width: 20px;height: 40px;line-height: 40px;background-color: rgba(0,0,0,.5);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#50000000,endColorstr=#50000000);border-radius: 3px;text-align: center;}
.page-upgrade .lb-box .to-left{left: 20px;}
.page-upgrade .lb-box .to-right{right: 20px;}
/*会计工具*/
.tool-box .my-box-bg{min-height: 630px;height: auto;border: 1px solid #e5e5e5;background-color: #fff;}
.tool-box .my-box-bg .my-title{border-bottom: 1px solid #F9F9F9;}
.tool-box .my-box-bg .my-title h3{margin-top: 0;margin-bottom: 0;font-size: 18px;font-weight: bold;}
.tool-box .my-box-bg .my-title .icon-real-i{margin-right: 10px;vertical-align: middle;}
.tool-box .my-box-bg ul li{padding-left: 20px;cursor: pointer;border-left: 3px solid transparent;}
.tool-box .my-box-bg ul li.active,.tool-box .my-box-bg ul li:hover{border-left-color: #00B28E;}
.tool-box .my-box-bg ul li a{display: block;line-height: 33px;color: #aeaeae;text-decoration: none;font-size: 15px;}
.tool-box .my-box-bg ul li.active a,.tool-box .my-box-bg ul li:hover a{color: #00B28E;font-weight: bold;}
.tool-box .my-box-bg ul li .angle-down{margin-left: 10px;vertical-align: sub;}
.tool-box .my-box-bg .tip{border: 1px dashed #ffd966;background-color: #fffff2;font-size: 15px;padding: 10px;}
.tool-box .my-box-bg .tip span.default-color{font-size: 16px;}
.tool-box .my-box-bg .tip i.default-color{vertical-align: text-top;}
.tool-box .my-box-bg .tip .red{color: #FF0000;}
.tool-box .my-box-bg .tip p{color: #555;margin-bottom: 0;}
.tool-box .my-box-bg .tip ol{margin-left: 20px; margin-bottom: 0;}
.tool-box .my-box-bg .tip ol>li{margin-top: 5px;}
.tool-box .my-box-bg .form-group span.default-color{margin-left: 15px;}
.tool-box .my-box-bg .form-group .btn-date{padding: 3px 8px;margin-left: 10px;}
.tool-box .my-box-bg .form-group .btn-reset{margin-left: 10px;}
.tool-box .my-box-bg .results{border: 1px solid #c3e8d1;background-color: #e7f6ec;height: 127px;padding: 10px;margin-top: 20px;margin-bottom: 20px;}
.tool-box .my-box-bg .results.toLocale{height: auto;padding: 0;}
.tool-box .my-box-bg .results.toLocale span{border-right: 1px solid #c3e8d1;display: inline-block;width: 110px;height: 80px;line-height: 80px;text-align: center;font-size: 16px;}
.tool-box .my-box-bg .results.toLocale input{background: none;border: none;box-shadow: none;font-size: 16px;width: 590px;}
.tool-box .my-box-bg .results.toLocale .btn{background: none;border-color: #00B28E;color: #00B28E;margin-top: 23px;margin-right: 15px;}
.tool-box .my-box-bg .results.toLocale div:hover .btn{background-color: #00B28E;color: #fff;}
.tool-box .my-box-bg .results.toLocale .LowerCase{border-bottom: 1px solid #f1fff6;}
.tool-box .my-box-bg .results.toLocale .UpperCase{border-top: 1px solid #b8e1c8;}
.tool-box .input-group{padding-top: 25px; width: 400px;}
.tool-box .input-group .input-search {border: 1px solid #ec5369;border-radius: 0;}
.tool-box .input-group .btn-search {background-color: #ec5369;border-radius: 0;color: #fff;font-size: 16px;width: 75px;height: 34px;}
.tool-box .course-btns{border-bottom: 1px solid #00B28E;}
.tool-box .course-btns ul > li{position: relative;}
.tool-box .course-btns ul > li > a{color:#000;display:block;font-size:18px;height:45px;line-height:45px;padding-left:10px;padding-right:10px;text-decoration:none;cursor:pointer;}
.tool-box .course-btns ul > li.active a{background-color: #00b28e;color: #fff;}
.tool-box .course-btns .triangle-down{width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-top:6px solid #00b28e;position:absolute;bottom:-7px;left:50%;margin-left:-6px;display:none}
.tool-box .course-btns .active .triangle-down{display:block;}
.tool-box .table > thead{background-color: #e6f6ec;}
.tool-box .table .slash{width: 200px;position: relative;overflow: hidden;}
.tool-box .table .slash i,.tool-box .table .slash b{font-style: normal;font-weight: normal;position: absolute;font-size: 14px;}
.tool-box .table .slash i{left: 5px;top: 3px;}
.tool-box .table .slash b{right: 10px;bottom: 5px;}
.tool-box .table .slash .line{position: absolute;border-bottom: 1px solid #c8e4d2;width: 203px;transform: rotate(169deg);bottom: 20px;left: -3px;}
.tool-box .table .subject-name{width: 200px;}
.tool-box .table .j_bg,.tool-box .table .d_bg{display: inline-block;margin-right: 10px;font-size: 15px;color: #fff;width: 25px;height: 25px;line-height:25px ; text-align: center;}
.tool-box .table .j_bg{background-color: #00B28E;}
.tool-box .table .d_bg{background-color: #ec5369;}
.tool-box a.view-table,.tool-box .view-table-box{position: absolute;text-align: center;right: 36px;top: 269px;}
.tool-box .view-table-box{cursor: move;right: auto;}
.tool-box .view-table-box .close{font-size: 29px;opacity: 1;color:#ec5369;background-color: #fff;margin-left: 5px;border-radius: 50%;}
.tool-box .tax-rate{vertical-align: -2px;margin-right: 20px;}
.tool-box ul .tool-memu li{padding-left: 30px;}
.tool-box .header-title{padding-bottom: 5px;padding-top: 5px; background-color: #efefef;font-size: 16px;}
.tool-box .header-title span{border-left: 6px solid #21c393;padding-left: 6px;}
.tool-box .ification-search.affix{top: 66px;width: 278px;}
.tool-box .ification-search .pad{padding: 15px 15px 0;}
.tool-box .ification-search ul li{padding-top: 5px;padding-bottom: 5px;}
.tool-box .ification-search ul li a{position: relative; display: block; color: #333;text-decoration: none;}
.tool-box .ification-search ul li a:before{position: absolute;left: 0;width: 6px;height: 100%;background-color: #21c393;content: "";display: none;}
.tool-box .ification-search ul li.active,.tool-box .ification-search ul li:hover{background-color: #e5f9e8;}
.tool-box .ification-search ul li:hover a,.tool-box .ification-search ul li.active a{color: #02765e;}
.tool-box .ification-search ul li:hover a:before,.tool-box .ification-search ul li.active a:before{display: block;}
.tool-box .ification-search .first li a{font-size: 16px;}
.tool-box .ification-search a b{margin-left: 32px;margin-right: 15px; display: inline-block;width: 18px;height: 16px; background-image: url(../image/ification_search.png);vertical-align: middle;}
.tool-box .ification-search .icon-xs.active b,.tool-box .ification-search .icon-xs:hover b{background-position: -204px 0;}
.tool-box .ification-search .icon-jg b{background-position: -19px 0;}
.tool-box .ification-search .icon-jg.active b,.tool-box .ification-search .icon-jg:hover b{background-position: -223px 0;}
.tool-box .ification-search .icon-jt b{background-position: -36px 0;}
.tool-box .ification-search .icon-jt.active b,.tool-box .ification-search .icon-jt:hover b{background-position: -240px 0;}
.tool-box .ification-search .icon-yz b{background-position: -53px 0;}
.tool-box .ification-search .icon-yz.active b,.tool-box .ification-search .icon-yz:hover b{background-position: -257px 0;}
.tool-box .ification-search .icon-dx b{background-position: -71px 0;}
.tool-box .ification-search .icon-dx.active b,.tool-box .ification-search .icon-dx:hover b{background-position: -275px 0;}
.tool-box .ification-search .icon-jz b{background-position: -88px 0;}
.tool-box .ification-search .icon-jz.active b,.tool-box .ification-search .icon-jz:hover b{background-position: -292px 0;}
.tool-box .ification-search .icon-fc b{background-position: -106px 0;}
.tool-box .ification-search .icon-fc.active b,.tool-box .ification-search .icon-fc:hover b{background-position: -310px 0;}
.tool-box .ification-search .icon-jr b{background-position: -125px 0;}
.tool-box .ification-search .icon-jr.active b,.tool-box .ification-search .icon-jr:hover b{background-position: -329px 0;}
.tool-box .ification-search .icon-sh b{background-position: -146px 0;}
.tool-box .ification-search .icon-sh.active b,.tool-box .ification-search .icon-sh:hover b{background-position: -350px 0;}
.tool-box .ification-search .icon-wx b{background-position: -165px 0;}
.tool-box .ification-search .icon-wx.active b,.tool-box .ification-search .icon-wx:hover b{background-position: -369px 0;}
.tool-box .ification-search .icon-xd b{background-position: -184px 0;}
.tool-box .ification-search .icon-xd.active b,.tool-box .ification-search .icon-xd:hover b{background-position: -388px 0;}
.tool-box .ification-search .modern.active{background-color: #e5f9e8;}
.tool-box .ification-search .modern .directory a{padding-left: 80px;}
.tool-box .ification-search .fa-angle-up{margin-left: 50px;}
.tool-box .table-tax-rate > thead{background-color: #e6f6ec;}
.tool-box .table-tax-rate > tbody > tr:nth-of-type(2n+1) {background-color: #efefef;}
.tool-box .table-tax-rate a{color: #12aa0a;}
.tool-box .table-tax-rate .not{color: #999;}
.tool-box .table-tax-rate .explain{color: #666;}
/*学习定制 新版*/
.teachar-wx span{display: inline-block; padding-left: 20px;padding-right: 20px; height: 40px;line-height: 40px;border: 1px solid #fa8284;border-radius: 4px; color: #fa8284;}
.teachar-wx span .r-wx{display: inline-block;width: 27px;height: 23px;background: url(../image/r_wx.png);vertical-align: middle;}
.teachar-wx:hover span{background-color: #fa8284; color: #fff;}
.teachar-wx:hover span .r-wx{background-position: left bottom;}
.teachar-wx .teachar-name{line-height: normal;margin-bottom: 0;}
.teachar-wx .dropdown-menu{left: 50%;margin-left: -100px;}
.ro-learn{position: absolute;right: 0;top: 0;}
.ro-learn a:hover{color: #00b28e;cursor: help;}
.ro-learn a i{display:inline-block; width: 20px;height: 20px;background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAABwUlEQVQ4jYXVu2tUQRQG8N9el7VaUtj4QBBTaB9fEQJBsqUaNbvgH2DWxkYr/QO2TCuJYm82YIx2iZpGC1EEH6AgIj5Ir5VCiMXMxbuX2bsfHGaY+c43Z2bOnKlZW5BAA7PRJrEff/EDb/AAD+PYALKE2AV8QBebaKGJPTgbx65GzsWyc73Q34UezuFKdCzjc7QlTOM2TuIWtssR9nAqElJiZWziROT38sFccA7nY3S/Ck6L2CnZfGH+d8FvDmrWFhpxG5fxvBTFzpDousK2c5zGfYxnaONTQgy+oFawHO0S7wU+opMJqbE8JJLxxALDsIzZDMfxrIKYYxGHY7+fmH+KY3XsxbcRYuuYif0lg+eX4zv21YVs3y2R9RHzBbEWNqpWzrCFAxWciUJkVWIHsZXhLaYqiF3hhrtVkeEMXmVYRaeCmCf3+gjBDlYz4caOCMmZwkypTWESR9HPhMu4gbsYS5A3Sm0ZY7iH6/iTv+U+Hgs1rllyyM+wlRBrRp9HUWOg2tzEO7wUStMoTEfu++iLwXq4jWu4hDv4KjynJ0LSNoTUmBIu4FAUWimuUqv4AtpC9Z7wP09/4rXwBfQlHsM/s/RjnpEuLZYAAAAASUVORK5CYII=);vertical-align: text-top;}
.ro-learn a:hover i{background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAABm0lEQVQ4ja3VP2sUQRjH8c9tjgg2qUSjkoAGsUmaKMT+LAMJMYJvIDZanKDBNyAYIVpokRS+gfM0JmViL4gIppNDiChXWNkIChKLmT02x+ztIf5g2D/8nu8z8+zsMzXb6xIaxUIcV3Aav/EVH/AKr+O7I6onYItYw1QiycU4bqCDVbwsmrLC/QgeRkM/LKUptGPMSGqGD3BvCFC/8pjVIvBaCrYx07AyOX3k3c2PezYP9lPQd3iRCbV5nErdDytLEvUEo3Us42zK8fnnD+ffPO89H843wfL4hdQsz+B6JmyNpIqwPEGFFjJcrnIRlnru+BhodT+V2S7VcaoKtju3pHFiAmwe7KeWm2u8Luz2Y2WOlcnpHuzq27a9718GJs/QHWSYHTvZm1kVDN2a7fWWsA//h9oZtgY5NmYaDuebdueWhgFuZWgJXSSpvH75dYC+oZUJH+VOmSuv2xD1a+JXrdAP13C3KqpEj8ReUGxf9/H0H2DPYqx+4B/cFr54ZwhQR+gDt2Is0h27jZ1oXsSs8OMTCv9eOAJaEkfAX6esaAfeqcp8AAAAAElFTkSuQmCC);}
.ro-learn .dropdown-menu{left: 50%; width: 320px;margin-left: -160px;}
.ro-learn .dropdown-menu p{line-height: 22px;}
.learn-plan-box{margin: 30px auto 50px;min-height: 500px;height: auto; width: 870px;border-radius: 24px;background-color: #fff;}
.learn-plan-box .step .title{background-color: #555;padding: 20px;color: #fff;position: relative;border-top-left-radius: 24px;border-top-right-radius: 24px;}
.learn-plan-box .step .title h2{margin-top: 0;margin-bottom: 0;}
.learn-plan-box .step .title .step-item{position: absolute;left: 20px;top: 20px;}
.learn-plan-box .step .title .step-item:before{content: ""; position: absolute;left: 0;top: 12px;width: 100%;height: 3px;background-color: #dbdbdb;}
.learn-plan-box .step .title .step-item > li{position: relative; margin-right: 15px; width: 28px;height: 28px;line-height: 28px; background-color: #dbdbdb;border-radius: 50%;color: #888;font-weight: bold;font-size: 18px;}
.learn-plan-box .step .title .step-item > li.last{margin-right: 0;}
.learn-plan-box .step .title .step-item > li.active{background-color: #00b28e;color: #fff;}
.learn-plan-box .step .fa-question-circle{margin-left: 3px; color: #ff7272;font-size: 18px;cursor: pointer;}
.learn-plan-box .step dl {padding: 50px 80px;margin-bottom: 0;}
.learn-plan-box .step dl dd{margin-left: 255px;}
.learn-plan-box .step dl dd .wecome{position: relative;margin-top: 20px;padding: 20px;border-radius: 20px;box-shadow: 0 0 151px rgba(0, 0, 0, 0.1), 0 4px 20px rgba(0, 0, 0, 0.2);}
.learn-plan-box .step dl dd .wecome b{border-bottom: 13px solid transparent;border-right: 13px solid #fff;border-top: 13px solid transparent;height: 0;left: -13px;margin-top: -13px;position: absolute;top: 50%;width: 0;}
.learn-plan-box .step dl dd .wecome h3{font-size: 20px;margin-bottom: 20px;}
.learn-plan-box .step dl dd .wecome h4{line-height: 33px; font-size: 16px;color: #444;margin-bottom: 20px;}
.learn-plan-box .step .btn{margin-left: 10px;margin-right: 10px; padding: 4px 20px;font-size: 17px;background-color: #00B28E;color: #fff;border-radius: 40px;-webkit-transition: all .4s;transition: all .4s;}
.learn-plan-box .step .btn.prev{position: relative; background-color: #fff;color: #888;border: 1px solid #ccc;overflow: hidden;}
.learn-plan-box .step .btn.prev:hover{color: #fff;border-color: #00B28E;}
.learn-plan-box .step .btn.prev:before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: #00B28E;
opacity: 0;
-webkit-transform: scale3d(0.7, 1, 1);
transform: scale3d(0.7, 1, 1);
-webkit-transition: all .4s;transition: all .4s;
}
.learn-plan-box .step .btn.prev:hover:before {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.learn-plan-box .step .pd-20 h3{margin-top: 0;border-bottom: 2px solid #d4d4d4;padding-bottom: 20px;margin-bottom: 15px;}
.learn-plan-box .step .pd-20 h3 i{padding-left: 3px; display: inline-block;width: 30px;height: 30px;margin-right: 10px;border-radius: 50%;line-height: 28px;text-align: center;color: #fff;background-color: #00B28E;margin-right: 10px;border-radius: 50%;font-style: normal;}
.learn-plan-box .step .form-group{border-bottom: 1px dashed #e5e5e5;margin-left: 0;margin-right: 0;padding-bottom: 15px;margin-bottom: 10px;}
.learn-plan-box .step .form-group.last{border-bottom: none;}
.learn-plan-box .step .form-textar{padding-left: 35px;padding-right: 35px;}
.learn-plan-box .step .checkbox-inline,.learn-plan-box .step .radio-inline{padding-left: 0;}
.learn-plan-box .step .checkbox-inline input[type="radio"],.learn-plan-box .step .checkbox-inline input[type="checkbox"]{margin-right: 4px;position: inherit;margin-left: 0;}
.learn-plan-box .step textarea{height: 125px;}
.learn-plan-box .step .success p{font-size: 16px;color: #555;margin-top: 20px;}
.learn-plan-box .step .success .text-left{display: inline-block;}
.learn-plan-box .step .success .urgent{padding: 1px 7px;display: inline-block; background-color: #ff6767;color: #fff;border-radius: 4px;cursor: pointer;}
.learn-plan-box .step .success h2{font-size: 28px;margin-top: 0;}
.learn-plan-box .step .success .wx-code{width: 145px;height: 145px;}
.learn-plan-box .step .success .icon-ok{vertical-align: middle;}
/*方案反馈*/
.learn-plan-evaluate{background-color: #f9f8f0;border: 1px solid #ebe6df;}
.learn-plan-evaluate .scores-wrap{display: inline-block;vertical-align: sub;}
.learn-plan-evaluate .scores-wrap i{display: inline-block;margin-right: 5px; width: 25px;height: 25px;background-image: url(../image/179227_5dd7aa0453ef1.png);background-position: 0 25px;}
.learn-plan-evaluate .scores-wrap i.active{background-position: 0 0;}
.learn-plan-evaluate .score-num{color: #ffdb3a;}
/*课程需求*/
.course-demand-box .demand-title{font-size: 22px;border-bottom: 2px solid #e0e0e0;padding-bottom: 10px;margin-top: 10px;margin-bottom: 20px;padding-left: 10px;}
.course-demand-box .demand-title .icon-course{vertical-align: sub;}
.course-demand-box .demand-title .icon-comment{vertical-align: middle;}
.course-demand-box .icon-ok{vertical-align: initial;}
.course-demand-box .tab-nav{padding-top: 0;padding-left: 0;}
.course-demand-box .table > thead{background-color: #00b882;font-size: 18px;color: #fff;}
.course-demand-box .table > thead th{text-align: center;}
.course-demand-box .learn{background-color: #e8e8e8;display: inline-block;padding: 1px 15px;font-size: 15px;color: #666;border:1px solid #d8d8d8;border-radius: 9px;text-decoration: none;margin-left: 10px;}
.course-demand-box .learn:hover{background-color: #00B28E;border-color: #00B28E; color: #fff;}
.course-demand-box .success .img-thumbnail{width: 165px;}
@media screen and (max-width: 1366px) {
.page-upgrade .upg-versions table.fixed-thead{width: 1000px;}
.page-upgrade .top-box ul li{margin-right: 25px;margin-left: 25px;}
.page-upgrade .lb-box .play-item.num1{margin-top: -55px;width: 200px;height: 110px;}
.page-upgrade .lb-box .play-item.num2{left: 174px;margin-top: -68px;width: 216px;height: 136px;}
.page-upgrade .lb-box .play-item.num3{left: 360px;margin-top: -88px;width: 280px;height: 176px;}
.page-upgrade .lb-box .play-item.num4{left: 610px;margin-top: -68px;width: 216px;height: 136px;}
.page-upgrade .lb-box .play-item.num5{left: 800px;margin-top: -55px;width: 200px;height: 110px;}
.page-upgrade .lb-box .play-item .mark-play{line-height: 176px;}
.tool-box .input-group{padding-top: 10px;}
.tool-box .ification-search.affix{width: 228px;}
}
/*资讯*/
.news-icons{display: inline-block;background-image: url(../image/news_icons.png);}
.news-icons.news-msgs{width: 16px;height: 20px;background-position: -2px -149px;vertical-align: middle;}
.news-icons.news-contribute{margin-right: 5px;width: 28px;height: 28px;background-position: -2px -284px;vertical-align: -7px;}
.news-icons.news-notice{margin-right: 5px;width: 22px;height: 20px;background-position: -2px -125px;vertical-align: text-bottom;}
.news-icons.news-introd{margin-right: 5px;width: 20px;height: 20px;background-position: -2px -77px;vertical-align: middle;}
.news-icons.news-l-notice{margin-right: 9px;width: 24px;height: 26px;background-position: -2px -254px;vertical-align: text-bottom;}
.news-icons.news-hot{margin-right: 9px;margin-left: 5px;width: 19px;height: 23px;background-position: -2px -199px;vertical-align: text-bottom;}
.news-icons.news-hot-lis{margin-right: 6px;margin-left: 5px;width: 18px;height: 20px;background-position: -2px -101px;vertical-align: middle;}
.news-icons.news-rec-text{margin-right: 6px;margin-left: 5px;width: 22px;height: 22px;background-position: -2px -173px;vertical-align: middle;}
.news-icons.news-hot-text{margin-right: 6px;margin-left: 5px;width: 24px;height: 24px;background-position: -2px -226px;vertical-align: bottom;}
.news-icons.news-eye{margin-right: 4px;width: 22px;height: 15px;background-position: -2px -38px;vertical-align: text-top;}
.news-icons.news-favor{margin-right: 4px;width: 18px;height: 16px;background-position: -2px -57px;vertical-align: text-top;}
.news-icons.news-prev{width: 8px;height: 14px;background-position: -2px -2px;}
.news-icons.news-next{width: 8px;height: 14px;background-position: -2px -20px;}
.news-logo{display: inline-block;width: 123px;height: 24px;background-image: url(../image/logo.png);background-size: 100%;vertical-align: middle;}
.news-logo.n-h{width: 108px;height: 20px;}
.acc5-news .list-inline{margin-left: 0;padding: 20px 0;}
.acc5-news .list-inline li{padding: 0}
.acc5-news .list-inline li:nth-child(2){padding: 0 5px;}
.acc5-news .border-t{border-top: 2px solid #00b18d;}
.acc5-news .text-block{display: block;}
.acc5-news .ml-40{margin-left: 40px;}
.acc5-news .w-139{width: 139px;}
.acc5-news .w-324{width: 324px;}
.acc5-news .w-328{width: 328px;}
.acc5-news .w-453{width: 453px;}
.acc5-news .w-718{width: 718px;}
.acc5-news .w-885{width: 885px;}
.acc5-news .nav-header{height: 38px;line-height: 38px;background-color: #3e3e3e;color: #fff;font-size: 14px;}
.acc5-news .nav-header.fixbar{position: fixed;}
.acc5-news .nav-header .userhead{width: 24px;height: 24px;border-radius: 50%;background-color: #fff;}
.acc5-news .nav-header .user-info-header .dropdown-menu a{color: #333;}
.acc5-news .nav-header .user-info-header .dropdown-menu a:hover{color: #00b882;}
.acc5-news .nav-header .useraccount{margin-right: 50px;margin-left: 10px;vertical-align: middle;}
.acc5-news .nav-header a{color: #fff;}
.acc5-news .nav-header .skip-hrefs ul li{padding: 0;}
.acc5-news .nav-header .skip-hrefs ul li>a{display: block;position: relative;margin: 0 20px;line-height: 38px;text-decoration: none;}
.acc5-news .nav-header .skip-hrefs ul li>a:after{content: '';position: absolute;bottom: 0;left: 0;width: 100%;height: 2px;background-color: #00b882;opacity: 0;visibility: hidden;}
.acc5-news .nav-header .skip-hrefs ul li:hover>a:after,.acc5-news .nav-header .skip-hrefs ul li.active>a:after{opacity: 1;visibility: visible;}
.news-box .layout .layout-l-mid.w-718{margin-left: 20px;}
.news-box .top-row{height: 80px;line-height: 80px;}
.news-box .top-row .search-wrap{display: inline-block;vertical-align: middle;}
.news-box .top-row .search-wrap .input-group{line-height: normal;}
.news-box .top-row .search-wrap input{height: 40px;line-height: 40px;}
.news-box .top-row .search-wrap input:focus{border-color: #00b28e;}
.news-box .top-row .search-wrap button{padding-top: 0;padding-bottom: 0;line-height: 38px;background-color: #00b28e;border-color: #00b28e;outline: none;}
.news-box .focus-news{padding-top: 20px;padding-bottom: 20px;}
.news-box .focus-news .link{position: relative;float: left;margin-left: 13px;padding-left: 15px;width: 160px;text-align: left;}
.news-box .focus-news .link:first-child{padding-left: 0;margin-left: 0;}
.news-box .focus-news .link:not(:first-child):before{content: '';position: absolute;top: 0;left: 0;width: 1px;height: 100%;background-color: #e8e8e8;}
.news-box .focus-news .link>div>a{margin-left: 25px;}
.news-box .focus-news .link .ud-align>a{margin-left: 32px;}
.news-box .focus-news .link a:hover{color: #00b882;}
.news-box .carousel-area .carousel-inner>.item>a{display: inline-block;width: 100%;height: 164px;}
.news-box .carousel-area .carousel-inner>.item img{width: 100%;height: 100%;}
.news-box .carousel-area .carousel-control{top: 50%;margin-top: -25px;width: 23px;height: 30px;background-color: rgba(39, 39, 42, 0.39);color: #fff;}
.news-box .carousel-area .carousel-control:hover{background-color: rgba(0, 0, 0, 0.6);}
.news-box .carousel-area .carousel-indicators{bottom: 40px;}
.carousel-area.header-banner .course-live{position: relative;top: 0; margin: 0 auto;}
.carousel-area.header-banner .course-live .course-live-nav{padding-top: 15px;}
.carousel-area.header-banner .course-live .course-live-nav li:hover > a{color:#fff;}
.carousel-area.header-banner .course-live .tab-pane ul:before{z-index: 1;}
.carousel-area.header-banner .course-live .tab-pane dl dt{position: relative;z-index: 2;}
.news-box .exam-bulletins .bulletin{margin-bottom: 24px;width: 100%;height: 80px;border-radius: 4px;}
.news-box .exam-bulletins .bulletin .pl-wrap{margin-top: 11px;}
.news-box .exam-bulletins .bulletin .e-name{display: inline-block;width: 106px;margin-right: 15px;line-height: 28px;border-right: 1px solid #e8e8e8;font-size: 18px;text-align: center;vertical-align: middle;}
.news-box .exam-bulletins .bulletin .e-name b{font-size: 20px;}
.news-box .exam-bulletins .bulletin .inline-block{vertical-align: middle;}
.news-box .exam-bulletins .bulletin .e-day{position: relative;width: 85px;height: 100%;line-height: 80px;border-radius: 4px;font-size: 36px;color: #fff;text-align: center;}
.news-box .exam-bulletins .bulletin .e-day.isword{font-size: 24px;}
.news-box .exam-bulletins .bulletin .e-day .e-r-bg{position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.news-box .exam-bulletins .bulletin .e-day .e-r-bg .bg-t{height: 50%;background-color: #888;}
.news-box .exam-bulletins .bulletin .e-day .e-r-bg .bg-b{height: 50%;background-color: #484848;}
.news-box .db-imgs>div{width: 156px;}
.news-box .db-imgs img{width: 100%;height: 90px;}
.news-box .db-imgs p{padding: 0 5px;}
.news-box .arts-box {margin-top: 20px;}
.news-box .arts-box .headline{padding: 10px 0;font-size: 16px;font-weight: 400;}
/* .news-box .arts-box .headline.bord-w-1{border-width: 1px;} */
/* .news-box .arts-box .headline .bar{display: inline-block;margin-right: 6px;width: 4px;height: 16px;background-color: #00b28e;vertical-align: -2px;} */
.news-box .arts-box .headline span{display: inline-block;padding-right: 13px;margin-bottom: -2px;border-bottom: 2px solid #00b28e;}
.news-box .arts-box .a-ordinal{display: inline-block;margin-right: 12px;margin-left: 5px;width: 18px;height: 18px;line-height: 18px;background-color: #d5d5d5;color: #fff;text-align: center;vertical-align: middle;}
.news-box .arts-box .a-ordinal.bg-1{background-color: #ff5858;}
.news-box .arts-box .a-ordinal.bg-2{background-color: #ff8737;}
.news-box .arts-box .a-ordinal.bg-3{background-color: #ffad37;}
.news-box .arts-box .a-name{display: inline-block;width: 72%;text-align: justify;vertical-align: middle;}
.news-box .arts-box .a-time{color: #999;}
.news-box .page-turning {zoom: 1;background: #f8f8f8;margin: 10px 0;padding: 10px;}
.news-box .page-turning ul>li {width: 50%;float:left;list-style: none;}
.news-box .page-turning ul>li>a {font-size: 14px;display: block;padding: 10px 20px;color: #262626;}
.news-box .page-turning ul:after {
display: block;
content: '';
height: 0;
clear: both;
visibility: hidden;
}
.news-box .type-tabs li:first-child{font-size: 24px;cursor: default;}
.news-box .type-tabs li>a{margin: 0 10px;text-decoration: none;}
.news-box .type-tabs li.active>a,.news-box .type-tabs li:hover>a{color: #00b18d;}
.news-box .type-tabs li>a.fixed{color: #00b18d;text-decoration: underline;}
.news-box .specials-wrap ul li{padding: 0;margin-top: 20px;margin-right: 15px;}
.news-box .specials-wrap ul li.last{margin-right: 0;}
.news-box .specials-wrap ul li img{width: 285px;height: 160px;}
.news-box .column-box {padding: 10px;width: 280px;}
.news-box .column-box .db-imgs>div{width: 125px;}
.news-box .column-box .db-imgs img{height: 86px;}
.news-box .column-box .recommend-columns{padding-right: 20px;padding-left: 20px;}
.news-box .column-box .recommend-columns > ul{width: 44%;}
.news-box .column-box ul li.active>a,.news-box .column-box ul li:hover>a,.news-box .related-info ul li:hover>a{color: #00b28e;}
.news-box .news-left-navs a{position: relative;display: block;height: 46px;line-height: 46px;color: #666;border-top: 1px solid #F5F5F5;text-align: center;text-decoration: none;}
.news-box .news-left-navs a:before{content: "";position: absolute;left: 0;top: 50%;margin-top: -13px;width: 2px;height: 26px;background-color: #00b882;opacity: 0;visibility: hidden;}
.news-box .news-left-navs ul li:hover a:before,.news-box .news-left-navs ul li.active a:before{opacity: 1;visibility: visible;}
.news-box .news-left-navs ul li:hover a,.news-box .news-left-navs ul li.active a{color: #00b882;}
.news-box .news-left-navs .news-index{font-size: 16px;}
.news-box .news-top-tabs{height: 40px;line-height: 40px;overflow: hidden;}
.news-box .news-top-tabs ul{margin-left: 0;}
.news-box .news-top-tabs ul li{float: left;padding-right: 0;padding-left: 0;width: 80px;text-align: center;}
.news-box .news-top-tabs ul li>a{display: inline-block;position: relative;line-height: 40px;text-decoration: none;}
.news-box .news-top-tabs ul li>a:after{content: '';position: absolute;bottom: 0;left: 0;width: 100%;height: 2px;background-color: #00b882;opacity: 0;visibility: hidden;}
.news-box .news-top-tabs ul li:hover>a:after,.news-box .news-top-tabs ul li.active>a:after{opacity: 1;visibility: visible;}
.news-box .news-top-tabs .top-wraps{width: 640px;overflow: hidden;}
.news-box .news-top-tabs .r-wrap{display: inline-block;margin-top: -3px;margin-left: 10px;}
.news-box .news-top-tabs .r-wrap a{margin: 0 2px;font-size: 28px;color: #bdbdbd;text-decoration: none;}
.news-box .news-top-tabs .r-wrap a.active{color: #00b882;}
.news-box.news-content {background-color: #f8f8f8;}
.news-box.news-content .breadcrumb {padding: 0;margin: 0;}
.news-box.news-content .news-body {overflow: hidden;padding: 20px;border-radius: 2px;border: solid 1px #eee;background-color: #fff;}
.news-box.news-content .news-body h1{line-height: 25px;font-size: 24px;font-weight: 400;color: #333;padding: 20px 10px;margin: 0;}
.news-box.news-content .news-body .from {color: #666;padding: 10px 0;}
.news-box.news-content .news-body .from .source{padding-left: 10px;padding-right: 5px;}
.news-box.news-content .news-body .guide-text{padding: 16px 12px;line-height: 24px;background-color: #f1f1f1;color: #333;font-size: 14px;padding: 15px;background: #f8f8f8;margin: 15px 0;color: #999;line-height: 24px;}
.news-box.news-content .news-body .content-text p{margin: 10px 0 25px;line-height: 30px;text-indent: 2em;font-size: 14px;text-align: justify;}
.news-box.news-content .news-body .content-text p img{margin: 20px auto;}
.news-box.news-content .news-body .content-text .has-next{margin-bottom: 0;}
.news-box.news-content .news-body .content-text .teachar-info p{margin-top: 0; margin-bottom: 10px; font-size: 14px;text-indent:0;}
.news-box.news-content .news-body .content-text .teachar-info .icon-ask-v,.teachar-name .icon-ask-v{position: relative;}
.news-box.news-content .news-body .content-text .teachar-info .user-img,
.ask-main .reply-item .teacher-img{
margin-left: 20px;margin-right: 20px; background-color: #dbdbdb;
border-radius: 50%;
}
.news-box.news-content .news-body .content-text .teachar-info .img-box:after,
.ask-main .reply-item .img-box:after {
content: '';
position: absolute;
top: 0;
left: 20px;
right: 20px;
bottom: 0;
background-color: rgba(0,0,0,.3);
border-radius: 50%;
}
.news-box.news-content .news-body .content-text .teachar-info .img-box .live-gif,
.ask-main .reply-item .live-gif,.video-pause-pop{
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
z-index: 1;
}
.news-box.news-content .news-body .content-text .teachar-info .img-box .live-text,
.ask-main .reply-item .live-text {
position: absolute;
left: 50%;
bottom: -8px;
transform: translateX(-50%);
font-size: 12px;
color: #fff;
padding: 3px 10px;
border-radius: 9999px;
background-color: #ff5400;
z-index: 2;
font-weight: normal;
}
.news-box.news-content .news-body .content-text .teachar-info .img-box .live-text:after,
.ask-main .reply-item .live-text:after {
content: '';
position: absolute;
left: -6px;
bottom: 3px;
width: 80px;
height: 80px;
border: 3px solid #ff5400;
border-radius: 50%;
z-index: -1;
}
.news-box.news-content .news-body .content-text .teachar-info .teachar-name b,
.ask-main .reply-item .teachar-name b{font-size: 16px;}
.news-box.news-content .news-body .content-text .teachar-info .gold,.reply-item .gold{display: inline-block; margin-top: 25px;margin-bottom: 25px; width: 160px;height: 40px;line-height: 40px; background-color: #f4bf79;border-radius: 0 20px 20px 0;font-size: 16px;box-shadow: 0 -4px 3px 0 #da9844 inset;color: #fff;text-align: center;}
.news-box.news-content .news-body .content-text .teachar-info a{text-decoration: none;}
.news-box.news-content .news-body .content-text .teachar-info dl dd{margin-left: 110px;padding-right: 25px;}
.news-box.news-content .news-body .content-text .teachar-info .t-btn,.reply-item .t-btn{position: absolute;right: 30px;top: 30px;padding-left: 10px;padding-right: 10px; min-width: 80px;height: 28px;line-height: 28px; background-color: #00b882;border-radius: 14px;color: #fff;text-align: center;font-weight: bold;}
.news-box.news-content .news-body .article-ask p {padding-bottom: 30px;line-height: 30px;}
.news-box.news-content .news-body .article-ask p>img {height: 200px;width: 200px;}
.news-box.news-content .related-info{padding: 10px 40px 20px 0;}
.news-box.news-content .flip-content{padding: 5px 20px 40px;}
.news-box.news-content .news-item{padding: 10px 0;}
.news-box.news-content .news-item a:hover{color: #00b882;}
.news-box.news-content .news-item img{margin-right: 4px;width: 156px;height: 90px;}
.news-box.news-content .news-item img.last{margin-right: 0;}
.news-box.news-content .news-item .r-wrap{display: inline-block;width: 74%;vertical-align: middle;}
.news-box .wechat-code img{width: 180px;height: 180px}
.news-box .wechat-code p{font-size: 16px;}
.news-box .wechat-code .active{color: #00b28e}
.news-box .news-live a .live-ing{left: 90px;bottom: 118px}
.news-box.news-content .layout-r {background-color: #fff;margin-top: 50px;}
.news-box.news-content .layout-r.netschool {margin-top: 0!important;margin-bottom: 30px;}
.news-box.news-content .layout-r .focus-pubnum {margin-bottom: 10px;}
.news-box.news-content .layout-r .focus-pubnum img{ margin-top: 20px;margin-left: 10px; vertical-align: top;}
.news-box.news-content .layout-r .focus-pubnum .tip {display: inline-block; margin-top: 40px;margin-left: 10px;}
.news-box.news-content .layout-r .focus-pubnum .tip p {font-size: 14px; font-weight: bold; margin-bottom: 0;}
.news-box.news-content .layout-r .focus-pubnum .tip p:last-child {margin-top: 20px;}
.news-box.news-content .ask-detail .title {
height: 54px;
line-height: 54px;
text-align: center;
font-size: 20px;
color: #000;
border-top-left-radius: 16px;
border-top-right-radius: 16px;
background: linear-gradient(#e0cbb7,#ebdfd2);
}
.news-box.news-content .ask-detail .reply-item dl {
padding-top: 25px;
background: linear-gradient(#fff,#f5f0eb);
}
.pop-hide-bar {
position: fixed;
right: 0;
bottom: 0;
width: 344px;
height: 40px;
background-color: #00b882;
border-radius: 4px;
z-index: 9;
}
.pop-hide-bar a {
display: inline-block;
width: 100%;
height: 100%;
line-height: 40px;
text-align: center;
color: #fff;
text-decoration: none;
font-size: 16px;
cursor: pointer;
}
.pull-right-seo-reg.fixed{position: fixed;top: 64px;z-index: 17;}
.pull-right-seo-reg-fill{height: 300px;}
.ask-detail .pull-right-seo-reg.fixed img{width: 260px;}
.pull-right-seo-reg .input-item{position: absolute;width: 185px;height: 35px;padding-left: 8px; background: none;border: none;font-size: 14px;outline: none;}
.pull-right-seo-reg .input-name{top: 104px;left: 95px;}
.pull-right-seo-reg .input-phone{top: 154px;left: 95px;}
.pull-right-seo-reg .input-code{top: 199px;left: 95px;width: 118px;}
.pull-right-seo-reg .input-verify{top: 199px;right: 22px;width: 57px;padding-left: 0; background-color: #fff;border-radius: 4px;border: solid 1px #ec704c;font-size: 16px;color: #eb6f4b;}
.pull-right-seo-reg .input-verify[disabled]{background-color: #eee;border-color: #eee; color: #afafaf;cursor: not-allowed;}
.pull-right-seo-reg .input-submit{bottom: 18px;left: 95px;}
.pull-right-seo-reg.seo-top .input-phone{top: 27px;left: 580px;}
.pull-right-seo-reg.seo-top .input-code{top: 27px;left: 891px;}
.pull-right-seo-reg.seo-top .input-verify{top: 25px;right: 36px;width: 130px;height: 40px;}
.pull-right-seo-reg.seo-top .input-submit{bottom: 15px;left: 1029px;width: 136px;height: 48px;}
.pull-right-seo-reg .pull-right-seo-form{position: absolute;bottom: 0;width: 100%;}
.pull-right-seo-reg .pull-right-seo-form label span{color: #0dbab1;}
.pull-right-seo-reg .pull-right-seo-form > .inline-block{width: 60%;}
.pull-right-seo-reg .pull-right-seo-form input[name=phoneCode]{width: 135px;}
.pull-right-seo-reg .pull-right-seo-form .input-verify{width: 120px;height: 34px; border-color: #1eccc0;color: #1eccc0;outline: none;}
.pull-right-seo-reg .pull-right-seo-form .input-submit{background-color: #1eccc0 !important;outline: none;font-size: 16px;}
.pull-right-seo-reg-success .box-mark{z-index: 10001;}
.pull-right-seo-reg-success .dialog-box{background-color: #ededf0;}
.pull-right-seo-reg-success .dialog-box h4{line-height: 38px;}
.pull-right-seo-reg-success .dialog-box h4 span{color: #10bdb1;}
.pull-right-seo-reg-success .dialog-box .btn-data{display: inline-block; width: 275px;height: 45px;line-height: 45px; background-color: #10bdb1;border-radius: 6px;color: #fff;font-size: 18px;}
.pull-right-seo-reg-success .dialog-box .wx-no{display: inline-block;padding-left: 10px;padding-right: 10px; min-width: 165px;height: 35px;line-height: 35px; background-color: #ff7c6b;color: #fff;font-size: 16px;}
/*SEO 聊天*/
.seo-talk .pop-box{width: 345px;box-shadow: 0 2px 6px 0 rgba(0, 52, 32, .25);}
.seo-talk .teacher-info{padding-left: 12px;padding-top: 12px; height: 80px;background-image: linear-gradient(#22d7bb, #22d7bb), linear-gradient(#56cd9f, #56cd9f);cursor: move;}
.seo-talk .teacher-info .minimize{position: absolute;right: 12px;top: 12px;}
.seo-talk .teacher-info dl{margin-bottom: 0;}
.seo-talk .teacher-info dl dt{margin-right: 15px;}
.seo-talk .teacher-info .name{font-size: 18px;vertical-align: sub;}
.seo-talk .teacher-info .commits img{vertical-align: -1px;}
.seo-talk .talk-lists{height: 245px;background-color: #fafdff;border-bottom: 1px solid #e9f0ef;overflow-y: auto;}
.seo-talk .talk-lists .talk-list{padding-left: 15px;padding-right: 15px;}
.seo-talk .talk-lists .talk-list p{color: #90b4a5;}
.seo-talk .talk-lists .talk-list .talk-content{display: inline-block; padding: 13px 15px;margin-bottom: 10px; line-height: 24px;background-color: #e9f0ef;text-align: justify;}
.seo-talk .talk-lists .talk-list .talk-content:after{content: ""; position: absolute;right: 100%;top: 15px; width: 0;height: 0;border-top: 0 solid transparent;border-right: 20px solid #e9f0ef;border-bottom: 20px solid transparent;}
.seo-talk .talk-lists .talk-list.my{text-align: right;}
.seo-talk .talk-lists .talk-list.my .talk-content{background-color: #22d7bb;color: #fff;}
.seo-talk .talk-lists .talk-list.my .talk-content:after{right: auto;left: 100%;border-right: 0 solid transparent;border-left: 20px solid #22d7bb;}
.seo-talk .talk-send{height: 175px;}
.seo-talk .talk-send .talk-input{width:100%; height: 135px;border: none;outline: none;resize: none;}
.seo-talk .talk-send .btn-talk-send{position: absolute;right: 20px;bottom: 20px;width: 76px;height: 35px;background-color: #22d7bb;color: #fff;font-size: 16px;border: none;outline: none;}
.seo-talk .talk-send .btn-talk-send[disabled]{background-color: #b5f0e7;cursor: not-allowed;}
.seo-talk .pull-right-seo-reg .input-item{position: static;margin-top: 15px;width: 100%; background-color: #fff;border: solid 1px #daece9;}
.seo-talk .pull-right-seo-reg .input-item.input-code{width: 130px;}
.seo-talk .pull-right-seo-reg .input-item.input-verify{width: 90px;font-size: 14px;color: #22d7bb;border-color: #22d7bb;}
.seo-talk .pull-right-seo-reg .input-submit{display: block;width: 100%;height: 40px; background-color: #22d7bb;color: #fff; border: none;outline: none;}
.pop-notify.seo-talk-minimi{bottom: 20px;right: 20px;}
.pop-notify.seo-talk-minimi .msg{position: absolute;right: -6px;top: -6px;width: 26px;height: 26px;line-height: 24px; background-color: #ffc81f;color: #fff;border: solid 2px #ffffff;text-align: center;font-style: normal; border-radius: 50%;}
.pop-notify.seo-talk-minimi .talk-arr{margin-left: 5px;}
.pop-notify.seo-talk-minimi .talk-content{top: -11px; width: 289px;padding:15px; background-color: #fff;box-shadow: 0 2px 6px 0 rgba(0, 52, 32, .25);}
/*seo 顶部广告倒计时*/
.seo-top-countdown .countdown{position: absolute;right: 133px;top: 35px;font-size: 22px;color: #fff2ed;}
.seo-top-countdown .countdown >span{margin-right: 59px;}
.seo-top-countdown .btn-top,.seo-top .btn-top{position: absolute;right: 30px;top: 10px;-webkit-animation:zoom .8s infinite ease-in-out;animation:zoom .8s infinite ease-in-out;}
.seo-top .btn-top{right: 42px;top: 50px;}
/*职业晋升课*/
.promotion-box .banner{height: 402px;background: url(../image/179227_5d0c99c4edea1.jpg) no-repeat center;}
.promotion-box.post .banner{height: 420px;background: url(../image/179227_5e7c799e44c8a.png) no-repeat center;}
.promotion-box.post h1{margin-top: 50px;margin-bottom: 50px; font-size: 42px;}
.promotion-box.post .tip{width: 510px;line-height: 50px;background-color: #f3f2f5;border-radius: 6px;}
.promotion-box.post .tip i{display: inline-block; width: 6px;height: 6px;margin-left: 15px;margin-right: 15px; background-color: #fd6542;border-radius: 50%;vertical-align: 3px;}
.promotion-box .courses a{text-decoration: none;}
.promotion-box .courses .course{display: inline-block;margin-bottom: 25px;margin-right: 40px; width: 370px;height: 450px;padding: 25px; background-color: #fff;border: solid 1px #ededf2;vertical-align: top;}
.promotion-box .courses .course.last{margin-right: 0 !important;}
.promotion-box .courses .course:hover{box-shadow: 0 5px 10px 0 rgba(58, 69, 99, .15);-webkit-transform: translateY(-5px);transform: translateY(-5px);}
.promotion-box .courses .course .course-img img{width: 100%;}
.promotion-box .courses .course .course-title{position: absolute;left: 0;top: 45px;width: 100%;}
.promotion-box .courses .course .course-title h4{color: #bfa377;}
.promotion-box .courses .course .v2 .course-title h4{color: #3bb075;}
.promotion-box .courses .course .v3 .course-title h4{color: #7990db;}
.promotion-box .courses .course .v4 .course-title h4{color: #cd7f6d;}
.promotion-box .courses .course .course-name{margin-top: 20px;margin-bottom: 20px;}
.promotion-box .courses .course .price{font-size: 18px; color: #ff4031;}
.promotion-box.post .study{height: 420px;background: url(../image/179227_6063d0314d4e10.png) no-repeat center;}
.promotion-box.post .courses{position: absolute;}
.promotion-box.post .courses-fill{height: 370px;}
.promotion-box.post .courses .course{width: 270px;height: 310px; padding: 0;margin-right: 35px;margin-bottom: 0;}
.promotion-box.post .courses .course:hover{height: auto;}
.promotion-box.post .courses .course .course-vip{position: absolute;right: 0;top: 10px;width: 110px;line-height: 30px;background-color: #e85308;border-radius: 15px 0 0 15px;color: #fff;}
.promotion-box.post .courses .course .course-title{left: 50%;top: 50%; margin-left: -93px;margin-top: -35px;padding: 8px; width: 185px;border: 2px solid rgba(255,255,255,.7);color: #fff;}
.promotion-box.post .courses .course .course-title h3{line-height: 46px;margin-top: 0;margin-bottom: 0;border: 2px solid rgba(255,255,255,.3); font-size: 22px;}
.promotion-box.post .courses .course .course-name{margin-top: 0;}
.promotion-box.post .courses .course .course-txt{line-height: 30px;}
.promotion-box.post .target-img{margin-left: -10px;margin-top: -10px;}
.promotion-box.post .teacher{height: 587px;background: url(../image/179227_5d25b0664824e.jpg) no-repeat center;}
.promotion-box.post .teacher a{text-decoration: none;}
.promotion-box.post .teacher .items{margin-top: 90px;}
.promotion-box.post .teacher .items .item{display: inline-block;margin-left: 10px;margin-right: 10px; width: 270px;height: 295px;padding-left: 20px;padding-right: 20px; background-color: #fff;vertical-align: top;text-align: center;}
.promotion-box.post .teacher .items .item img{width: 125px;height: 125px;margin-top: -72px; border-radius: 50%;}
.promotion-box.post .teacher .items .item .info{line-height: 26px;}
.promotion-box.post .qs-items .item{width: 560px;height: 230px; padding: 40px; background-color: #fff;box-shadow: 0 1px 8px 0 rgba(58, 69, 99, .15);font-size: 18px;}
.promotion-box.post .qs-items .item dl dt i{display: inline-block; width: 32px;height: 32px;line-height: 30px; border-radius: 50%;font-style: normal;text-align: center; background-color: #ff7d45;color: #fff;}
.promotion-box.post .qs-items .item dl dd{margin-left: 60px;}
.promotion-box.post .qs-items .item dl dd h3{margin-top: 0;margin-bottom: 0;line-height: 30px;}
.promotion-box.post .qs-items .item dl.answer{margin-top: 30px;margin-bottom: 0;}
.promotion-box.post .qs-items .item dl.answer dt i{background-color: #1f1d55;}
.promotion-box.post .qs-items .item dl.answer .content{line-height: 30px;}
.promotion-get .dialog-body{width: 480px;padding: 0; background: #fff url(../image/179227_5d3e953271fd4.png) no-repeat top left;background-size: contain;border-radius: 20px;}
.promotion-get .dialog-body h1{padding-top: 200px;margin-top: 0;font-size: 28px;}
.promotion-get .dialog-body h4{padding-left: 10%;padding-right: 10%; line-height: 36px;}
.promotion-get .dialog-body h4 b{font-size: 26px;color: #4bb7ce;}
.promotion-get .dialog-body button{display: inline-block;margin-top: 20px;margin-bottom: 20px; padding: 12px 80px; font-size: 18px;background-color: #4bb7ce;box-shadow: 0 5px 10px 0 rgba(75, 183, 206, .3);border-radius: 40px;color: #fff;border: none;outline: none;}
/*CSS3 圆形进度条*/
.circle-bar {width: 116px; height: 116px; position: relative; background-color: #9bd5fd; }
.circle-bar-left,.circle-bar-right { width: 116px; height: 116px; background-color: #eee; }
.circle-bar-right { clip:rect(0,auto,auto,58px); }
.circle-bar-left { clip:rect(0,58px,auto,0);transition-delay: .1s;-webkit-transition-delay: .1s; }
.circle-bar-mask { width: 108px; height: 108px;padding-top: 25px; background-color: #fff;text-align: center;font-weight: bold; }
.circle-bar-mask :first-child {display: block;line-height: 130px; font-size: 24px; color:#4bb7ce; }
.circle-bar * { position: absolute; top:0; right:0; bottom:0; left:0; margin:auto; }
.circle-bar, .circle-bar > * { border-radius: 50%; }
/*岗位特训 详情页*/
.post-detail .banner{height: 301px;background: url(../image/179227_5d1b3dea14b78.png) no-repeat center;color: #fff;}
.post-detail .banner h1{margin-top: 0;margin-bottom: 40px; padding-top: 60px;font-size: 48px;}
.post-detail .banner h4{color: #f2f2f2;text-align: left;line-height: 28px;}
.post-detail .banner .out-box{margin-top: 20px;height: 150px;background-color: #fff;box-shadow: 0 5px 10px 0 rgba(58, 69, 99, .15);border-radius: 12px;color: #000;}
.post-detail .banner .out-box.fixed{position: fixed;top: 64px;z-index: 2; margin-top: 0;}
.post-detail .banner .out-box h3{margin-top: 0;margin-bottom: 0; line-height: 150px; font-size: 22px;}
.post-detail .banner .out-box h3 i{display: inline-block;margin-left: 30px;margin-right: 30px; width: 1px;height: 22px; background-color: #d5d5d5;vertical-align: middle;}
.post-detail .banner .out-box h3 .btn{padding: 0; width: 125px;line-height: 38px;border-radius: 24px; border-color: #4bb7ce;color: #4bb7ce;}
.post-detail .banner .out-box h3 .btn.view{margin-left: 50px;}
.post-detail .banner .out-box h3 .btn.act{background-color: #4bb7ce;color: #fff;}
.post-detail .banner .out-box .circle-bar{position: absolute;left: 50px;top: 17px;}
.post-detail .progress{height: 8px;margin-right: 110px; background-color: #ebebeb;border-radius: 4px;box-shadow: none;}
.post-detail .progress-bar{background-color: #4bb7ce;box-shadow: none;}
.post-detail .progress-complete{position: absolute;right: 0;top: -8px;font-size: 18px;color: #999;}
.post-detail .progress-complete span{color: #4bb7ce;}
.post-detail .title-h1{margin-top: 55px;margin-bottom: 55px; font-size: 42px;}
.post-detail .title-h1.first{margin-top: 130px;}
.post-detail .tab-btns{position: absolute;right: 50px;top: 45px;}
.post-detail .tab-btns a{display: inline-block;width: 210px; line-height: 60px;text-decoration: none;outline: none;color: #797386;background-color: #4bb7ce;color: #fff;border-radius: 30px;font-size: 22px;}
.post-detail .stage-btn{position: relative;z-index: 1; display: inline-block;width: 100px;line-height: 45px;background-color: #190a3a;border-radius: 8px;font-size: 18px;color: #fff;}
.post-detail .stage-title{margin-top: 0;margin-bottom: 30px; line-height: 45px;}
.post-detail .stage-title span{font-size: 16px;}
.post-detail .stage-title span i{display: inline-block;margin-left: 15px;margin-right: 15px; width: 1px;height: 16px;background-color: #d5d5d5;vertical-align: -2px;}
.post-detail .panel-group{margin-bottom: 30px;}
.post-detail .panel-group .panel{padding: 30px; background-color: #fff;box-shadow: 0 6px 20px 0 rgba(0, 0, 0, .1);border-radius: 12px;}
.post-detail .panel-group .panel h5{margin-top: 0;margin-bottom: 30px; font-size: 16px;}
.post-detail .panel-group .panel h5 span{display: inline-block;padding-left: 10px;padding-right: 10px;margin-right: 15px; line-height: 26px;background-color: #797386;border-radius: 6px;color: #fff;font-size: 14px;}
.post-detail .panel-group .panel h5 span.tip{background:none;}
.post-detail .panel-group .panel h5 span.complete{background-color: #4bb7ce;}
.post-detail .panel-group .panel h5 span.complete i{position: absolute;top:-10px;right: -10px;width: 20px;height: 20px; background-image: url(../image/179227_5d301ba6a7f80.png)}
.post-detail .panel-group .panel h5 .vip-btn{position: absolute;top:100%;right: 0;}
.post-detail .panel-title .progress{margin-right: 35%;}
.post-detail .panel-title .progress-complete{right: 16%;top: -6px;font-size: 16px;}
.post-detail .panel-title .pull-angle-down{position: absolute;top: -7px;right: 0;text-decoration: none;}
.post-detail .panel-title .pull-angle-down i{margin-left: 10px; vertical-align: text-top;}
.post-detail .stage-wrap{margin-top: 140px;margin-bottom: 50px;}
.post-detail .stage-wrap:after{content: "";position: absolute;left: 85px;top: 0; height: 99.5%;border-left: 1px dashed #c4c7d0;}
.post-detail .stage-item{padding: 30px;background-color: #f9f9f9;border-radius: 6px;}
.post-detail .stage-item .stage-btn{position: relative; width: 65px; line-height: 26px;font-size: 14px;}
.post-detail .stage-item .stage-btn:before,.post-detail .stage-item .stage-btn:after{content: "";position: absolute;left: -190px;top: 0;width: 20px;height: 20px;background-color: #190a3a;opacity: .1;border-radius: 50%;}
.post-detail .stage-item .stage-btn:after{left: -184px;top: 6px;width: 8px;height: 8px;background-color: #190a3a;opacity: 1;}
.post-detail .stage-item .pull-angle-down{display: block;margin-bottom: 30px; font-size: 18px;text-decoration: none;}
.post-detail .stage-item .pull-angle-down.collapsed{margin-bottom: 0;}
.post-detail .stage-item .icon-angle-down{display: inline-block;margin-top: -8px; width: 40px;height: 40px; background: url(../image/179227_5d1db03fd8b59.png);-webkit-transform: rotate(0deg);transform: rotate(0deg);}
.post-detail .stage-item .collapsed .icon-angle-down{-webkit-transform: rotate(180deg);transform: rotate(180deg);}
.post-detail .collapse-hide{display: none;}
.post-detail .collapsed .collapse-show{display: none;}
.post-detail .collapsed .collapse-hide{display: inline-block;}
.post-detail .stage-item .panel-collapse p{position: relative; padding: 20px 25px;background-color: #fff;border: solid 1px #ebf0ed;}
.locked:after{position: absolute;content: "";top: 0;left: 0;z-index: 1; width: 100%;height: 100%;background: rgba(0,0,0,.3)url(../image/179227_5d3ab3d87d369.png) no-repeat center center;background-size: 50px 50px;border-radius: 6px}
.post-detail .stage-item .panel-collapse p .complete{display: inline-block;width: 28px;height: 28px; background: url(../image/179227_5d1dd02d411e2.png);vertical-align: middle;}
.post-detail .stage-item .panel-collapse p a{display: inline-block;margin-left: 80px;margin-top: -3px; width: 65px; line-height: 30px;background-color: #4bb7ce;border-radius: 15px;color: #fff;text-align: center;text-decoration: none;}
.post-detail .stage-item .panel-collapse p a.end{background:none;}
.post-detail .stage-item .panel-collapse p a.reservation{background-color: #1f1d55;}
.post-detail .stage-item .panel-collapse p a.already{margin-left: 60px;width: 85px; background-color: #797386;}
.post-detail .stage-item .panel-collapse p a.btn-to-svip{background-color: #ff5629;}
.post-detail .stage-item .panel-collapse p.summary{padding-top: 14px;padding-bottom: 0; height: 100px;}
.post-detail .stage-item .panel-collapse p.summary .title{display: inline-block;margin-top: 27px;}
.post-detail .stage-item .panel-collapse p.summary a{margin-top: 0;}
.post-detail .stage-item .stage-test{position: relative; padding-right: 30px; height: 165px;color: #c5c5c5;overflow: hidden;}
.post-detail .stage-item .stage-test:before{content: "";z-index: 1;position: absolute;left: 0;top: 0;width: 100%;height: 100%;background-color: rgba(0,0,0,.7);}
.post-detail .stage-item .stage-test .porela{z-index: 1;}
.post-detail .stage-item .stage-test .stage-img{position: absolute;left: 0;top: -200px;width: 100%;}
.post-detail .stage-item .stage-test .sys{display: inline-block;padding-left: 13px;padding-right: 13px;line-height: 28px;border-radius: 15px;border: solid 1px #c5c5c5;font-size: 16px;}
.post-detail .stage-item .stage-test.default{background: url(../image/179227_5d1ef1121f711.png) no-repeat center center;}
.post-detail .stage-item .stage-test.certificate:before,.post-detail .stage-item .stage-test.default:before{display: none;}
.post-detail .stage-item .stage-test.certificate{border: 3px solid #d0a377; background: url(../image/179227_5d36f9c74dbdf.png) no-repeat center center;}
.post-detail .stage-item .stage-test.certificate .medal{position: absolute;right: -15px;top: 0;width: 46px;height: 65px; background: url(../image/179227_5d36f9c734e21.png);}
.post-detail .stage-item .stage-test h2{margin-left: 80px;margin-bottom: 25px;}
.post-detail .stage-item .stage-test h2 .small{font-size: 18px;color: #e5e5e5;vertical-align: 3px;}
.post-detail .stage-item .stage-test h2 .pull-right{color: #c5c5c5;}
.post-detail .stage-item .stage-test h2 .pull-right a{display: inline-block;margin-left: 40px;margin-right: 30px; width: 110px;line-height: 38px;background-color: #4bb7ce;border-radius: 20px;color: #fff;font-size: 18px;text-align: center;text-decoration: none;}
.post-detail .stage-item .stage-test.certificate h2 .pull-right a{background-color: #d0a377;}
.post-detail .vip-btn{display: inline-block;padding-left: 13px;padding-right: 13px; line-height: 26px;background-color: #e85308;color: #fff;border-radius: 15px;text-decoration: none;vertical-align: text-bottom;}
.post-detail.introduce .fun-item{margin-bottom: 60px;}
.post-detail.introduce .fun-item .item{display: inline-block;margin-left: 12px; margin-right: 12px; width: 270px;height: 320px;background: #fff url(../image/179227_5d22e13b5e2ff.png);vertical-align: top;box-shadow: 0 1px 16px 0 rgba(0, 49, 60, .24);}
.post-detail.introduce .fun-item .item .item-img{padding-top: 30px; height: 180px;}
.post-detail.introduce .fun-item .item h3{padding-left: 30px;padding-right: 30px; line-height: 38px;}
.post-detail.introduce .crowd{height: 649px;background: url(../image/179227_5d22e87b3f2ef.png);}
.post-detail.introduce .crowd .item{padding-left: 20px;padding-right: 20px; padding-top: 20px; width: 580px;height: 380px;background-color: rgba(232,230,235,.1);color: #e9e7ec;vertical-align: top;}
.post-detail.introduce .crowd .item h2{margin-top: 0;}
.post-detail.introduce .crowd .item h2 span{font-size: 26px;color: #adabb1;}
.post-detail.introduce .crowd .item p{padding-left: 15px;line-height: 55px;background-image: url(../image/10018325_5d230b1b4b648.png); background-repeat: repeat-y;font-size: 24px;}
.post-detail.introduce .path .items{display: flex; margin-bottom: 50px; height: 160px;box-shadow: 0 5px 10px 0 rgba(58, 69, 99, .15);border-radius: 12px;background: #fff url(../image/179227_5d23fe10f0a34.png) no-repeat left top;}
.post-detail.introduce .path .items:after{content: ""; position: absolute;left: 0;top: 0; width: 100%;height: 100%;background:url(../image/179227_5d24046eafb4e.png) no-repeat right bottom;}
.post-detail.introduce .path .items .item{flex-grow: 1; width: 20%;height: 100%; background:url(../image/179227_5d2407e121e80.png) no-repeat right center;}
.post-detail.introduce .path .items .item.last{background: none;}
.post-detail.introduce .path .items .item h1{margin-top: 30px;margin-bottom: 20px; font-size: 42px;color: #e85308;}
.post-detail.introduce .path .items .item h4{font-size: 22px;}
.post-detail.introduce .stage-items{margin-bottom: 60px;}
.post-detail.introduce .stage-items .item > .item{display: inline-block; width: 240px;margin-right: 75px; background-color: #fff;border-radius:12px;border: solid 1px #ededf2;vertical-align: top;font-size: 16px;}
.post-detail.introduce .stage-items .item > .item.last{margin-right: 0;}
.post-detail.introduce .stage-items .item > .item .top{height: 180px; color: #fff;background-image: linear-gradient(0deg, #2ba2bb 0%, #4bb7ce 100%), linear-gradient(#ffffff, #ffffff);border-radius: 12px 12px 0px 0px;text-align: center;}
.post-detail.introduce .stage-items .item > .item .top:after{content: ""; position: absolute;left: 0;top: 0; width: 100%;height: 100%;background:url(../image/179227_5d240c1528259.png) no-repeat;}
.post-detail.introduce .stage-items .item > .item .top h3{margin-top: 0;padding-top: 25px;font-size: 20px;}
.post-detail.introduce .stage-items .item > .item .top h2{margin-bottom: 0; font-size: 46px;}
.post-detail.introduce .stage-items .item > .item .pd-20{height: 130px;overflow: hidden;}
.post-detail.introduce .stage-items .item > .item p:after{content: ""; position: absolute;left: 50%;top: -15px;margin-left: -28px; width: 56px;height: 3px;background-color: #2ba2bb;border-radius: 2px;}
.post-detail.introduce .carousel-control,.promotion-box.post .carousel-control{top: 50%;left: -60px; margin-top: -30px; width: 40px;height: 60px;line-height: 60px; background-color: #1f1d55;border-radius: 6px;opacity: .2;}
.post-detail.introduce .carousel-control.right,.promotion-box.post .carousel-control.right{left: auto; right: -60px;}
.post-detail.introduce .carousel-control:hover,.promotion-box.post .carousel-control:hover{background-color: #7ec5d4;opacity: 1;}
.post-detail.introduce .stu-form,.promotion-box.post .stu-form{height: 687px;background:url(../image/10018325_5e4a5cf13bc8f.jpg) no-repeat center center;}
.post-detail.introduce .summary h2{margin-top: 0; margin-bottom: 40px; font-size: 28px;}
.post-detail.introduce .summary h2 span{display:inline-block;margin-right: 15px; width: 85px;line-height: 35px;background-color: #190a3a;border-radius: 6px;font-size: 16px;color: #fff;vertical-align: top;text-align: center;}
.post-detail.introduce .summary dl dt{font-size: 22px;font-weight: normal;}
.post-detail.introduce .summary dl dd{margin-left: 160px;}
.post-detail.introduce .summary dl dd ul{color: #2ca3bc;}
.post-detail.introduce .summary dl dd ul li{margin-bottom: 20px; font-size: 16px;}
.post-detail.introduce .teachar{height: 618px;background:url(../image/179227_5d2444b95e3ef.jpg) no-repeat center center;}
.post-detail.introduce .teachar .item{display: inline-block;margin-right: 20px; width: 200px;background-color: #fff;vertical-align: top;}
.post-detail.introduce .teachar .item img{width: 200px;height: 200px;}
.post-detail.introduce .teachar .item h4{margin-top: 0;text-align: center;}
.post-detail.introduce .teachar .item h5{text-align: center;}
.post-detail.introduce .teachar .item .f-999{height: 100px;overflow: hidden;}
.post-detail.introduce .teachar .stu-pop{font-size: 16px;}
/*岗位活动页面*/
.promotion-box.activate .act-box{height: 3936px;background:url(../image/10018325_5e61c0ad02174.png) no-repeat center center;}
.promotion-box.activate .act-box .act-top{padding-top: 170px;height: 365px;background:url(../image/10018325_5e61c1acec7c9.png) no-repeat center center;}
.promotion-box.activate .act-box .act-text{padding-top: 2px; height: 92px;background:url(../image/10018325_5e61c31847124.png) no-repeat center center;font-size: 34px;color: #161232;}
.promotion-box.activate .act-box h2{margin-top: 0; color: #F7DFB3}
.promotion-box.activate .act-box .act-title{padding-top: 30px;padding-bottom: 30px; color: #FFE2B5;font-size: 40px;}
.promotion-box.activate .act-box .act-title i{margin-left: 30px;margin-right: 30px; display: inline-block;width: 113px;height: 18px; background-image: url(../image/10018325_5e61ca1542284.png);vertical-align: middle;}
.promotion-box.activate .act-box .act-title i.r{background-image: url(../image/10018325_5e61ca154183d.png)}
.promotion-box.activate .act-box .act-item{height: 501px;background-image: url(../image/10018325_5e61e5a71169e.png);background-size: 100% 100%; color: #fff;}
.promotion-box.activate .act-box .act-item.coupon{height: 468px;background-image: url(../image/10018325_5e61f90d60fc7.png);color: #fff;}
.promotion-box.activate .act-box .act-item.share{padding-left: 90px;padding-right: 90px; height: 367px;background-image: url(../image/10018325_5e621d1aa4663.png);color: #fff;}
.promotion-box.activate .act-box .act-item.first:before{content: ""; position: absolute;right: 230px;bottom: -60px;width: 40px;height: 52px;background-image: url(../image/10018325_5e61c1acce843.png);}
.promotion-box.activate .act-box .act-item .carousel-control{padding-top: 10%; width: 60px;}
.promotion-box.activate .act-box .act-item h3{padding-top: 30px;}
.promotion-box.activate .act-box .act-item h3 span{font-size: 32px;color: #FFE2B5;}
.promotion-box.activate .act-box .act-item .items .inline-block{vertical-align: top;}
.promotion-box.activate .act-box .act-item .items .inline-block > a{margin-top: 20px;margin-bottom: 20px; display: inline-block; width:100px;line-height:36px;background-color: #333967;border-radius:18px;font-size: 16px;color: #fff;text-decoration: none;}
.promotion-box.activate .act-box .act-item .items .item{margin-left: 5px;margin-right: 5px; width: 180px;height: 230px;background-image: url(../image/10018325_5e61e7169974d.png);}
.promotion-box.activate .act-box .act-item.coupon .item{width: 212px;height: 271px;background-image: url(../image/10018325_5e61f950448d4.png);}
.promotion-box.activate .act-box .act-item .item h5{padding-top: 30px; font-size: 16px;}
.promotion-box.activate .act-box .act-item.coupon .item h5{padding-top: 20px; font-size: 20px;color: #867140;}
.promotion-box.activate .act-box .act-item.coupon .item h5 b{font-size: 60px;}
.promotion-box.activate .act-box .act-item .item h1{margin-top: 15px;margin-bottom: 15px; font-size:32px;font-weight:bold;color:rgba(255,255,255,1);background:linear-gradient(0deg,rgba(255,226,181,1) 0.146484375%, rgba(255,243,224,1) 49.5849609375%, rgba(255,226,181,1) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;}
.promotion-box.activate .act-box .act-item .item p{margin-bottom: 8px; color: #97A7CF;}
.promotion-box.activate .act-box .act-item.coupon .item p{color: #8B8270;font-size: 18px;}
.promotion-box.activate .act-box .act-item .item > a,.promotion-box.activate .act-box .act-item.share .copy-btn{display: inline-block; width:128px;line-height:42px;background:linear-gradient(90deg,rgba(255,226,181,1) 0%,rgba(255,243,224,1) 46%,rgba(255,226,181,1) 100%);border-radius:22px;font-size: 20px;color: #163277;text-decoration: none;font-weight: bold;}
.promotion-box.activate .act-box .act-item.coupon .item a{visibility: visible;opacity: 1;margin-top: 50px; width: 136px;line-height: 40px;background: none; background-color: #867140;color: #fff;font-weight: normal;}
.promotion-box.activate .act-box .act-item.coupon .item a.complete{background: none;color: #867140;border: 2px solid #867140;}
.promotion-box.activate .act-box .act-item .bot-text{margin: 0 auto; width:800px;line-height:40px;background-color: #2E305D;border-radius:20px;font-size: 20px;}
.promotion-box.activate .act-box .act-item.first .bot-text{position: absolute;bottom: 30px;left: 50%;margin-left: -400px;}
.promotion-box.activate .act-box .act-item.share .progress{margin-top: 50px; margin-bottom: 100px; height: 8px; background-color: #3F3F5F;overflow: visible;}
.promotion-box.activate .act-box .act-item.share .progress .progress-bar{background:linear-gradient(90deg,rgba(255,226,181,1) 0%,rgba(255,243,224,1) 46%,rgba(255,226,181,1) 100%);border-radius: 4px;box-shadow: none;}
.promotion-box.activate .act-box .act-item.share .progress .progress-bar i{position: absolute;right: -22px;top: -48px;width: 44px;height: 37px;line-height: 32px; background-image: url(../image/179227_5e65bcaee8a8f.png);font-size: 18px;font-style: normal; color: #163277;}
.promotion-box.activate .act-box .act-item.share .progress-item{position: absolute;top: -8px;margin-left: -50px;}
.promotion-box.activate .act-box .act-item.share .progress-item i{display: inline-block; width:24px;height:24px;border-radius:50%;background-color: #4B4B63;}
.promotion-box.activate .act-box .act-item.share .progress-item.pass i{background-color: #E2C18B;}
.promotion-box.activate .act-box .act-item.share .progress-item span{display: inline-block; width:100px;line-height:26px;background:rgba(82,119,206,.2);border-radius:13px;color: #FFE2B5;}
.promotion-box.activate .act-box .act-item.share .bot-text{padding-left: 30px; border-radius: 8px;background-color: rgba(82,119,206,.3);font-size: 18px;text-align: left;}
.promotion-box.activate .act-box .act-item.share .copy-btn{line-height: 40px; visibility: visible;opacity: 1;border-radius: 8px;text-align: center;}
.promotion-box.activate .act-box .act-item.rule{padding: 40px;font-size: 18px;}
.promotion-box.activate .act-box .act-item.rule p{margin-bottom: 30px;}
.promotion-box.activate .act-box .act-item.top{background: none;}
.promotion-box.activate .act-box .act-item.top h2{margin-bottom: 30px; font-size: 28px;color: #fff;}
.promotion-box.activate .act-box .act-item.top > div{padding-left: 40px;padding-top: 40px;width: 590px;height: 540px;background-image: url(../image/179227_5e65db192b850.png);font-size: 18px;}
.promotion-box.activate .act-box .act-item.top .user-avatar{margin-left: 30px;margin-right: 10px; width: 60px;height: 60px;border-radius: 50%;}
.promotion-box.activate .act-box .act-item.top p{margin-bottom: 25px;}
/*岗位专题*/
.promotion-box.promotion-special .classfiy{margin-bottom: 40px; background:#fff;box-shadow:0px 4px 8px 0px rgba(191, 211, 194, 0.35);}
.promotion-box.promotion-special .classfiy .swiper-slide{display: inline-block;width: 190px;height: 140px;font-size: 16px;}
.promotion-box.promotion-special .classfiy .swiper-slide.first{padding-top: 50px; width: 140px;font-size: 26px;}
.promotion-box.promotion-special .classfiy .swiper-slide.active:after{content: "";position: absolute;top: 0;left: 0;height: 8px;width: 100%;background:linear-gradient(0deg,rgba(34,34,34,1),rgba(68,68,68,1));}
.promotion-box.promotion-special .classfiy .swiper-slide:hover{background-color: #F3F3F3;}
.promotion-box.promotion-special .classfiy .swiper-slide a{color: #666;text-decoration: none;}
.promotion-box.promotion-special .classfiy .swiper-slide.active a{color: #000;}
.promotion-box.promotion-special .classfiy .swiper-slide img{margin-top: 15px;}
.promotion-box.promotion-special .courses{position: static;}
.promotion-box.promotion-special .courses .course-type{position: absolute;right: 0;top: 0;padding-left: 20px;padding-right: 20px; line-height: 32px;font-size: 16px;border-radius: 0 0 0 20px; background-color: rgba(0,0,0,.8);color: #fff;text-align: center;}
.promotion-box.promotion-special .courses .course{margin-bottom: 35px; height: auto;border: none;}
.promotion-special-detail .banner{height:350px; background-image: url(../image/179227_5e71ee74cda33.png);}
.promotion-special-detail .banner div.pull-left{width: 62%;}
.promotion-special-detail .banner div.pull-left p{margin-top: 40px; font-size: 16px;}
.promotion-special-detail .banner div.pull-left p span{display: inline-block;padding-left: 15px;padding-right: 15px;margin-right: 15px; line-height: 28px;border: 1px solid #fff;border-radius: 15px;font-weight: bold;}
.promotion-special-detail .banner div.pull-left p a{text-decoration: none;color: #fff;}
.promotion-special-detail .banner h4{line-height: 40px;}
.promotion-special-detail .banner .play-btn{position: absolute;margin-left: -44%;left: 50%;top: 60px;width: 88%; font-size: 20px;color: #F2F2F2;}
.promotion-special-detail .banner .play-btn a{margin: 50px 13px; display: inline-block;width:130px;line-height:46px;background-color: #4D85F9;border-radius:25px;color: #fff;font-size: 18px;text-decoration: none;}
.promotion-special-detail .banner .play-btn a.share{background-color: #FE9722;}
.promotion-special-detail .last-time{padding: 30px; font-size: 16px;color: #555;background-color: #fff; box-shadow:0 6px 20px 0 rgba(0, 0, 0, .1);}
.promotion-special-detail .last-time a{display: inline-block;margin-top: -4px; width:105px;line-height:40px;background:rgba(75,183,206,1);box-shadow:0 4px 8px 0 rgba(75,183,206,.2);border-radius:20px;text-decoration: none;text-align: center;color: #fff;}
.promotion-special-detail .stage-wrap{margin-top: 0;padding-top: 30px; background-color: #fff;}
.promotion-special-detail .stage-wrap:after{display: none;}
.promotion-special-detail .stage-btn.lf{border-radius:0 23px 23px 0;}
.promotion-special-detail .stage-items{background-color: #fff; box-shadow:0 6px 20px 0 rgba(0, 0, 0, .1);border-radius:12px;}
.promotion-special-detail .stage-item{background: none;}
.promotion-special-detail .col-xs-11{padding-left: 40px;padding-right: 40px;}
.promotion-special-detail .panel-group .panel{padding: 0; box-shadow: none;}
.promotion-special-detail .stage-item .stage-btn{margin-left: -50px;}
.promotion-special-detail .stage-item .col-xs-1{width: 5%;}
.promotion-special-detail .stage-item .col-xs-11{padding-left: 0;padding-right: 0;}
.news-editor form{margin: 45px auto;width: 828px;}
.news-editor form .e-title{padding-bottom: 10px;width: 100%;border: none;font-size: 18px;font-weight: bold;outline: none;}
.news-editor form .e-title::-webkit-input-placeholder{color: #cdd6e1;}
.news-editor form .e-title:-moz-placeholder{color: #cdd6e1;}
.news-editor form .e-title::-moz-placeholder{color: #cdd6e1;}
.news-editor form .e-title:-ms-input-placeholder{color: #cdd6e1;}
.news-editor form .save-draft{border: 1px solid #c2c2c2;}
.news-editor form .submit-btn{background-color: #00b28e;border: 1px solid #00b28e;color: #fff;}
/*富文本编辑器样式*/
#draftWrap .w-e-toolbar{padding: 0;background-color: #fff!important;border-left-width: 0!important;border-right-width: 0!important;border-color: #e8e8e8!important;}
#draftWrap .w-e-toolbar .w-e-menu{padding: 12px 20px 12px 0!important;}
#draftWrap .w-e-toolbar .w-e-menu i{color: #677380;}
#draftWrap .w-e-text-container{height: 790px!important;border: none!important;}
#draftWrap .w-e-text{overflow-y: auto;}
/*404页面*/
.box-404{margin: 30px auto 80px;width: 1000px;height: 480px;}
.box-404>div{position: relative;margin: 100px auto 0;width: 591px;height: 218px;background-image: url(../image/404.png);background-size: 100%;}
.box-404>div h4{position: absolute;top: 120px;left: 0;}
.box-404>div .btns{position: absolute;top: 184px;left: 0;}
.box-404>div .btns a{display: inline-block;margin-right: 30px;width: 100px;height: 35px;line-height: 35px;background-color: #c5c5c5;border-radius: 3px;font-size: 16px;color: #fff;text-align: center;text-decoration: none;}
.box-404>div .btns a.active,.box-404>div .btns .backhome:hover{background-color: #ff6f4d;-webkit-box-shadow: 0px 3px 5px 0px rgba(255, 111, 77, 0.6);box-shadow: 0px 3px 5px 0px rgba(255, 111, 77, 0.6);}
/*新APP 页面*/
.app-main .container{width: 1200px;}
.app-main .navbar-nav .active a{border-bottom-color: transparent;}
.app-main .gainsboro-bg{margin-top: 53px; padding-top: 30px;padding-bottom: 70px;}
.app-main .acc5-main{padding-top: 160px;height: 801px; background: url(../image/179227_5c06444c3dfed.png) no-repeat center center;}
.app-main .acc5-main .app-img{margin-left: -350px;margin-top: -30px;}
.app-main .acc5-main .app-qr-code{margin-top: 80px;}
.app-main .acc5-hy{padding-top: 245px;height: 760px; background: url(../image/179227_5c0645d3a7166.png) no-repeat center center;}
.app-main .acc5-hy .qm{margin-top: -150px;}
.app-main .acc5-hy img{vertical-align: bottom;}
.app-main .acc5-zs{padding-top: 110px;height: 760px; background: url(../image/179227_5c0646be61478.png) no-repeat center center;}
.app-main .acc5-zs .dz{margin-top: 100px;}
.app-main .acc5-hy.zt{background-image: url(../image/179227_5c064748962c4.png);}
.app-main .gainsboro-bg.ask{margin-top: 97px;}
.app-main .gainsboro-bg.ask .acc5-zs{background-image: url(../image/179227_5c06479964337.png);}
.app-main .acc5-bottom{padding-top: 213px;height: 540px; background: #f8f8f8 url(../image/179227_5bd8065ec2f6a.png) no-repeat center center;}
.app-main .acc5-bottom .ml-25{margin-left: 120px;}
.app-main.lite .acc5-main{height: 800px;background-image: url(../image/179227_5c064e46120d4.png);}
.app-main.lite .acc5-main .app-img{margin-left: 0;}
.app-main.lite .acc5-hy{padding-top: 105px;background-image: url(../image/179227_5bd958887a2a8.png);}
.app-main.lite .acc5-zs{background-image: url(../image/179227_5c0650586a556.png);background-position: 30% center;}
.app-main.lite .acc5-bottom{padding-top: 270px;height: 600px;background: url(../image/179227_5c0651d9b4b80.png);}
.app-main.go .acc5-main{padding-top: 100px;height: 800px;background-image: url(../image/179227_5bd96612e7d01.png);}
.app-main.go .go-title{margin-top: 45px;}
.app-main.go .acc5-hy{padding-top: 105px;background-image: url(../image/179227_5bdab0b06546e.png);}
.app-main.go .acc5-hy .ks,.app-main.go .dz{margin-top: 200px;}
.app-main.go .acc5-zs{padding-top: 105px;background-image: url(../image/179227_5c0655d8a101b.png);}
.app-main.go .acc5-bottom{margin-top: 100px;padding-top: 180px;height: 500px; background: url(../image/179227_5c0656a0315df.png);}
.app-main.ask .acc5-main{padding-top: 100px;height: 800px;background-image: url(../image/179227_5bdac8ba72d76.png);}
.app-main.ask .go-title{margin-top: 45px;}
.app-main.ask .acc5-hy{padding-top: 50px;background-image: url(../image/179227_5c0659adaec18.png);}
.app-main.ask .acc5-hy .ks,.app-main.go .dz{margin-top: 200px;}
.app-main.ask .acc5-zs{padding-top: 105px;background-image: url(../image/179227_5bdbc8d117be7.png);}
.app-main.ask .acc5-zs .dz{margin-left: 50px; margin-top: 230px;}
.app-main.ask .acc5-bottom{margin-top: 100px;padding-top: 180px;height: 500px; background: url(../image/179227_5bdbca7045b82.png);}
@media screen and (max-width: 1366px) {
.news-box{font-size: 12px;}
.news-box .w-139{width: 116px;}
.news-box .w-324{width: 286px;}
.news-box .w-328{width: 300px;}
.news-box .w-453.ml-40{width: 380px;margin-left: 20px;}
.news-box .w-718{width: 556px;}
.news-box .w-885{width: 690px;}
.news-box .mt-10{margin-top: 5px;}
.news-box .mt-20{margin-top: 10px;}
.news-box .mt-30{margin-top: 15px;}
.news-box .mb-10{margin-bottom: 5px;}
.news-box .mb-30{margin-bottom: 15px;}
.news-box .list-item-circle li{margin-bottom: 10px;}
.news-box .focus-news .link{width: 134px;margin-left: 10px;padding-left: 12px;}
.news-box .focus-news .link>div>a{margin-left: 20px;}
.news-box .focus-news .link .ud-align>a{margin-left: 26px;}
.news-box .db-imgs>div{width: 144px;}
.news-box .db-imgs img{height: 86px;}
.news-box .arts-box .headline{font-size: 14px;}
.news-box .type-tabs li:first-child{font-size: 20px;cursor: default;}
.news-box .type-tabs li>a{margin: 0 6px;text-decoration: none;}
.news-box .specials-wrap ul li{padding: 0;margin-top: 10px;margin-right: 8px;}
.news-box .specials-wrap ul li img{width: 240px;height: 140px;}
.news-box .column-box .recommend-columns{padding-right: 40px;padding-left: 20px;}
.news-box .column-box .db-imgs img{height: 78px;}
.news-box .exam-bulletins .bulletin{margin-bottom: 16px;height: 75px;}
.news-box .exam-bulletins .bulletin .pl-wrap{margin-top: 16px;}
.news-box .exam-bulletins .bulletin .e-name{margin-right: 8px;width: 82px;line-height: 22px;font-size: 16px;}
.news-box .exam-bulletins .bulletin .e-name b{font-size: 18px;}
.news-box .exam-bulletins .bulletin .e-day{width: 80px;font-size: 37px;}
.news-box.news-content .related-info{padding: 15px 30px 20px 0;}
.news-box .layout .layout-l-mid.w-718{margin-left: 15px;}
.news-box .news-top-tabs ul li>a{margin-right: 6px;}
.news-box.news-content .news-item img{margin-right: 2px;width: 116px;height: 86px;}
.news-box.news-content .news-item .r-wrap{width: 76%;}
.news-box.news-content .layout-r {margin-top: 35px;}
.news-box .news-top-tabs .top-wraps{width: 480px;}
.ask-main .reply-item .gold{margin-left: -15px;}
.box-404{margin: 20px auto 60px;width: 800px;height: 384px;}
.box-404>div{margin: 76px auto 0;width: 473px;height: 174px;}
.box-404>div h4{top: 92px;font-size: 16px;}
.box-404>div .btns{top: 148px;}
.box-404>div .btns a{width: 90px;height: 30px;line-height: 30px;font-size: 14px;}
.box-404>div .btns a.active{margin-right: 20px;}
.pull-right-seo-reg.seo-top .input-phone{top: 20px;left: 482px;width: 158px;}
.pull-right-seo-reg.seo-top .input-code{top: 20px;left: 740px;width: 108px;}
.pull-right-seo-reg.seo-top .input-verify{top: 20px;right: 29px;width: 110px;height: 35px;}
.pull-right-seo-reg.seo-top .input-submit{bottom: 12px;left: 858px;width: 113px;height: 41px;}
.pull-right-seo-reg .pull-right-seo-form h3{margin-bottom: 8px; font-size: 16px;}
.pull-right-seo-reg .pull-right-seo-form .form-group{margin-bottom: 10px;}
.pull-right-seo-reg .pull-right-seo-form > .inline-block{width: 70%;}
.pull-right-seo-reg .pull-right-seo-form .input-verify{font-size: 14px;}
.ask-detail .pull-right-seo-reg.fixed img{width: 230px;}
.seo-top-countdown .countdown{right: 116px;top: 27px;font-size: 20px;}
.seo-top-countdown .countdown >span{margin-right: 45px;}
.seo-top-countdown .btn-top{right: 25px;width: 65px;}
.seo-top .btn-top{right: 21px;top: 42px;}
.promotion-box .banner-list img{height: 39px;}
.promotion-box .courses .course{width: 320px;height: 400px;margin-right: 15px;}
.promotion-box .courses .course .course-title h3{margin-top: 10px;margin-bottom: 5px;}
.promotion-box .courses .course .course-title h4{margin-top: 0;font-size: 16px;}
.promotion-box.post .courses .course{width: 240px;height: 295px; margin-right: 8px;}
.promotion-box.post .target-img,.promotion-box.post .target-step{margin-top: 0;margin-left: 0; height: 450px;}
.promotion-box.post .teacher .items .item{margin-left: 8px;margin-right: 8px; width: 230px;}
.promotion-box.post .qs-items .item{padding: 20px;height: 210px; width: 480px;}
.post-detail .banner .out-box{height: 130px;}
.post-detail .banner .out-box h3{line-height: 130px;}
.post-detail .banner .out-box.fixed{height: 70px;}
.post-detail .banner .out-box.fixed h3{line-height: 70px;font-size: 20px;}
.post-detail .banner .out-box .circle-bar{left: 30px;}
.post-detail .tab-btns{right: 15px;top: 60px;}
.post-detail .tab-btns a{width:150px;height: 32px;line-height: 32px; font-size: 16px;}
.post-detail .stage-wrap:after{left: 70px;}
.post-detail .stage-item .stage-btn{left: -10px;}
.post-detail .stage-item .stage-btn:before{left: -162px;}
.post-detail .stage-item .stage-btn:after{left: -156px;}
.post-detail.introduce .fun-item .item{margin-left: 3px;margin-right: 3px;width: 240px;}
.post-detail.introduce .crowd .item{width: 490px;}
.post-detail.introduce .crowd .item p{font-size: 18px;}
.post-detail.introduce .summary dl dd{margin-left: 130px;}
.post-detail.introduce .summary-item > .pull-right img{width: 550px;}
.post-detail.introduce .stage-items .item > .item{margin-right: 9px;}
.post-detail.introduce .teachar .item{margin-right: 5px;width: 170px;}
.post-detail.introduce .teachar .item img{width: 170px;height: 170px;}
.post-detail.introduce .teachar .certificate{width: 460px;}
.promotion-box.activate .act-box .act-item .items .item{margin-left: 1px;margin-right: 1px; width: 155px;height: 198px;background-size: 100% 100%;}
.promotion-box.activate .act-box .act-item .item h1{margin-top: 10px; font-size: 26px;}
.promotion-box.activate .act-box .act-item .item h5{padding-top: 20px;}
.promotion-box.activate .act-box .act-item .item a, .promotion-box.activate .act-box .act-item.share .copy-btn{line-height: 36px;font-size: 17px;}
.promotion-box.activate .act-box .act-item.coupon .item{width: 180px;height: 230px;}
.promotion-box.activate .act-box .act-item.coupon .item h5 b{font-size: 40px;}
.promotion-box.activate .act-box .act-item.coupon .item p{font-size: 16px;}
.promotion-box.activate .act-box .act-item.top > div{width: 490px;height: 448px;background-size: 100% 100%;font-size: 16px;}
.promotion-box.activate .act-box .act-item.top h2{font-size: 22px;}
.promotion-box.activate .act-box .act-item.top p{margin-bottom: 15px;}
.promotion-box.activate .act-box .act-item.top .user-avatar{width: 50px;height: 50px;}
}
/*下载中心*/
.wrap .dl-nav{position: relative;box-shadow: 0 2px 5px #d7d7d7;background-color: #fff;}
.wrap .dl-nav .navbar-logo{margin-top: 19px;}
.wrap .dl-nav .navbar-navs > ul > li{float: left;}
.wrap .dl-nav .practice-nav > li{line-height: 80px;font-size: 18px;}
.wrap .dl-nav .practice-nav > li.first{display: block;width: 1px;height: 30px;background-color: #aaaaaa;padding: 0;margin-top: 25px;margin-left: 20px;margin-right: 20px;}
.wrap .dl-nav .practice-nav > li.ml-25 a{margin-left: 30px; font-size: 16px;}
.wrap .dl-nav .practice-nav > li.active >a,.wrap .dl-nav .practice-nav > li.ml-25:hover >a{color: #00b882;font-weight: bold;}
.wrap .dl-nav .practice-nav > li .dropdown-menu{left: 50%;margin-left: -270px; padding: 30px;margin-top: 0; width: 540px;height: 402px;background-color: #fff;border-radius: 0; box-shadow: 0 0 6px 0 rgba(0, 0, 0, .1);overflow-y: auto;}
.wrap .dl-nav .practice-nav > li .dropdown-menu dl dt{padding-bottom: 9px; font-size: 16px;border-bottom: 1px solid #eee;}
.wrap .dl-nav .practice-nav > li .dropdown-menu dl dd a{display: inline-block; margin-left: 0;margin-right: 30px;margin-top: 5px; font-size: 14px;color: #333;}
.wrap .dl-nav .practice-nav > li .dropdown-menu dl dd a:hover{color: #00b882;}
.wrap .dl-nav .nav-search{margin-top: 22px;position: relative;}
.wrap .dl-nav .nav-search .input-group .form-control,.wrap .dl-nav .nav-search .input-group-btn{display: inline-block;}
.wrap .dl-nav .nav-search .input-search{padding-right: 33px;width: 230px;border: 1px solid #e3e3e3;border-radius: 0;-webkit-transition: all .5s ease;transition: all .5s ease;}
.wrap .dl-nav .nav-search .btn-default,.wrap .dl-nav .nav-search .btn-default:hover{background-color: #00a07c;border-color: #00a07c;color: #fff;}
.d-icon{display: inline-block;background: url(../image/dload_icon.png) no-repeat;vertical-align: middle;}
.d-icon.star{width: 26px;height: 25px;background-position: -32px -46px;vertical-align: -5px;}
.d-icon.star.gray{background-position: -60px -46px;}
.d-icon.count-doc{width: 28px;height: 29px;background-position: -1px -46px;margin-top: 10px;}
.d-icon.count-dl{width: 30px;height: 28px;background-position: -1px -77px;margin-top: 11px;}
.d-icon.count-browse{width: 30px;height: 21px;background-position: -1px -108px;margin-top: 14px;}
.d-icon.preview{width: 26px;height: 26px;background-position: -62px -77px;margin-right: 5px;}
a:hover .d-icon.preview{background-position: -35px -77px;}
.d-icon.download{width: 24px;height: 26px;background-position: -62px -105px;margin-right: 5px;vertical-align: -7px;}
a:hover .d-icon.download{background-position: -35px -105px;}
.dl-center{background-color: #f3f3f4;}
.dl-center .left-navs{border:1px solid #EBEBEB;border-bottom: none;background-color: #FFF;}
.dl-center .left-navs>li{position: relative;}
.dl-center .left-navs>li>a{display: block;height: 46px;padding-right: 20px;padding-left: 20px;border-bottom: 1px solid #F0F0F0;line-height: 45px;font-size: 16px;color: #000;text-decoration: none;}
.dl-center .left-navs>li.first>a{font-size: 18px;}
.dl-center .left-navs>li:hover > a{color: #00B28E;}
.dl-center .left-navs>li:hover .navs-child{visibility: visible;opacity: 1;}
.dl-center .left-navs>li.first:hover > a{color: #000;}
.dl-center .left-navs .icon-down{-webkit-transform: rotate(-90deg);
-moz-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
-o-transform: rotate(-90deg);
transform: rotate(-90deg);}
.dl-center .left-navs .navs-child{visibility: hidden;opacity: 0;z-index: 10;position: absolute;top: 0;right: -336px;width: 336px;height: auto;max-height: 128px;max-height: 122px\9;padding-top: 10px;border:1px solid #EBEBEB;background-color: #FFF;overflow-y: auto;-webkit-transition: all .5s;
-moz-transition: all .5s;
-ms-transition: all .5s;
-o-transition: all .5s;
transition: all .5s;
}
.dl-center .left-navs .navs-child > ul{list-style: none;}
.dl-center .left-navs .navs-child > ul li{float: left;margin-bottom: 10px;}
.dl-center .left-navs .navs-child > ul li a{display: inline-block;padding: 0 10px;font-size: 14px;color: #000;text-decoration: none;}
.dl-center .left-navs .navs-child > ul li a:hover,.dl-center .left-navs .navs-child > ul li.active a{color: #00B28E}
.dl-center .d-header {padding: 12px 20px;background-color: #FFF;}
.dl-center .d-header .score-wrap{float: left;margin: 0;line-height: 34px;font-size: 16px;}
.dl-center .d-header .score-wrap li{padding: 0;}
.dl-center .d-header .score-wrap li .score{padding-left: 12px;}
.dl-center .d-header .count-data ul{margin: 15px 0 0;font-size: 16px;}
.dl-center .d-header .count-data ul li{margin-right: 20px;}
.dl-center .d-header .count-data .i-box{display: inline-block;width: 50px;height: 50px;border-radius: 50%;background-color: #F2F2F2;text-align: center;vertical-align: middle;}
.dl-center .download-lists {padding-top: 20px;}
.dl-center .download-lists ul li{position: relative;float: left;width: 206px;margin-right: 22px;margin-bottom: 18px;background-color: #FFF;-webkit-transition: all .3s ease 0s;
-moz-transition: all .3s ease 0s;
-ms-transition: all .3s ease 0s;
-o-transition: all .3s ease 0s;
transition: all .3s ease 0s;
}
.dl-center .download-lists ul li:hover {
-webkit-box-shadow: 7px 7px 12px rgba(0, 0, 0, 0.2);
-moz-box-shadow: 7px 7px 12px rgba(0, 0, 0, 0.2);
box-shadow: 7px 7px 12px rgba(0, 0, 0, 0.2);
-webkit-transform: translate3d(0px, -3px, 0px);
-moz-transform: translate3d(0px, -3px, 0px);
-ms-transform: translate3d(0px, -3px, 0px);
-o-transform: translate3d(0px, -3px, 0px);
transform: translate3d(0px, -3px, 0px);
}
.dl-center .download-lists .option-box{display: none;position: absolute;z-index: 10; top: 0;right: 0;padding: 30% 5%;width: 100%;height: 100%;}
.dl-center .download-lists .option-box >a{display: block;margin-left: auto;margin-right: auto;margin-top: 20px; width: 70%; line-height: 40px; color: #222;background-color: #fff;border-radius: 4px;text-decoration: none;}
.dl-center .download-lists .option-box >a:hover{background-color: #1eb482;color: #fff;}
.dl-center .download-lists ul li:hover .option-box{display: block;}
.dl-center .download-lists ul li >a{position: relative; display: block;}
.dl-center .download-lists ul li >a:before{content: ""; position: absolute;left: 0;top: 0;width: 100%;height: 100%;background-color: rgba(0,0,0,.5);opacity: 0;visibility: hidden;}
.dl-center .download-lists ul li:hover >a:before{opacity: 1;visibility: visible;}
.dl-center .download-lists ul li img{width: 100%;height: 291px;}
.dl-center .download-lists ul li .filename{padding: 5px 10px;margin: 0;font-size: 16px;color: #000;}
.dl-center .download-lists ul li .filename span{display: inline-block;max-width: 162px;overflow-x: hidden;white-space: nowrap;text-overflow: ellipsis;vertical-align: text-bottom;cursor: default;}
.dl-center .download-lists ul li.last{margin-right: 0;}
.dl-center .profile-box{height: auto;padding: 20px;margin-bottom: 30px;background-color: #FFF;}
.dl-center .profile-box h1{margin: 0;padding: 0;font-size: 20px;font-weight: bold;}
.dl-center .profile-box .info-wrap{width: 648px;min-height: 72px;margin: 24px 0;line-height: 1.5;overflow: hidden;font-size: 16px;text-align: justify;}
.dl-center .profile-box .info-sum span{margin-right:26px;font-size: 14px;color: #666;}
.dl-center .profile-box .b-item{position: absolute;right: 10px;padding: 6px 34px;border: 2px solid #0DA183;border-radius: 20px;background-color: #23AE92;font-size: 16px;color: #fff;cursor: pointer;}
.dl-center .profile-box .b-item.preview{top: 0;}
.dl-center .profile-box .b-item.download{top: 48px;}
.dl-center .profile-box .b-item:hover{background-color: #5BC6B0;}
.dl-center .profile-box img{border: 1px solid #000;box-shadow: 2px 2px 5px 2px #616060;}
.dl-center .recommend-box {height: 176px;padding: 36px 28px 10px;background-color: #FFF;}
.dl-center .recommend-box .title{position: absolute;top: 0;left: -8px;width: 114px;height: 42px;padding-top:6px;padding-left: 18px;background: url(../image/dload_icon.png) no-repeat;background-position: -1px -1px;font-size: 16px;font-weight: bold;color: #FFF;}
.dl-center .recommend-box > ul{list-style: none;}
.dl-center .recommend-box > ul li{float: left;width: 33.3333%;padding: 10px 28px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.dl-center .recommend-box > ul li a{color: #000;}
/*初级合并*/
.merge .icons.logo{background-image: url(http://www.acc5.com/images/2015/icon_02.png)}
.merge .fill{padding-top: 0;}
.merge .practice{border: none;}
/*线下学校*/
.school-box h3{margin-top: 10px;margin-bottom: 30px;}
.school-box h3 a{font-size: 14px;}
.school-box h3 a.first{margin-left: 60px;}
.school-box .img-box{display: inline-block; margin-left: -1px;margin-top: -1px;width: 260px;height: 173px;overflow: hidden;}
.school-box .img-box .text{position: absolute;left: 0;top: 126px; width: 100%;height: 100%;line-height: 22px; padding: 15px; background-color: rgba(0,0,0,.7);color: #fff;overflow-y: auto;}
.school-box .img-box:hover .text{top: 0;}
.school-box .img-box .text p{font-size: 16px;}
.school-box .card{width: 515px;height: 173px;border: solid 1px #f2f2f2;}
.school-box .card:hover{transform: translateY(-5px); box-shadow: 0 3px 6px 0 rgba(0, 0, 0, .2);}
.school-box .card .right-text{display: inline-block;width: 254px;padding: 25px; vertical-align: top;}
.school-box .card .right-text .title{font-size: 16px;font-weight: bold;color: #000}
.school-box .card .right-text a{display: inline-block;width: 70px;height: 25px;line-height: 25px;text-align: center;font-size: 12px;color: #00b882;border-radius: 12px;border: solid 1px #00b882;text-decoration: none;}
.school-box .card .right-text a:hover{color: #fff;background-color: #00b882;}
.school-box .area .dropdown{display: inline-block;padding-left: 10px;padding-right: 10px; width: 120px;height: 35px;line-height: 35px; border: solid 1px #d9d9d9;}
.school-box .area .dropdown .caret{margin-top: 15px;}
.school-box .area .dropdown-menu{left: -1px; padding-left: 20px;padding-top: 10px;margin-top: 0; width: 335px;border: solid 1px #d9d9d9;box-shadow: none;border-radius: 0;}
.school-box .area .dropdown-menu:before{content: ""; position: absolute;left: 0;top: -1px;width: 118px;height: 1px;background-color: #fff;}
.school-box .area .dropdown-menu p{line-height: 22px;}
.school-box .area .dropdown-menu p b{margin-right: 15px;}
.school-box .area .img-box{margin-right: 40px;margin-bottom: 30px;}
.school-box .area .img-box.last{margin-right: 0;}
.school-box .info-header{height: 280px; background: url(../image/school_detail.png) no-repeat center center;}
.school-box .info-header .container{height: 280px;}
.school-box .info-header .info-name{position: absolute;bottom: 0;left: 0;padding: 16px; width: 100%;height: 100px;background-color: #f5f5f5;}
.school-box .info-header .info-name dl dt{margin-right: 20px;}
.school-box .info-header .info-name h3{margin-top: 20px;}
.school-box .bl-title{padding-left: 15px; font-size: 16px;color: #666;border-left: 2px solid #666;}
.school-box .info-text{line-height: 34px;}
.school-box .info-text .tel{margin-right: 5px; display: inline-block;width: 15px;height: 16px;vertical-align: sub; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAQCAYAAADJViUEAAABBklEQVQokY3SrUtDURzG8c9VEKw27cOiMBAxCgO5ScPKqoJZBLF5i9NiXVJMIhisCs4gmFXElz9jJmcxeAz3ysZe3Pml83sevs95+yVu9hNsYgclrIU0uxZRYzjCCWaL/iAG/IO3erRy0qxXYuFkgF6LhZ8H6JOx8EWPdo71WPgUH11aGeNRcEizNrIubQ6HsTvDMe669N2kWa+OgpMQQr5o1qfxiJnCa6MS0uxhJFwELOJe57VbWMGLfB6m0Ahp1uqDi4AqLruu9IV3LBX9J/bQ6IOLgA35L4z1mZ26GggXATWcYWII3BoKFwEL8iEq9VjfWP3vWEKaPWEe23jDD16xHNLs9heQwE0vMgM/BwAAAABJRU5ErkJggg==);}
.school-box .info-text .map{margin-left: 15px;margin-right: 8px; display: inline-block;width: 14px;height: 16px;vertical-align: sub; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAQCAYAAAAmlE46AAABhElEQVQokXXSPWgVQRTF8d+sEmIjD1EkIIpBBQtjZxFBAhYDKhaChRYWFjY2Wllt89ZGkFiqjRZBbAwiqHlbCBZG7AySSvwAiyCiJFZqIWPxZh/L8jywMHPP/Hfn3LshpaRRqKvtuIIz2I+AT3iMWymWX0dnGzDU1VEsYqfxWsfZFMsXIzDU1TTeYut/oEa/cCTFcrXIhRsdaAmn87PUqm/BPASD/iR+YiKbz3EqxTLlCAFPcSL7CTsK7G5BsNBAkNcLLT9gb5FDt7VnTLZubb1pzgoO5+IGTqZYvs5XncUz9LL/OcVyenPeVHiU1z0sh7p6l/czna9dhyLnWMSDzoGZMdAT3B+BWZfwZky+Riu40DSuyDnmcNtwlt1mwQ/DGd4JdXWc4RzvYgo3sYxteIUDGfqIOaxhFtfwLRj0v2NfiuVG8/pQV7ty5k04n2L5peX18CEY9C/jKu6hxmqK5Z/2PUNdTeAQIi5ivpnjFM7hGA7iLyYN/5LfuRfv8RIPUyzX/gGW5X4g+47ilQAAAABJRU5ErkJggg==);}
.school-box .p-left{padding-left: 16px;}
.school-box .school-map{display: none;}
/*新人福利页面*/
.new-gifts .header{height: 726px; background: url(../image/179227_5e005cc19a743.png) no-repeat center center;}
.new-gifts .header .title{margin-top: 60px;}
.new-gifts .small-title .left,.new-gifts .small-title .right{position: absolute;top: 0;-webkit-animation:move 1s 1.5s alternate linear infinite ;animation:move 1s 1.5s alternate linear infinite ;}
.new-gifts .small-title .left{left: -50px;}
.new-gifts .small-title .right{right: -50px;}
.new-gifts .box{margin-top: 60px;}
.new-gifts .box .absl{position: absolute;bottom: 186px;left: 50%;}
.new-gifts .box img:nth-of-type(2){margin-left: -160px;-webkit-animation-delay: .2s;animation-delay: .2s;}
.new-gifts .box img:nth-of-type(3){margin-left: -71px;-webkit-animation-delay: .4s;animation-delay: .4s;}
.new-gifts .box img:nth-of-type(4){margin-left: 5px;-webkit-animation-delay: .6s;animation-delay: .6s;}
.new-gifts .box img:nth-of-type(5){margin-left: 85px;-webkit-animation-delay: .8s;animation-delay: .8s;}
.new-gifts .box .btn-img{left: 50%; bottom: 30px;margin-left: -61px;-webkit-animation:zoom .8s infinite ease-in-out;animation:zoom .8s infinite ease-in-out;}
.new-gifts .main{background-color: #501239;}
.new-gifts .main .title{margin-bottom: 55px; font-size: 40px;}
.new-gifts .main .title.first{margin-top: -100px;}
.new-gifts .main .title i{display: inline-block;margin-left: 20px;margin-right: 20px; width: 72px;height: 18px;background-image: url(../image/179227_5e006c85404e0.png);vertical-align: 5px;}
.new-gifts .main .title i.r{background-image: url(../image/179227_5e006c854ae0a.png);}
.new-gifts .main .item{width: 230px;height: 315px;padding-top: 160px;margin-left: 10px;margin-right: 10px; background-image: url(../image/179227_5e00723e7243e.png);}
.new-gifts .main li:nth-of-type(2) .item{background-image: url(../image/179227_5e00748aa2b52.png);}
.new-gifts .main li:nth-of-type(3) .item{background-image: url(../image/179227_5e00748a9a8ab.png);}
.new-gifts .main li:nth-of-type(4) .item{background-image: url(../image/179227_5e00748aa2fe9.png);}
.new-gifts .main .item p,.new-gifts .app p{margin: 15px auto; width:160px;line-height:40px;background:linear-gradient(-90deg,rgba(255,74,31,1),rgba(251,150,88,1));border-radius:20px;font-size: 22px;color: #fff;}
.new-gifts .btns{display: inline-block;margin-top: 50px;margin-bottom: 50px; width:360px;line-height:66px;background:linear-gradient(-90deg,rgba(255,74,31,1),rgba(251,150,88,1));border-radius:40px;font-size: 28px;color: #fff;text-decoration: none;-webkit-animation:zoom .8s infinite ease-in-out;animation:zoom .8s infinite ease-in-out;}
.new-gifts .app{margin: 0 auto 50px;padding-left: 335px; width: 1000px;height: 280px; background-color: #fff;border-radius: 10px;}
.new-gifts .app .l,.new-gifts .app .r{position: absolute;}
.new-gifts .app .l{left: 0;top: 0;}
.new-gifts .app .r{right: 60px;top: 55px;}
.new-gifts .app h1{margin-top: 0;padding-top: 35px; font-size: 54px;}
.new-gifts .app h2{margin-top: 0;font-size: 30px;}
.new-gifts .app h2 span{color: #FF4E22;}
.new-gifts .app h2 span b{font-size: 40px;}
.new-gifts .app h3{margin-top: 30px;font-size: 22px;}
.new-gifts .app p{margin: 0; width: 360px;border-radius: 6px;text-align: center;}
/*密码强度*/
.pw-strength{position: relative;width: 180px;}
.pw-bar{background: url(../image/10018325_5e58d8c466387.png) no-repeat;height: 14px;overflow: hidden;width: 179px;}
.pw-bar-on{background: url(../image/10018325_5e58da8284dd4.png) no-repeat; width:0px; height:14px;position: absolute;top: 0;left: 2px;transition: width .5s ease-in;-moz-transition: width .5s ease-in;-webkit-transition: width .5s ease-in;-o-transition: width .5s ease-in;}
.pw-weak .pw-defule{ width:0px;}
.pw-weak .pw-bar-on {width: 60px;}
.pw-medium .pw-bar-on {width: 120px;}
.pw-strong .pw-bar-on {width: 179px;}
.pw-txt {padding-top: 2px;width: 180px;overflow: hidden;}
.pw-txt span {color: #707070;float: left;font-size: 12px;text-align: center;width: 58px;}
@media screen and (max-width: 1366px) {
.wrap .dl-nav .practice-nav > li.ml-25 a{margin-left: 0;}
.dl-center .download-lists ul li{width: 182px;margin-right: 4px;}
.dl-center .download-lists ul li img{height: 268px;}
.dl-center .profile-box .info-wrap{max-width: 534px;}
.school-box .img-box{width: 220px;height: 147px;}
.school-box .img-box img{width: 100%;}
.school-box .area .img-box{margin-right: 30px;}
.school-box .img-box .text{top: 105px;padding: 10px;}
.school-box .img-box .text p{font-size: 14px;}
.school-box .card{width: 480px;height: 148px;}
.school-box .card .right-text{padding: 10px;}
.new-gifts .small-title .left{left: -90px;}
.new-gifts .small-title .right{right: -90px;}
.new-gifts .main .item{margin-left: 0;margin-right: 0;}
}
/* 独立登录注册页 */
.page-login{height: 584px;background-color: #81c2ff;}
.page-login .container{height: 100%;}
.page-login .login-pic{margin-left: -104px;}
.page-login .popup-box .popup-tabs{height: 66px;line-height: 66px;border-bottom: 0;}
.page-login .popup-box .popup-tabs a{line-height: 64px;}
.page-login .popup-box .popup-tabs .tab-title{line-height: 44px;}
.page-login .popup{z-index: 1000;position: absolute;top: 50%;right: 0;left: auto;margin-top: -230px;margin-left: 0;min-width: 360px;height: 460px;border-radius: 0;}
.page-login .register-popup .step{margin-top: 0;}
.page-login .login-popup form{padding-top: 50px;padding-bottom: 5px;}
.page-login .login-popup form .block-item{margin-bottom: 15px;}
.page-login .login-popup form .block-item.focus-psw,.page-login .popup-box form .block-item.error-tip{margin-bottom: 0;}
.page-login .login-popup .tip-title{margin-bottom: 15px;}
.page-login .register-popup form{padding-top: 15px;padding-bottom: 0;}
.page-login .forgot-psw-popup form{padding-top: 0;padding-bottom: 0;}
.page-login .forgot-psw-popup .block-item.reset{margin-bottom: 8px;}
/*2021 新版官网*/
.n-icon{display: inline-block;background-image: url(../image/a0bf83cc4ce5042bc0fa74d99be9bae8.png);}
.n-icon.icon-learning{margin-right: 5px; width: 20px;height: 17px;background-position: -304px -31px;vertical-align: text-bottom;}
.n-icon.icon-user{margin-right: 5px; width: 14px;height: 14px;background-position: -423px -33px;vertical-align: -2px;}
.n-icon.icon-success{margin-left: 10px; margin-right: 5px; width: 14px;height: 14px;background-position: -491px -34px;vertical-align: -2px;}
.n-icon.icon-join{margin-left: 5px; width: 16px;height: 12px;background-position: -492px -86px;}
a:hover .n-icon.icon-join{background-position: -514px -86px;}
.n-icon.icon-search{width: 17px;height: 18px;background-position: -275px -32px;vertical-align: text-bottom;}
.n-icon.icon-search-w{margin-right: 25px; width: 22px;height: 21px;background-position: -578px -429px;vertical-align: text-bottom;}
a:hover .n-icon.icon-search-w{background-position: -578px -463px;}
.n-icon.icon-app{margin-left: 20px;margin-right: 15px; width: 28px;height: 32px;background-position: -609px -425px;vertical-align: -10px;}
a:hover .n-icon.icon-app{background-position: -609px -459px;}
.n-icon.icon-msg-w{width: 18px;height: 21px;background-position: -648px -430px;vertical-align: middle;}
a:hover .n-icon.icon-msg-w{background-position: -648px -464px;}
.n-icon.icon-msg{width: 18px;height: 21px;background-position: -67px -29px;vertical-align: middle;}
.n-icon.icon-msg:hover{background-position: -119px -30px;}
.n-icon.icon-del{margin-right: 3px;width: 14px;height: 14px;background-position: -157px -34px;vertical-align: sub;}
.n-icon.icon-course-bar{margin-right: 10px;width: 22px;height: 17px;background-position: -197px -33px;vertical-align: sub;}
.n-icon.icon-caret{margin-left: 5px;width: 10px;height: 7px;background-position: -203px -90px;vertical-align: middle;}
.navbar-default .n-icon.icon-caret{background-position: -495px -133px;}
.navbar-default .dropdown:hover .n-icon.icon-caret{background-position: -495px -149px;}
.dropdown:hover .n-icon.icon-caret{background-position: -247px -90px;}
.n-icon.icon-caret-b{margin-left: 5px;width: 14px;height: 10px;background-position: -491px -200px;}
.dropdown:hover .n-icon.icon-caret-b{background-position: -491px -220px;}
.n-icon.icon-promote{margin-left: 5px;width: 14px;height: 18px;background-position: -155px -82px;vertical-align: sub;}
.n-icon.icon-hot{margin-left: 5px;width: 16px;height: 19px;background-position: -114px -81px;vertical-align: sub;}
.n-icon.icon-hot-big{margin-left: 5px;width: 20px;height: 22px;background-position: -60px -78px;vertical-align: text-bottom;}
.n-icon.icon-live{width: 34px;height: 33px;background-position: -67px -132px;}
.n-icon.icon-course{width: 32px;height: 32px;background-position: -68px -191px;}
.n-icon.icon-special{width: 34px;height: 34px;background-position: -67px -248px;}
.n-icon.icon-training{width: 37px;height: 33px;background-position: -65px -306px;}
.n-icon.icon-more{margin-left: 5px;width: 22px;height: 22px;background-position: -309px -82px;vertical-align: text-top;}
.n-icon.icon-time{margin-right: 5px;width: 18px;height: 18px;background-position: -364px -31px;vertical-align: text-bottom;}
.link-more:hover .n-icon.icon-more{background-position: -361px -82px;}
.n-icon.arrow-right{width: 26px;height: 82px;background-position: -544px -28px;}
.n-icon.arrow-circle-right{width: 45px;height: 45px;background-position: -351px -193px;}
a:hover .n-icon.arrow-circle-right{background-position: -428px -193px;}
.n-icon.arrow-circle-left{width: 45px;height: 45px;background-position: -352px -297px;}
a:hover .n-icon.arrow-circle-left{background-position: -428px -297px;}
.n-icon.icon-class-1{background-position: -688px -494px;}
.n-icon.icon-class-2{background-position: -738px -494px;}
.n-icon.icon-class-3{background-position: -688px -544px;}
.n-icon.icon-class-4{background-position: -738px -544px;}
.n-icon.icon-class-5{background-position: -688px -594px;}
.n-icon.icon-lear-ok{background-position: -762px -467px;}
.n-icon.icon-lear-join{background-position: -762px -434px;}
.n-icon.icon-kz-1{background-position: -144px -145px;}
a:hover .n-icon.icon-kz-1{background-position: -192px -145px;}
.n-icon.icon-kz-2{background-position: -143px -253px;}
a:hover .n-icon.icon-kz-2{background-position: -191px -253px;}
.n-icon.icon-kz-3{background-position: -143px -201px;}
a:hover .n-icon.icon-kz-3{background-position: -191px -201px;}
.n-icon.icon-kz-4{background-position: -143px -313px;}
a:hover .n-icon.icon-kz-4{background-position: -191px -313px;}
.n-icon.icon-sidebar-s{background-position: -248px -145px;}
li:hover .n-icon.icon-sidebar-s{background-position: -302px -145px;}
.n-icon.icon-sidebar-c{background-position: -248px -199px;}
li:hover .n-icon.icon-sidebar-c{background-position: -302px -199px;}
.n-icon.icon-sidebar-m{background-position: -247px -253px;}
li:hover .n-icon.icon-sidebar-m{background-position: -301px -253px;}
.n-icon.icon-sidebar-w{background-position: -247px -308px;}
li:hover .n-icon.icon-sidebar-w{background-position: -301px -308px;}
.n-icon.icon-up{background-position: -363px -253px;}
li:hover .n-icon.icon-up{background-position: -415px -252px;}
.n-icon.icon-cj{background-position: -523px -121px;}
.n-icon.icon-zj{background-position: -523px -171px;}
.n-icon.icon-cpa{background-position: -523px -221px;}
.n-icon.icon-sws{background-position: -523px -272px;}
.n-icon.icon-cma{background-position: -523px -323px;}
.n-icon.icon-cjgl{background-position: -523px -373px;}
.n-icon.icon-zjgl{background-position: -523px -423px;}
.n-icon.icon-sm-1{background-position: -572px -19px;}
dl:hover .n-icon.icon-sm-1{background-position: -622px -19px;}
.n-icon.icon-sm-2{background-position: -572px -69px;}
dl:hover .n-icon.icon-sm-2{background-position: -622px -69px;}
.n-icon.icon-sm-3{background-position: -572px -119px;}
dl:hover .n-icon.icon-sm-3{background-position: -622px -119px;}
.n-icon.icon-sm-4{background-position: -572px -169px;}
dl:hover .n-icon.icon-sm-4{background-position: -622px -169px;}
.n-icon.icon-sm-5{background-position: -572px -219px;}
dl:hover .n-icon.icon-sm-5{background-position: -622px -219px;}
.n-icon.icon-sm-6{background-position: -572px -269px;}
dl:hover .n-icon.icon-sm-6{background-position: -622px -269px;}
.n-icon.icon-sm-7{background-position: -572px -319px;}
dl:hover .n-icon.icon-sm-7{background-position: -622px -319px;}
.n-icon.icon-sm-8{background-position: -572px -369px;}
dl:hover .n-icon.icon-sm-8{background-position: -622px -369px;}
.n-icon.icon-sm-9{background-position: -674px -19px;}
dl:hover .n-icon.icon-sm-9{background-position: -724px -19px;}
.n-icon.icon-sm-10{background-position: -674px -69px;}
dl:hover .n-icon.icon-sm-10{background-position: -724px -69px;}
.n-icon.icon-sm-11{background-position: -674px -119px;}
dl:hover .n-icon.icon-sm-11{background-position: -724px -119px;}
.n-icon.icon-sm-12{background-position: -674px -219px;}
dl:hover .n-icon.icon-sm-12{background-position: -724px -219px;}
.n-icon.icon-sm-13{background-position: -674px -269px;}
dl:hover .n-icon.icon-sm-13{background-position: -724px -269px;}
.n-icon.icon-sm-14{background-position: -674px -319px;}
dl:hover .n-icon.icon-sm-14{background-position: -724px -319px;}
.n-icon.icon-sm-15{background-position: -674px -369px;}
dl:hover .n-icon.icon-sm-15{background-position: -724px -369px;}
.n-icon.icon-sm-16{background-position: -674px -169px;}
dl:hover .n-icon.icon-sm-16{background-position: -724px -169px;}
.n-icon.icon-sm-17{background-position: -338px -580px;}
dl:hover .n-icon.icon-sm-17{background-position: -394px -580px;}
.index-main a{text-decoration: none;}
.index-main .nav-header{height: 20px;line-height: 19px; background-color: #00304F;color: #fff;}
.index-main .nav-header ul li{margin-left: 40px;}
.index-main .nav-header ul li >a{color: #fff;}
.index-main .nav-main .navbar-logo{margin-left: 39px; margin-top: 10px;}
.index-main .nav-main .navbar-search{margin-top: 25px;font-size: 16px;}
.index-main .nav-main .navbar-search .login-btn,.index-main .nav-main .navbar-search .login-btn a{color: #15C994;}
a.btn-new-learning{display: inline-block; width: 130px;line-height: 40px;background: linear-gradient(360deg, #21C17F 0%, #15C994 100%);color: #fff; border-radius: 4px;text-align: center;text-decoration: none;font-size: 14px;}
.wrap .nav-main .navbar-search .txt-search{width: 380px; height: 40px;border-color:#C2C6C8;}
.index-main .nav-main .navbar-search button[type=submit]{top: 0;right: 0; height: 40px; background:none;}
.index-main .navbar-search .navbar-search-tip{box-shadow: 0 2px 8px 0 rgba(0, 0, 0, .2);border-radius: 4px;}
.index-main .navbar-search .navbar-search-tip .hot-search dl{display: inline-block;width: 190px;}
.index-main .navbar-search .navbar-search-tip .hot-search dl:last-child{width: 115px; padding-left: 20px;border-left: 1px solid #EEF0F0;}
.index-main .navbar-search .navbar-search-tip .hot-search dl dt{color: #98A0A2;font-size: 14px;}
.index-main .navbar-search .navbar-search-tip .hot-search dl dt .btn-del{margin-top: 1px;font-size: 12px;}
.index-main .navbar-search .navbar-search-tip .hot-search dl dt .icon-hot{margin-left: 0;margin-right: 5px;}
.index-main .navbar-search .navbar-search-tip .hot-search a{float: none;padding: 0; width: auto;line-height: 22px;font-size: 12px;color: #04253C;}
.index-main .navbar-search .navbar-search-tip .hot-search a span{display: inline-block;width: 16px;margin-right: 3px;}
.index-main .navbar-search .navbar-search-tip .hot-search a span.no1{color: #FF0000;}
.index-main .navbar-search .navbar-search-tip .hot-search a span.no2{color: #FF6E00;}
.index-main .navbar-search .navbar-search-tip .hot-search a span.no3{color: #FFB400;}
.index-main .navbar-search .navbar-search-tip .hot-search .history-item{height: 235px;overflow-y: auto;}
.index-main .navbar-search .navbar-search-tip .no-data{margin-top: 115px;}
.index-main .nav-main .navbar-search .search-hot{left: auto;top: 10px;right: 40px;}
.index-main .nav-main .navbar-search .search-hot a{width: auto; color: #5E6A6E;background: none;}
.index-main .navbar-search .navbar-search-tip .hot-search a:hover,.index-main .nav-main .navbar-search .search-hot a:hover{color: #15C994;}
.dropdown .dropdown-menu.app-box{left: 50%; width: 200px;margin-left: -100px;}
.wrap .navbar-nav .dropdown .dropdown-menu.double{padding: 40px 30px;width: 490px;left: 0;margin-left: 0;box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.2);}
.wrap .navbar-nav .dropdown .dropdown-menu.double.kz{width: 580px;}
.wrap .navbar-nav .dropdown .dropdown-menu.double:before{left: 52px;}
.wrap .navbar-nav .dropdown .dropdown-menu.double dl{display: inline-block;width: 210px;margin-bottom: 0;}
.wrap .navbar-nav .dropdown .dropdown-menu.double dl.fr{margin-bottom: 50px;}
.wrap .navbar-nav .dropdown .dropdown-menu.double dl dt{padding-top: 2px;}
.wrap .navbar-nav .dropdown .dropdown-menu.double dl dd{margin-left: 50px;}
.wrap .navbar-nav .dropdown .dropdown-menu.double dl dd h5{margin-top: 0;margin-bottom: 5px;}
.wrap .navbar-nav .dropdown .dropdown-menu.double dl dd a{display: inline-block;height: auto; line-height: normal;padding-left: 0;}
.wrap .navbar-nav .dropdown .dropdown-menu.double .inline-block{width: 130px;}
.wrap .navbar-nav .dropdown .dropdown-menu.double .inline-block.last{margin-top: 45px;}
.wrap .navbar-nav .dropdown .dropdown-menu.double .inline-block a{padding-left: 0;text-align: center; font-size: 16px;color: #04253C;}
.wrap .navbar-nav .dropdown .dropdown-menu.double.kz .n-icon{display: block;margin: 0 auto; width: 36px;height: 36px;}
.wrap .navbar-nav a{margin-left: 0;margin-right: 0;border-bottom: none;color: #404F54;}
.wrap .nav-main .navbar-nav a{height: 50px; line-height: 50px;}
.wrap .navbar-nav li{padding-left: 31px;padding-right: 31px;}
.wrap .navbar-nav .last{padding-right: 0;}
.wrap .navbar-nav .first{width: 200px; background-color: #002136;font-size: 18px;border-radius: 4px 0 0 0;}
.wrap .navbar-nav .first a{color: #fff !important;}
.wrap .navbar-nav .active a, .wrap .navbar-nav .active a:hover, .wrap .navbar-nav li:hover a, .wrap .navbar-default .navbar-nav a:focus, .wrap .navbar-nav .active a:focus,.wrap .navbar-nav .dropdown .dropdown-menu a:hover,.wrap .navbar-nav .dropdown .dropdown-menu.double .inline-block a:hover{color: #15C994;}
.wrap .navbar-default{background-color: #002136;border-color: #002136;}
.wrap .navbar-default .navbar-nav a{font-size: 14px;}
.wrap .navbar-default .navbar-nav.summary{position: relative;margin-left: 6px;padding-left: 6px;}
.wrap .navbar-default .navbar-nav.summary:before{content: "";position: absolute;left: 0;top: 50%;margin-top: -7px;height: 18px;width: 1px;background-color: #fff;}
.wrap .navbar-default .navbar-nav.summary li > a{font-size: 16px;}
.wrap .navbar-default .navbar-nav li{padding-left: 15px;padding-right: 15px;}
.wrap .navbar-default .container > .pull-right{margin-top: 12px;}
.wrap .navbar-default .container > .pull-right .navbar-nav{margin-top: -12px;margin-right: 25px;}
.wrap .navbar-default .container > .pull-right .navbar-nav li{padding-left: 0;padding-right: 0;}
.wrap .navbar-default .container > .pull-right .navbar-nav li a{padding-left: 25px;padding-right: 25px;border-bottom: 3px solid transparent;}
.wrap .navbar-default .container > .pull-right .navbar-nav li.active a,.wrap .navbar-default .container > .pull-right .navbar-nav li a:hover{border-bottom-color: #15C994;background: rgba(255,255,255,.06);}
.wrap .navbar-default .user-info-header{margin-left: 10px;}
.wrap .navbar-default .user-info .dropdown-menu{margin-top: -4px;}
.index-main .header-banner .carousel-control.right{left: auto;right: 0;top: 160px; background: none;}
.index-main .header-banner .carousel-indicators li{margin-left: 3px;margin-right: 3px;}
.index-main .header-banner .carousel-indicators li.active{height: 8px;width: 16px;background: linear-gradient(360deg, #21C17F 0%, #15C994 100%);}
.index-main .header-banner .carousel-inner .banner{height: 400px;}
.index-main .header-banner .course-classfiy{width: 200px;height: 400px; background-color:rgba(76, 76, 77, .7)}
.index-main .header-banner .course-classfiy ul >li{line-height: 50px;height: 50px;padding-left: 53px;}
.index-main .header-banner .course-classfiy ul >li:after{display: none;}
.index-main .header-banner .course-classfiy ul >li:hover{box-shadow: none;}
.index-main .header-banner .course-classfiy ul >li:hover a,.index-main .header-banner .public-menu .s-menu dl dd a:hover{color: #15C994;text-decoration: none;}
.index-main .header-banner .course-classfiy .s-menu{width: 1000px;min-height: 400px;box-shadow: 6px 2px 8px 0px rgba(0, 0, 0, 0.2);}
.index-main .header-banner .parting-line{margin-left: 15px;margin-right: 15px;}
.index-main .header-banner .public-menu .s-menu dl dd,.index-main .header-banner .public-menu .s-menu dl dd a{color: #04253C;}
.index-main .header-banner .public-menu .s-menu dl dd a{width: auto;line-height: normal;margin-top: 0;margin-right: 0; background:none;}
.index-main .header-banner .public-menu .s-menu .pull-left{width: 640px;}
.index-main .header-banner .public-menu .s-menu .pull-left dl dt{position: relative;}
.index-main .header-banner .public-menu .s-menu .pull-left dl dt:after{content: "";position: absolute;bottom: 17px;left: 0; width: 24px;height: 4px;background: #15C994;border-radius: 1px;}
.index-main .header-banner .public-menu .s-menu .pull-left dl dt a{position: relative;z-index: 1;}
.index-main .header-banner .public-menu .s-menu .pull-right dl{margin-top: 22px; width: 290px;}
.index-main .header-banner .public-menu .s-menu .pull-right dl dt{margin-right: 15px;}
.index-main .header-banner .public-menu .s-menu .pull-right dl dt img{width: 116px;}
.index-main .header-banner .public-menu .s-menu .pull-right dl dd{color: #5E6A6E;font-size: 12px;}
.index-main .header-banner .public-menu .s-menu .pull-right .price{margin-bottom: 0; color: #FF6E00;}
.index-main .header-banner .public-menu .s-menu .pull-right .price i{margin-right: 5px;font-style: normal;font-weight: bold;}
.index-main .header-banner .public-menu .s-menu .pull-right .price b{font-size: 16px;}
.index-main .header-banner .public-menu .s-menu .pull-right .price span{margin-left: 5px;color: #98A0A2;}
.index-main .header-banner .course-classfiy ul >li:hover dl dt a ,.index-main .header-banner .public-menu .s-menu .pull-right dl dd h5{color: #04253C;}
.index-main .hover-shadow:hover{box-shadow: 0 10px 20px 0 rgba(7, 43, 41, .2);-webkit-transform: translateY(-2px);transform: translateY(-2px);}
.index-main .section .container{padding-left: 20px;padding-right: 20px;}
.index-main .tag-status{position: absolute;left: 0;top: 8px; width: 56px;line-height: 22px;background: #FF7001;border-radius: 0 100px 100px 0;font-size: 12px;color: #fff;text-align: center;}
.index-main .section h2{padding-right: 0; font-size: 32px;font-weight: bold;background: none;}
.index-main .section .section-small{margin-bottom: 20px; font-weight: bold;}
.index-main .section .link-more{margin-top: 3px; font-size: 16px;color: #5E6A6E;font-weight: normal;}
.index-main .section .link-more:hover{color: #15C994;}
.index-main .section .section-side{line-height: normal; font-size: 14px;background-color: #F0F0F0;border-bottom: none;border-radius: 4px 4px 0 0;}
.index-main .section .section-side a{width: 165px; display: block; color: #5E6A6E;text-align: center;}
.index-main .section .section-side .last a{width: 169px;}
.index-main .section .section-side .active a{line-height: 40px;padding-bottom: 0; color: #fff;background-color: #04253C;border-bottom: none;border-radius: 4px 4px 0 0;}
.index-main .section .live-items a{position: relative; display: inline-block;padding: 15px 20px;margin-right: 20px; width: 373px;height: 132px;border-radius: 4px;border: 1px solid #E5E7E8;text-decoration: none;background-color: #fff;}
.index-main .section .live-items dl{margin-bottom: 0;color: #5E6A6E;}
.index-main .section .live-items dl dt p{margin-top: 5px; font-size: 12px;font-weight: normal;text-align: center;}
.index-main .section .live-items dl dd{margin-left: 95px;}
.index-main .section .live-items dl dd p{margin-top: 10px;margin-bottom: 5px;}
.index-main .section .live-items .course-title{margin-top: 12px; font-size: 16px;color: #04253C;}
.index-main .section .live-items .course-user{padding-top: 4px; font-size: 10px;}
.index-main .section .live-items .course-user span{margin-top: -2px; display: inline-block;width: 80px;line-height: 22px;border-radius: 12px;border: 1px solid #979797;text-align: center;}
.index-main .section .live-items .course-user span.reservation{border-color: #FF6E00;color: #FF6E00;}
.index-main .section .live-items .course-user span.already{border-color: #15C994;color: #15C994;}
.index-main .section .live-items .course-user span.already .icon-success{margin-left: 0;margin-right: 3px;}
.index-main .section .live-items .course-user span.ing{width: 96px; border-color: transparent;color: #fff;background: linear-gradient(135deg, #FFB400 0%, #FF6E00 100%);}
.index-main .section .live-items .course-user .course-live-ing{height: 12px;vertical-align: initial;}
.index-main .section.summary .live-items a{border-color: #fff}
.index-main .section .registration-info .pull-left{width: 766px;}
.index-main .section .registration-info .pull-left ul{display: flex;justify-content: space-around;background: linear-gradient(90deg, #E1F2F0 0%, #A4DAD7 100%);border-radius: 4px 4px 0 0;}
.index-main .section .registration-info .pull-left ul:before{content: "";position: absolute;top: 52px;left: 0;width: 100%;height: 1px; background-color: #fff;}
.index-main .section .registration-info .pull-left ul li{padding: 5px;cursor: pointer;}
.index-main .section .registration-info .pull-left h4{font-size: 16px;}
.index-main .section .registration-info .pull-left i{position: relative; display: inline-block;width: 20px;height: 20px;}
.index-main .section .registration-info .pull-left i:before{content: "";position: absolute;top: 50%;left: 50%;width: 10px;height: 10px;margin-bottom: 5px;background: #fff;box-shadow: 0 2px 4px 0 rgba(12, 181, 162, .2);border-radius: 50%;border: 3px solid transparent; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%);}
.index-main .section .registration-info .pull-left .active i:before{width: 16px;height: 16px;background-color: #0CB5A2;border-color: #fff;}
.index-main .section .registration-info .pull-left .active {color: #0CB5A2;}
.index-main .section .registration-info .news{padding: 28px 15px;min-height: 161px; background-color: #F9F9F9;border-radius: 0 0 4px 4px;}
.index-main .section .registration-info .news a{display: block; margin-bottom: 15px;padding-left: 25px; color: #4C4C4D;}
.index-main .section .registration-info .pull-right{width: 374px;}
.index-main .section .registration-info .pull-right a{display: inline-block;width: 182px;line-height: 40px;margin-top: 10px; background-color: #F7F7F7;color: #4C4C4D;border-radius: 4px;text-align: center;}
.index-main .section .registration-info .news a:hover,.index-main .section .registration-info .pull-right a:hover{color: #15C994;}
.index-main .section .registration-info .pull-right a i{margin-right: 5px; width: 18px;height: 18px;vertical-align: text-bottom;}
.index-main .section .system-class .item{width: 373px;margin-bottom: 40px;margin-right: 20px; border-radius: 4px;background: #fff;}
.index-main .section .live-items a.last,.index-main .section .system-class .item.last{margin-right: 0;}
.index-main .section .system-class .item h3{margin-top: 0;margin-bottom: 0; padding-left: 25px; line-height: 80px; background-color: #FF8C33;border-radius: 4px 4px 0 0;color: #fff;}
.index-main .section .system-class .item .pad{padding-left: 25px;padding-right: 25px;}
.index-main .section .system-class .item .pad h4{margin-top: 15px; color: #5E6A6E;}
.index-main .section .system-class .item .price{color: #FF6E00;}
.index-main .section .system-class .item .price i{font-size: 32px;font-style: normal;font-weight: bold;}
.index-main .section .system-class .item .price b{font-size: 48px;}
.index-main .section .system-class .item .price span{display: inline-block;padding: 2px 8px;margin-left: 15px; border: 1px solid #5E6A6E;color: #5E6A6E;border-radius: 2px;}
.index-main .section .system-class .item a{display: inline-block;width: 96px;line-height: 28px;margin-right: 16px; border-radius: 15px;border: 1px solid #FF6E00;color: #FF6E00;text-align: center;}
.index-main .section .system-class .item a.last{margin-right: 0;}
.index-main .section .system-class.svip .item{width: 216px;height: 330px;padding-top: 227px; color: #5E6A6E;background: none; background-position: bottom;background-repeat: no-repeat;}
.index-main .section .system-class.svip .item img{position: absolute;left: 0;bottom: 0;}
.index-main .section .system-class.svip .item .pad{padding-left: 20px;padding-right: 20px;}
.index-main .section .system-class.svip .item .price{margin-bottom: 18px;}
.index-main .section .system-class.svip .item .price i{font-size: 12px;}
.index-main .section .system-class.svip .item .price b{font-size: 20px;}
.index-main .section .system-class.svip .item .price s{margin-left: 5px; color: #5E6A6E;}
.index-main .section .system-class.svip .item a{width: 80px;font-size: 12px;}
.index-main .section .system-class .item a.active,.index-main .section .system-class.svip .item a.last{background: linear-gradient(135deg, #FFB400 0%, #FF6E00 100%);color: #fff;border-color: transparent;text-decoration: none;}
.index-main .section.summary .course-item{width: 216px;margin-top: 0;}
.index-main .section.summary .course-item h5 a{font-size: 16px;color: #04253C;}
.index-main .section.summary .course-item .course-item-bot span{color: #5E6A6E;}
.index-main .section.summary .course-item .course-item-bot span.pull-right{margin-top: 3px;}
.index-main .section.summary .course-item .course-item-bot span.score{margin-left: 25px;vertical-align: middle;}
.index-main .section.summary .course-item .course-item-bot span.score i{font-style: normal;color: #0CB5A2;}
.index-main .section.summary .course-item .course-item-link{border-radius: 4px 4px 0 0;}
.index-main .section.summary .course-item .course-item-bot{border-radius: 0 0 4px 4px;}
.index-main .index-practice .control{position: absolute;top: 50%;margin-top: -29px;}
.index-main .index-practice .control.left{left: -20px;}
.index-main .index-practice .control.right{right: -20px;}
.index-main .index-practice dl{position: relative; padding: 15px;margin-right: 20px; width: 216px;height: 80px;background-color: #fff;border-radius: 4px;}
.index-main .index-practice dl.last{margin-right: 0;}
.index-main .index-practice dl:before{content: ""; position: absolute;top: 0;left: 0; width: 4px;height: 100%;background: linear-gradient(360deg, #21C17F 0%, #15C994 100%);border-radius: 4px;opacity: 0;}
.index-main .index-practice dl:hover:before{opacity: 1;}
.index-main .index-practice dl dt{margin-right: 15px;padding-top:0;}
.index-main .index-practice dl dt i{width: 50px;height: 50px;}
.index-main .index-practice dl dd{color: #04253C;}
.index-main .index-practice dl dd p{margin-bottom: 5px; font-size: 18px;font-weight: bold;}
.index-main .index-gw .inner-item a{padding: 25px;margin-left: 20px; width: 275px;height: 96px;background: #fff;border-radius: 4px;color: #04253C;text-decoration: none;}
.index-main .index-gw .inner-item a h4{margin-top: 0;}
.index-main .ask-question .pull-left{width: 690px;}
.index-main .ask-question h4{margin-top: 0;margin-bottom: 0; padding-left: 15px; background-color: #EEF0F0;line-height: 48px;border-radius: 4px 4px 0 0;font-size: 16px;color: #04253C;}
.index-main .ask-question .pad{padding: 20px 15px;height: 352px;overflow: hidden;}
.index-main .ask-question dl{border-bottom: 1px dashed #EFF0F0;color: #04253C;}
.index-main .ask-question dl dt{margin-right: 15px;}
.index-main .ask-question dl dd .text-ellipsis{margin-bottom: 20px; color: #98A0A2;}
.index-main .ask-question dl dd .text-ellipsis a{color: #04253C;}
.index-main .ask-question .pull-right h4{background: none;}
.index-main .ask-question .all-num-con{margin-top: 40px;margin-left: 25px;color: #0CB5A2;}
.index-main .ask-question .all-num-con .num{position: relative;margin-right: 4px;padding-top: 7px; display: inline-block;width: 40px;height: 56px;background: rgba(152, 160, 162, .2);border-radius: 2px;text-align: center;}
.index-main .ask-question .all-num-con .num:before{content: "";position: absolute;top: 0;left: 0;width: 100%;height: 28px;background: rgba(152, 160, 162, .1);border-radius: 2px;}
.index-main .ask-question .all-num-con .num .n-icon{width: 28px;height: 44px;}
.index-main .ask-question .all-num-con .d .n-icon{margin-right: 4px;width: 11px;height: 20px;background-position: -490px -400px;}
.index-main .ask-question .all-num-con .op .n-icon{opacity: .2;}
.index-main .ask-question .all-num-con .num-0 .n-icon{background-position: -59px -376px;}
.index-main .ask-question .all-num-con .num-1 .n-icon{background-position: -99px -376px;}
.index-main .ask-question .all-num-con .num-2 .n-icon{background-position: -136px -376px;}
.index-main .ask-question .all-num-con .num-3 .n-icon{background-position: -180px -376px;}
.index-main .ask-question .all-num-con .num-4 .n-icon{background-position: -224px -376px;}
.index-main .ask-question .all-num-con .num-5 .n-icon{background-position: -269px -376px;}
.index-main .ask-question .all-num-con .num-6 .n-icon{background-position: -312px -376px;}
.index-main .ask-question .all-num-con .num-7 .n-icon{background-position: -356px -376px;}
.index-main .ask-question .all-num-con .num-8 .n-icon{background-position: -400px -376px;}
.index-main .ask-question .all-num-con .num-9 .n-icon{background-position: -444px -376px;}
.index-main .ask-question .problem-number{width: 450px;height: 400px; background-image: url(../image/9833c0161386345f1354152da79837f0.png);}
.index-main .ask-question .problem-number h3{margin-top: 30px;margin-bottom: 30px;font-size: 22px;font-weight: bold;color: #404F54;}
.index-main .ask-question .problem-number .desc{color: #04253C;}
.index-main .ask-question .problem-number .desc i{display: inline-block;margin-right: 8px; width: 16px;height: 16px;background-image: url(../image/b89146b67d0c684af08a9a6ce0daf0b8.png); vertical-align: -2px;}
.index-main .ask-question .problem-number a{display: inline-block;width: 200px;line-height: 40px;background: linear-gradient(135deg, #FFB400 0%, #FF6E00 100%);border-radius: 25px;font-size: 16px; color: #fff;text-decoration: none;}
.index-main .ask-question .problem-number .ask-time{font-size: 16px; color: #5E6A6E;}
.index-main .btn-join{display: inline-block;margin-left: 30px; width: 148px;line-height: 28px;border-radius: 15px;border: 1px solid #FF6E00;font-size: 16px;color: #FF6E00;text-align: center;text-decoration: none;vertical-align: bottom;}
.index-main .btn-join:hover{background: linear-gradient(135deg, #FFB400 0%, #FF6E00 100%);color: #fff;border-color: transparent;}
.index-main .teachar-items .inline-block{position: relative;margin-right: 20px; width: 216px;height: 270px;border-radius: 4px;overflow: hidden;}
.index-main .teachar-items .inline-block.th-1{background-image: url(../image/179227_60dc1b1fb34c00.png);}
.index-main .teachar-items .inline-block.th-2{background-image: url(../image/179227_60dc1b386fa050.png);}
.index-main .teachar-items .inline-block.th-3{background-image: url(../image/179227_60dc1b4ad49bc0.png);}
.index-main .teachar-items .inline-block.th-4{background-image: url(../image/179227_60dc1b614d4e30.png);}
.index-main .teachar-items .inline-block.th-5{background-image: url(../image/179227_60dc1b6f29b4f0.png);}
.index-main .teachar-items .inline-block.last{margin-right: 0;}
.index-main .teachar-items .inline-block img{position: absolute;left: 50%;bottom: 0; width: 96%;margin-left: -48%;}
.index-main .teachar-items .inline-block .title-box{position: absolute;left: 0;bottom: 0; width: 100%;line-height: 56px;background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000000 100%);font-size: 20px;color: #fff;border-radius: 0 0 4px 4px;}
.index-main .teachar-items .inline-block .teachar-desc{position: absolute;left: 0;top: 0; width: 100%;height: 100%;padding-left: 20px;padding-right: 20px; background-color: rgba(0, 0, 0, .8);color: #fff;-webkit-transform: translateY(100%);transform: translateY(100%);-webkit-transition: all .3s cubic-bezier(0, 0, 0.2, 1) 0s;transition: all .3s cubic-bezier(0, 0, 0.2, 1) 0s;}
.index-main .teachar-items .inline-block:hover .teachar-desc{-webkit-transform: translate(0, 0);transform: translate(0, 0);}
.index-main .teachar-items .inline-block .teachar-desc p{margin-top: 20px;font-size: 20px;}
.index-main .teachar-items .inline-block .teachar-desc .more{height: 195px; line-height: 24px; font-size: 12px;text-indent: 2em;text-align: left;overflow: hidden;}
.index-main .section-desc{height: 380px; background-image: url(../image/de6d972a8372a04334d5c47e6dc355d9.png);background-position: center center;}
.footer{background-color: #404F54;color: rgba(255,255,255,.6);}
.footer .acc5-desc{padding-bottom: 30px;margin-bottom: 50px;border-color: rgba(255,255,255,.2)}
.footer .acc5-desc dl dt{margin-bottom: 30px; font-size: 26px;color: rgba(255,255,255,.6);}
.footer .acc5-desc dl dd a{color: rgba(255,255,255,.4);}
.footer .acc5-desc h3{margin-top: 0; color: #0CB5A2;font-size: 20px;}
.footer .acc5-desc .qrcode-box{padding-left: 30px;padding-right: 30px; background-color: rgba(255,255,255,.05);border-radius: 4px;}
.footer .acc5-desc .qrcode-box > div{margin: 15px;}
.footer .acc5-desc .qrcode-box > div p{margin-bottom: 0;margin-top: 10px;}
.footer .acc5-copyright a,.footer .foot-approve-img a, .footer .foot-approve-img span,.footer .footer-otherlink a{color: rgba(255,255,255,.4);}
.footer .foot-approve-img span.cert{padding-left: 0;padding-right: 0; font-size: 18px;}
.footer .footer-otherlink{margin-bottom: 0;margin-top: 0; padding-top: 25px;padding-bottom: 20px; background-color: rgba(255,255,255,.06);font-size: 12px;}
.footer .footer-otherlink dl{margin-bottom: 0;}
.footer .footer-otherlink dl dt{font-weight: normal;}
.footer .footer-otherlink dl dd{margin-left: 195px;}
.footer .footer-otherlink dl dd a{margin-bottom: 5px;}
.side-right{box-shadow: 0 2px 6px 0 rgba(0, 0, 0, .08);border-radius: 4px;}
.side-right ul li:not(.gift) a{color: #5E6A6E;border: none;border-bottom: 1px solid #F3F4F4;border-radius: 0;}
.side-right ul li:hover a, .side-right ul li.side-kf a{background: #fff;color: #15C994;border-color: transparent}
.side-right ul li a.first{border-radius: 4px 4px 0 0;}
.side-right ul li a.last{border-radius: 0 0 4px 4px;}
.side-right .n-icon{display: block;margin: 0 auto;width: 23px;height: 22px;}
.side-right .gift img{position: absolute;bottom: 100%;left: 0;top: auto; margin-bottom: 5px;}
.side-right.left{bottom: 185px;margin-left: -685px;}
.side-right.left ul li a{padding-top: 0; height: 48px;line-height: 48px;}
.side-right.left ul li:hover a,.side-right.left ul li.active a{background-color: #E7F9F4;color: #15C994;border-color: transparent;}
/* 新改登录 */
.popup-box.new-skin .default-color{color: #0ABEA0 !important;}
.popup-box.new-skin .popup{width: 570px;margin-left: -285px;border-radius: 4px;}
.popup-box.new-skin .popup-tabs{height: 56px;line-height: 56px; background-color: #ECFAF8;border-bottom: none;border-radius: 4px 4px 0 0;}
.popup-box.new-skin .popup-tabs .tab-title{line-height: normal;font-size: 18px;}
.popup-box.new-skin .popup .close-btn{right: 20px;top: 20px;font-size: 0;}
.popup-box.new-skin .wechat-qr-box{padding-top: 18px;}
.popup-box.new-skin .wechat-qr-box .pull-left img,.popup-box.new-skin .regist-wx-qrcode .pull-left img{margin-left: 25px;}
.popup-box.new-skin .wechat-qr-box .pull-right,.popup-box.new-skin .regist-wx-qrcode .pull-right{width: 220px;margin-right: 50px;}
.popup-box.new-skin .wechat-qr-box p:first-child{margin-top: 20px;margin-bottom: 0; padding-left: 0;}
.popup-box.new-skin .wechat-qr-box .pull-right .qr-code,.popup-box.new-skin .regist-wx-qrcode .pull-right .qr-code{border: 3px solid rgba(218, 218, 218, .6);border-radius: 4px;}
.popup-box.new-skin .wechat-qr-box .pull-right img{margin-top: 30px;}
.popup-box.new-skin .popup-reg-ad{width: auto;}
.popup-box.new-skin .regist-wx-qrcode{top: -40px; padding-top: 0;height: 255px;}
.popup-box.new-skin .regist-wx-qrcode .pull-right p{margin-top: 30px;}
.popup-box.new-skin .register-popup form{padding-bottom: 10px;}
.popup-box.new-skin .register-popup .agree-tip{margin-bottom: 6px;}
.popup-box.new-skin form{padding-top: 18px;padding-bottom: 0;}
.popup-box.new-skin form .block-item{margin-bottom: 15px; width: 300px;line-height: 40px;}
.popup-box.new-skin form .block-item.focus-psw{margin-bottom: 0;line-height: normal;}
.popup-box.new-skin form .block-item.error-tip{margin-bottom: 5px;margin-top: 3px;line-height: 22px;min-height: 22px;}
.popup-box.new-skin #mobileFormWrap .block-item.error-tip{margin-bottom: 17px;margin-top: 30px;}
.popup-box.new-skin form .long-input{height: 40px; line-height: 40px;}
.popup-box.new-skin form .block-item input[type=submit], .popup-box.new-skin form .block-item input[type=button]{line-height: 40px; height: 40px;background: linear-gradient(360deg, #21C17F 0%, #15C994 100%);border-radius: 20px;box-shadow: none;font-weight: normal;}
.popup-box.new-skin form .block-item input[disabled]{background: none; background-color: #eee;}
@media screen and (max-width: 1366px) {
.page-login{height: 468px;}
.page-login .login-pic{height: 100%;margin-left: -84px;}
.page-login .popup-box .popup-tabs{height: 46px;line-height: 46px;;}
.page-login .popup-box .popup-tabs a{line-height: 44px;font-size: 15px;}
.page-login .popup{margin-top: -200px;min-width: 320px;height: 400px;}
.page-login .popup form .block-item.focus-psw{margin-bottom: 0;}
.page-login .popup form .block-item.error-tip{min-height: 26px;line-height: 26px;}
.page-login form .block-item input[type=submit]{height: 33px;line-height: 33px;}
.page-login .login-popup form{padding-bottom: 0;}
.page-login .login-popup .tip-title{margin-bottom: 4px;}
.page-login .login-popup .tip-title:before,.page-login .login-popup .tip-title:after{width: 64px;}
.page-login .login-popup .tip-title:before{left: -74px;}
.page-login .login-popup .tip-title:after{right: -74px;}
.page-login .login-popup .wechat-qr-box{margin-bottom: 20px;height: 250px;}
.page-login .login-popup .wechat-qr-box img{width: 160px;height: 160px;}
.page-login .login-popup .other-login .login-ico{margin-left:15px;}
.page-login .register-popup form .block-item{margin-bottom: 11px;}
.page-login .register-popup .agree-tip{margin-bottom: 0;line-height: 18px;}
.page-login .forgot-psw-popup form{padding-top: 6px;}
.page-login .forgot-psw-popup form .long-input{height: 30px;line-height: 30px;}
.page-login .forgot-psw-popup form .block-item.reset{margin-bottom: 3px;}
/*2021 新版官网*/
.n-icon.icon-search-w{margin-right: 10px;}
.n-icon.icon-app{margin-left: 10px;margin-right: 0;}
.index-main .header-banner .course-classfiy,.wrap .navbar-nav .first{width: 182px;}
.index-main .header-banner .course-classfiy .s-menu{padding-left: 16px;padding-right: 10px;width: 818px;}
.index-main .header-banner .course-classfiy ul >li{padding-left: 45px;}
.index-main .header-banner .public-menu .s-menu .pull-left{width: 500px;}
.index-main .nav-main .navbar-search .ml-25{margin-left: 10px;}
.wrap .nav-main .navbar-search .txt-search{width: 315px;}
.index-main .navbar-search .navbar-search-tip .hot-search dl{width: 165px;}
.wrap .navbar-nav li{padding-left: 21px;padding-right: 20px;}
.wrap .navbar-default .navbar-nav li{padding-left: 7px;padding-right: 7px;}
.wrap .navbar-default .user-info img{margin-right: 10px;}
.wrap .navbar-default .user-info .dropdown-menu{margin-left: -54px;}
.index-main .section .container{padding: 0;}
.index-main .section h2{font-size: 30px;}
.index-main .section .section-side a{width: 142px;}
.index-main .section .section-side .last a{width: 147px;}
.index-main .section .section-small{font-size: 22px;}
.index-main .section .live-items a{width: 325px;margin-right: 12px;}
.index-main .section .registration-info .news{padding: 6px 15px;min-height: 116px;}
.index-main .section .registration-info .news a{margin-bottom: 11px;margin-top: 11px;}
.index-main .section .registration-info .pull-left{width: 715px;}
.index-main .section .registration-info .pull-right{width: 270px;}
.index-main .section .registration-info .pull-right a{width: 130px;}
.index-main .section .system-class .item{width: 325px;margin-right: 12px;}
.index-main .section .system-class .item .pad{padding-left: 15px;padding-right: 15px;}
.index-main .section .system-class .item a{width: 82px;}
.index-main .section.summary .course-item{width: 190px;margin-right: 12px;}
.index-main .section.summary .course-item .course-item-bot span.score{margin-left: 10px;}
.index-main .index-practice dl{padding: 16px 5px; width: 190px;margin-right: 12px;}
.index-main .index-practice dl dt{margin-right: 8px;}
.index-main .index-practice dl dd p{font-size: 16px;}
.index-main .index-gw .pull-left img{width: 241px;}
.index-main .index-gw .inner-item a{width: 241px;height: 84px;padding: 20px; margin-left: 12px;}
.index-main .section .system-class.svip .item{width: 190px;height: 290px;padding-top: 198px;}
.index-main .section .system-class.svip .item .price{margin-bottom: 14px;}
.index-main .section .system-class.svip .item .pad{padding-left: 12px;padding-right: 12px;}
.index-main .section .system-class.svip .item{font-size: 12px;}
.index-main .section .system-class.svip .item a{width: 75px;}
.index-main .ask-question .pull-left{width: 560px;}
.index-main .ask-question .problem-number{width: 420px;height: 373px;background-size: 100% 100%;}
.index-main .ask-question .all-num-con{margin-left: 15px;margin-top: 20px;}
.index-main .ask-question .pad{height: 325px;}
.index-main .teachar-items .inline-block{width: 190px;height: 238px; margin-right: 12px;background-size: 100% 100%;}
.index-main .teachar-items .inline-block .teachar-desc .more{height: 170px;}
.side-right.left{margin-left: -600px;}
}
.clearfix::after {
content: '';
display: block;
height: 0;
width: 0;
clear: both;
overflow: hidden;
}
.necessarytools_center .blade_box, .cashier_center .blade_box {
border-radius: 4px;
margin: 0 auto;
}
.necessarytools_center .blade_box .box_hd {
display: flex;
align-items: center;
justify-content: space-between;
border: 1px solid #e5e5e5;
background-color: #fff;
}
.necessarytools_center .blade_box .box_hd .name {
color: #484a4d;
font-size: 16px;
font-weight: bold;
}
.blade_tip {
font-size: 12px;
font-weight: normal;
margin-left: 10px;
color: red;
}
.necessarytools_center .tools_list {
background-color: #fff;
height: 544px;
border: 1px solid #e5e5e5;
overflow-y: scroll;
}
.necessarytools_center .tools_list li {
float: left;
padding: 0 20px;
text-align: center;
height: 45px;
line-height: 45px;
}
.necessarytools_center .tools_list li a {
font-size: 15px;
color: #626466;
}
.necessarytools_center .tools_list li a:hover {
color: #00b38e;
}
/* 公用通知弹窗 */
.notify-user-time {
transition: all .5s;
animation: NOTIFY_USER_TIME .5s forwards;
position: relative;
z-index: 99999;
}
@keyframes NOTIFY_USER_TIME {
100% {
opacity: 1;
}
}
.notify-user-time .mask {
position: fixed;
top: 0;
right: 0;
left: 0;
bottom: 0;
background-color: #000;
opacity: .4;
z-index: 1030;
}
.notify-user-time .examine-ask-hint {
position: fixed;
top: 0%;
left: 50%;
width: 400px;
transform: translate(-50%, -50%);
background-color: #fff;
z-index: 1031;
padding: 20px;
text-align: center;
border-radius: 16px;
transition: all .5s;
animation: NOTIFY_USER_HINT .5s forwards;
}
@keyframes NOTIFY_USER_HINT {
100% {
opacity: 1;
top: 50%;
}
}
.notify-user-time .examine-ask-hint.show {
opacity: 1;
top: 50%;
}
.notify-user-time .examine-ask-hint .title {
font-size: 20px;
font-weight: bold;
margin-bottom: 14px;
position: relative;
}
.notify-user-time .examine-ask-hint .title .close {
position: absolute;right: 0;
top: -10px;
}
.notify-user-time .examine-ask-hint .content {
font-size: 16px;
}
.notify-user-time .examine-ask-hint .examine-ask-btn {
padding: 6px 20px;
background: linear-gradient(360deg, #21C17F 0%, #15C994 100%);
color: #fff;
display: inline-block;
border-radius: 10px;
cursor: pointer;
margin-top: 15px;
}
/* end 公用通知弹窗 */
@media screen and (max-width: 1366px) {
}
@media screen and (max-width: 1400px) {
}
@media screen and (max-width: 1440px) {
}
@keyframes reback {
100% {
-o-transform: scale(1);
-ms-transform: scale(1);
-moz-transform: scale(1);
-webkit-transform: scale(1);
transform: scale(1);
}
}
@keyframes circle {
0% {
-o-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-o-transform: rotate(360deg);
-ms-transform: rotate(360deg);
-moz-transform: rotate(360deg);
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@-webkit-keyframes liveIng{
0%{
height: 50%;
}
50%{
height: 100%;
}
100%{
height: 50%;
}
}
@keyframes liveIng{
0%{
height: 50%;
}
50%{
height: 100%;
}
100%{
height: 50%;
}
}
@-webkit-keyframes rotate {
0% {
-webkit-transform: rotate(0deg);
}
25%{
-webkit-transform: rotate(90deg);
}
50%{
-webkit-transform: rotate(180deg);
}
75%{
-webkit-transform: rotate(270deg);
}
100% {
-webkit-transform: rotate(360deg);
}
}
@keyframes rotate {
0% {
transform: rotate(0deg);
}
25%{
transform: rotate(90deg);
}
50%{
transform: rotate(180deg);
}
75%{
transform: rotate(270deg);
}
100% {
transform: rotate(360deg);
}
}
@keyframes icon-jump {
0% {
top: -5px;
}
100% {
top: 0;
}
}
@-webkit-keyframes icon-jump {
0% {
top: -5px;
}
100% {
top: 0;
}
}
@keyframes liveheader-ani{
0%,40%{
opacity: 1;
}
100%{
opacity: 0;
}
}
@-webkit-keyframes liveheader-ani{
0%,40%{
opacity: 1;
}
100%{
opacity: 0;
}
}
@keyframes cloud {
from{background-position:0 0}
to{background-position:210px 0;}
}
@-webkit-keyframes cloud {
from{background-position:0 0}
to{background-position:210px 0;}
}
@keyframes cloud-l {
from{left: -120px;}
to{left: 0;}
}
@-webkit-keyframes cloud-l {
from{left: -120px;}
to{left: 0;}
}
@keyframes rotation {
0% {
transform: rotateZ(0deg);
}
100% {
transform: rotateZ(360deg);
}
}
@-webkit-keyframes rotation {
0% {
-webkit-transform: rotateZ(0deg);
}
100% {
-webkit-transform: rotateZ(360deg);
}
}
@-webkit-keyframes zoom{
0%,100%{-webkit-transform:scale(1,1);}
50%{-webkit-transform:scale(.9,.9);}
}
@keyframes zoom{
0%,100%{transform:scale(1,1);}
50%{transform:scale(.9,.9);}
}
@keyframes zoomIng {
0% {
opacity: 0;
transform: scale(.1) translateY(-100px);
}
10% {
opacity: 1;
transform: scale(1) translateY(0);
}
}
@keyframes svip-tag {
0% {
transform: translateY(0);
}
50% {
transform: translateY(4px);
}
100% {
transform: translateY(0);
}
}
@keyframes zoomFadeIn {
0% {
opacity: 0;
transform: scale(.1);
}
10% {
opacity: 1;
transform: scale(1);
}
}
@keyframes move {
0% {
transform: translateY(0);
}
100% {
transform: translateY(-10px);
}
}