.page-czjcb .mint-header{background:#54b7d7}.page-czjcb .user .iconfont{font-size:22px!important}.page-czjcb .mainfunc{background:#fff;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding:10px}.page-czjcb .mainfunc .item{position:relative;width:50%;padding:5px}.page-czjcb .mainfunc .item .item-text{position:absolute;top:30%;right:20%;color:#fff;font-size:20px}.page-czjcb .mainfunc .item:active{opacity:.8}.page-czjcb .mainfunc img{display:block;width:100%}.page-czjcb body{font-family:microsoft yahei;background-color:#f1f1f1;max-width:640px;margin:0 auto}.page-czjcb .mint-swipe{padding:0;height:45vw!important}.page-czjcb .mui-bar{background-color:rgba(84,183,215,0);-webkit-box-shadow:none;box-shadow:none;max-width:640px;margin:0 auto;transition:all .8s;-moz-transition:all .8s;-webkit-transition:all .8s;-o-transition:all .8s}.page-czjcb .mui-content,.page-czjcb .mui-scroll{position:static}.page-czjcb .mui-bar .mui-title{color:#fff;right:auto;left:10px}.page-czjcb .mui-bar .mui-icon{color:#fff}.page-czjcb .mui-wrapper{max-width:640px;margin:0 auto;padding-top:44px}.page-czjcb #lunboSwiper{width:100%;height:215px}.page-czjcb #lunboSwiper img{width:100%;height:100%}.page-czjcb .fourmenu{overflow:hidden;background-color:#fff}.page-czjcb .connectMenu,.page-czjcb .hobbyMenu,.page-czjcb .listeningMenu,.page-czjcb .mcourseMenu{padding:12px 0}.page-czjcb .fourmenu>div{float:left;width:50%;text-align:center;font-size:13px}.page-czjcb .fourmenu span{color:#444}.page-czjcb .fourmenu i{color:#fff;font-size:26px}.page-czjcb .connectMenu div,.page-czjcb .hobbyMenu div,.page-czjcb .listeningMenu div,.page-czjcb .mcourseMenu div{width:44px;height:44px;line-height:44px;margin:0 auto;border-radius:45%;margin-bottom:11px}.page-czjcb .mcourseMenu div{background-color:#ff5b35}.page-czjcb .listeningMenu div{background-color:#0d8dba}.page-czjcb .hobbyMenu div{background-color:#efa101}.page-czjcb .connectMenu div{background-color:#27b197}.page-czjcb .cutOff{background-color:#f1f1f1;text-align:center;color:#666}.page-czjcb .cutOff span{display:inline-block;line-height:38px;height:38px;font-size:15px;position:relative}.page-czjcb .cutOff span:before{right:120%}.page-czjcb .cutOff span:after,.page-czjcb .cutOff span:before{content:"";display:block;width:35px;height:2px;background-color:#999;position:absolute;top:18px}.page-czjcb .cutOff span:after{left:120%}.page-czjcb .hiddenScorll{height:190px;overflow:hidden;background-color:#fff}.page-czjcb .theNew{overflow-x:scroll;background-color:#fff}.page-czjcb .radioContent,.page-czjcb .videoContent{float:left;padding:10px 0 10px 10px;width:210px;position:relative}.page-czjcb .radioContent:last-child,.page-czjcb .videoContent:last-child{width:220px;padding-right:10px}.page-czjcb .newRadioContnet .radioContent:nth-child(4),.page-czjcb .newVideoContnet .videoContent:nth-child(4){padding-right:10px}.page-czjcb .imgContent img{width:100%;height:120px;border-radius:5px;border:none}.page-czjcb .radioPlay,.page-czjcb .videoPlay{color:#fff;position:absolute;top:100px;left:18px;display:inline-block;width:22px;height:22px;line-height:22px;border:1px solid #fff;border-radius:50%;text-align:center;background-color:rgba(0,0,0,.3)}.page-czjcb .radioPlay i,.page-czjcb .videoPlay i{position:relative;top:-2px;left:1px;font-size:10px}.page-czjcb .radioPlay i{left:0}.page-czjcb .playTime{display:inline-block;padding:0 5px;height:16px;text-align:center;font-size:10px;background-color:rgba(0,0,0,.3);border-radius:3px;line-height:16px;color:#fff;position:absolute;top:103px;left:160px}.page-czjcb .videoTitle{display:inline-block;width:100%;color:#343434;font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.page-czjcb .watchNum{font-size:12px;color:#999;margin-left:-2px}.page-czjcb .rec-top{border-bottom:1px solid #ddd;padding:11px 15px;background-color:#fff}.page-czjcb .rec-top .mui-ellipsis{padding-left:10px;color:#333;position:relative}.page-czjcb .rec-top .mui-ellipsis:before{content:"";display:inline-block;width:3px;height:15px;background-color:#ffb208;position:absolute;top:2px;left:0}.page-czjcb .rec-top span:first-child{vertical-align:sub}.page-czjcb .rec-top i{vertical-align:middle;top:0;color:#999}.page-czjcb .mui-table-view .courseImg{width:128px;max-width:128px;height:77px}.page-czjcb .mui-ellipsis-2{font-size:14px;color:#333}.page-czjcb .courseContent p{font-size:12px;color:#999;margin-left:-1px;line-height:1;padding-top:10px;margin-bottom:10px}.page-czjcb .mui-table-view .mui-media-object.mui-pull-left{margin-right:19px;border-radius:5px}.page-czjcb .moreCourse p,.page-czjcb .moreTips p{font-size:12px;text-align:center;line-height:37px;color:#999;background-color:#fff}.page-czjcb .rec-top .connect:before{background-color:#9dc21c}.page-czjcb .rec-top .connect:before,.page-czjcb .rec-top .hobbey:before{content:"";display:inline-block;width:3px;height:15px;position:absolute;top:2px;left:0}.page-czjcb .rec-top .hobbey:before{background-color:#f87070}.page-czjcb .jcbDiv{padding:12px;background-color:#fff;position:relative}.page-czjcb .jcbImg{width:60px;height:60px;margin-right:13px}.page-czjcb .jcbTitle{color:#1b1b1b;font-size:15px}.page-czjcb .jcbContent{padding-top:10px;padding-bottom:5px}.page-czjcb .jcbContent p{margin-bottom:0}.page-czjcb .jcbContent p:first-child{margin-bottom:5px}.page-czjcb .icon-youjiantou2{position:absolute;top:40%;right:3%;color:#cbcbcb}.page-czjcb .swiper-container-horizontal>.swiper-pagination-bullets{width:auto;padding:0 3px;height:9px;background-color:hsla(0,0%,100%,.7);left:inherit;right:15px;border-radius:3px}.page-czjcb .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 2px;margin-bottom:10px}.page-czjcb .swiper-pagination-bullet{width:4px;height:4px}.page-czjcb .swiper-pagination-bullet-active{background-color:#ff5c33}.page-czjcb .layermbtn{height:41px}.page-czjcb #connectUl .notshow,.page-czjcb #courseUl .notshow{display:block}@media (min-width:640px){.page-czjcb .mui-bar{left:50%;margin-left:-320px}}@media (max-width:321px){.page-czjcb #lunboSwiper{width:100%;height:200px}}.page-czjcb .xueduan{float:right;font-size:12px;color:#999;margin-top:1px}.page-czjcb .watchNum .iconfont,.page-czjcb .xueduan .iconfont{margin-right:5px}.page-czjcb #courseUl .watchNum{margin-left:-1px}.page-czjcb .watchNum .icon-topic,.page-czjcb .xueduan .icon-xuesheng2{position:relative;top:1px}.page-czjcb .banquanwenti{margin-top:-12px;display:inline-block!important;width:111%!important;font-size:9px;color:#999;-webkit-transform-origin-x:0;-webkit-transform:scale(.9)}.page-czjcb .footer span{width:100%!important}