body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea,th,td{margin:0;padding:0}body{font-family:'Microsoft Yahei',Arial,STHeiti,sans-serif}ul,li,ol,dl,dt,dd,input{list-style:none}a{text-decoration:none}.clear{clear:both}.fl{float:left}.fr{float:right}.mb14{margin-bottom:14px}.ui-loader-default{display:none}.ui-mobile-viewport{border:none}.ui-page{padding:0;margin:0;outline:0}div.device-window{width:100%;height:auto;position:relative}div.side-nav{width:250px;background-color:#29292f;display:none}.side-padd-lift{height:100%;width:250px;padding-left:30px}.side-padd-lift .headpic-box{width:100%;height:100px;border-bottom:1px solid #666}.side-padd-lift .headpic-box .head-pic{width:60px;height:60px;border:2px solid #c2c2c2;border-radius:100px;background-color:#cfcfcf;margin:25px 0 0 20px;float:left;background-image:url("../../images/iconfont-danxiantouxiangline.png");background-size:cover}.side-padd-lift .headpic-box .user-name{float:left;margin:47px 0 0 10px;color:#fff;font-size:14px}.side-padd-lift ul{margin-top:6px}.side-padd-lift li{color:#999;line-height:44px;padding-left:20px}.side-padd-lift li.active{color:#fff}.side-padd-lift li span{font-size:14px;padding-left:20px}.side-padd-lift li em{font-size:16px}div.content{width:100%;position:fixed;top:0;left:0;right:0;background-color:#fff;z-index:79}.occlusion{width:100%;height:100%;position:absolute;top:0;display:none;z-index:99}.ctrlheight{overflow:auto}header{width:100%;height:44px;background-color:#00b7ef;color:#fff;position:absolute;z-index:4}header .headcontent{line-height:44px;width:100%;text-align:center}header .headcontent div{display:inline-block;line-height:44px}.left-btn{width:83px;padding-left:10px;font-size:20px;float:left;text-align:left}.right-btn{width:25px;padding-right:10px;font-size:12px;float:right;height:44px}.school-title{text-align:center;font-size:18px;width:100%;position:absolute;left:0;top:0;z-index:0}.branch{float:right;text-align:right;font-size:14px;height:44px}.school-title em{margin-left:3px;font-size:16px}.branch-pop{width:auto;height:auto;position:absolute;top:49px;left:5px;background-color:#29292f;border-radius:5px;display:none}.branch-pop .triangle{position:absolute;width:9px;height:6px;background-image:url("../../images/pop_03.png");background-size:cover;top:-6px;left:50%;margin-left:5px}.branch-pop li{line-height:34px;border-bottom:1px solid #333;text-align:center;padding:0 20px;font-size:14px;color:#999}.branch-pop li:last-child{border-bottom:none}.content section{margin-top:44px;position:relative;background-color:#fff}div.content .banner{width:100%;height:160px;background-image:url("../../images/banner.png");background-size:contain}.todayclass{width:100%;height:auto}.todayclass .todaytitle{width:100%;height:28px;line-height:28px}.title-font{font-size:14px;color:#333;line-height:40px;height:40px}.title-font .q-more{color:#999;float:right;font-size:12px}.openclass-box{width:100%;height:auto;overflow:hidden;position:relative}.classleft-btn{display:block;position:absolute;width:17px;height:20px;border-radius:100px;opacity:.5;top:35px;left:0;z-index:3;color:#717171;line-height:20px;text-align:center}.classright-btn{display:block;position:absolute;width:17px;height:20px;border-radius:100px;opacity:.5;top:35px;right:0;z-index:3;color:#717171;line-height:20px;text-align:center}.openclass-box .openclass-pic-box{width:100%;height:130px;overflow:hidden;position:relative;background-color:#f7f6f6}.openclass-box .openclass-pic-box ul{width:480px;position:absolute;left:0;top:0;height:128px;z-index:2}.openclass-box .openclass-pic-box li{float:left;height:128px}.pic-padd{padding:5px}.pic-padd div.class-pic{width:100%;height:83px;text-align:center;background-size:cover;background-repeat:no-repeat}.class-pic>div{width:151px;height:100%;display:inline-block;position:relative}.cont>div{width:151px;height:100%;display:inline-block;text-align:center}.cont-padd{padding:0 8px}.cont-padd div.cont{width:100%;height:35px;text-align:center}.cont-padd div.cont div{font-size:14px;color:#666}.cont-padd div.cont p{font-size:12px;color:#999}.play-live{position:absolute;bottom:0;width:100%;height:20px;background:rgba(0,0,0,0.6);text-align:center;color:#0cb3e7;font-size:12px}.play-unlive{position:absolute;bottom:0;width:100%;height:20px;background:rgba(0,0,0,0.6);text-align:center;color:#cfcdcd;font-size:12px}.play-live p span{margin-left:3px}.play-unlive p span{margin-left:3px}.recomclass{width:100%;height:auto;padding-top:15px;background-color:#f5f5f5}.recomclass .recomtitle{padding:0 10px;background-color:#fff}.recomclass .recomcont{width:100%;height:auto;padding:0 10px;background-color:#fff}.recomclass .recomcont li{float:left;margin-right:4%;width:48%;margin-bottom:15px}.recomclass .q-recomcont li{width:50%;margin-right:0}.recomclass .q-recomcont li:nth-child(odd)>div{margin-right:4px}.recomclass .q-recomcont li:nth-child(even)>div{margin-left:4px}.recomclass .recomcont .my-class li{padding:7px 5px;border-bottom:1px solid #ededed}.recom-box{height:auto;overflow:hidden;position:relative}.recompic{height:95px;background-size:contain;background-repeat:no-repeat}.q-classBall .recompic{height:10%;width:100%}.q-classBall .recompic img{width:100%;vertical-align:middle}.recomright{width:100%}.cont-top{height:30px;line-height:30px;font-size:14px;color:#333}.cont-bottom{text-align:center;line-height:18px;overflow:hidden}.cont-bottom p{font-size:12px;color:#999;float:left}.cont-bottom p:first-child{color:#999;float:left}.cont-bottom p em{color:#bbb}.cont-bottom .pad em{margin-right:7px}p.red-font,p.red-font em{color:#f33}.cont-bottom p.free{color:#00b7ef;padding-left:5%}.occup{width:100%;height:10px}.dropdown-pop{position:absolute;top:0;width:100%;background-color:#fff;display:none;overflow:auto !important;z-index:50}.allclass-title{width:100%;padding:0 10px;height:46px;line-height:46px;border-bottom:1px solid #c9c9c9;color:#00b7ef}.dropdown-pop-box li{padding:0 10px}.dropdown-pop-box li .subclass{height:auto;border-bottom:1px solid #e9e9e9;line-height:44px}.dropdown-pop-box li .subclass>div{overflow:hidden}.dropdown-pop-box li .subclass .sub-name{font-size:16px;color:#333;margin-left:4px}.dropdown-pop-box li .subclass em{font-size:16px;color:#b6b6b6;margin-right:5px}.dropdown-pop-box li .sub-box>div{height:29px;width:30%;margin:0 0 2% 2%;background-color:#e9eaeb;float:left;border-radius:1px;color:#999;line-height:29px;text-align:center;font-size:14px}.sub-box{display:none}.ease_in{transition:all .3s ease;-moz-transition:all .3s ease;-ms-transition:all .3s ease;-webkit-transition:all .3s ease;-o-transition:all .3s ease}footer .foot-padd{padding:3px 0 10px;width:100%;height:auto;text-align:center}footer .foot-padd .foot-btn{display:inline-block;width:145px;height:42px;border:1px solid #ebebeb;border-radius:2px;color:#666;font-size:14px}footer .foot-padd .foot-btn .iconfont{line-height:20px;font-size:16px}div.screen-pop{width:100%;background:rgba(0,0,0,0.5);position:absolute;top:0;z-index:89;display:none}.screen{width:100%;height:auto;position:absolute;top:0;z-index:90;display:none}.screen-pop-padd{padding:5px 10px;background-color:#fff}.screen-box{width:100%;height:290px}.screen-box>div{width:100%;height:auto}.screen-title{font-size:14px;color:#333;margin-top:16px}.screen-box li{width:70px;height:26px;background-color:#e6e6e7;border-radius:2px;float:left;color:#777;text-align:center;line-height:26px;margin:10px 10px 0 0;font-size:14px}.btn-box{margin-top:40px;text-align:center}.btn-box div{display:inline-block;margin-top:10px;margin-right:25px;width:80px;height:26px;border-radius:2px;background-color:#e6e6e7;color:#333;text-align:center;line-height:26px;font-size:14px}li.active-screen,div.active-screen{background-color:#00b7ee;color:#fff}.dropdown-pop-box li .sub-box>.active-screen{background-color:#00b7ee;color:#fff}.details-padd{padding:10px;width:100%;height:auto}.detail-box{width:100%;height:auto}.detail-title{width:100%;height:48px;border-bottom:1px solid #bfbfbf}.detail-title .title-name{line-height:20px;font-size:16px;color:#333}.detail-title .detail-time{float:right;font-size:12px;color:#999}.detail-cont{padding:15px 37px 0 0;font-size:14px;color:#999}.return-btn{width:29px;padding-left:10px;font-size:20px;float:left;text-align:left}.return-font{float:left}.rt-btn{width:60px;padding-right:10px;font-size:16px;float:right;height:44px;text-align:right}.blankpic-box{width:100%;height:100%;text-align:center}.blankpic-box .blankpic{width:150px;height:150px;display:inline-block;margin-top:90px}.blankpic-box .item-text{margin-top:30px;font-size:14px;color:#666}.content section .box{text-align:center;color:#666;font-size:14px;position:absolute;left:50%;top:50%;z-index:3;width:100%;-webkit-transform:translate(-50%, -50%)}.content section .box p{color:#666;line-height:50px}.custom .block{width:50%;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;padding:0 5px;float:left;margin-bottom:10px}.custom .block .wrap{background:#f6f6f6;padding-bottom:2px}.custom .block .wrap img{width:100%}.custom .block .cont-top{height:auto;line-height:24px}.custom .block .cont-bottom{margin-top:0}.custom .block .iconfont{font-size:14px}.custom .block .cont-bottom p{width:auto}.custom .block .cont-bottom .pad em{margin-right:4px}.custom .block .cont-bottom p.blue-font{color:#00b7ef}.custom .block .cont-bottom p:first-child{width:auto;margin-left:8px;margin-right:8%}.q-branch{float:left}.q-right-btn{float:left}.q-left-btn{position:absolute;right:0;top:0;width:40px;z-index:100}.q-item{box-sizing:border-box}.q-item .icon-item.swiper-wrapper{padding-top:18px;padding-bottom:7px;height:81px !important;background-color:#fff}.q-item .icon-item .item-list.swiper-slide{text-align:center;float:left;width:45px;height:81px !important}.q-item .icon-item .item-list p{font-size:14px;color:#404040;height:32px;line-height:32px}.q-item .icon-item .item-list .q-img{display:inline-block;width:45px;height:45px;background-position:left top;background-repeat:no-repeat;background-size:contain}.q-item .icon-item .item-list .q-class{background-image:url("../../images/homepage/kecheng.png")}.q-item .icon-item .item-list .q-ball{background-image:url("../../images/homepage/kechengbao.png")}.q-item .icon-item .item-list .q-open{background-image:url("../../images/homepage/gongkaike.png")}.q-item .icon-item .item-list .q-tiku{background-image:url("../../images/homepage/tiku.png")}.q-item .icon-item .item-list .q-minghsi{background-image:url("../../images/homepage/mingshi.png")}.q-item .icon-item .item-list .q-wenda{background-image:url("../../images/homepage/wenda.png")}.q-item .icon-item .item-list .q-huiyuan{background-image:url("../../images/homepage/huiyuan.png")}.recomclass .recomcont ul{overflow:hidden}.recomclass .recomcont li:nth-child(2n){margin-right:0}.cont-bottom .p-cancel-save,.cont-bottom .red-font{float:right}.cont-bottom .p-cancel-save{display:none}.recomclass.q-classBall .recomcont li{width:100%;float:none}.q-classBall .recomcont li .recomright{text-align:center;border:1px solid #e5e5e5;border-top:none;padding-bottom:12px}.q-classBall .recomcont li .recomright .cont-bottom p{float:none;display:inline-block}.q-classBall .recomright .cont-bottom .blue-font{color:#07bbee}.q-classBall .recomright .cont-bottom .q-line{width:1px;display:inline-block;height:10px;background-color:#bbb;margin:0 5px}.q-classBall .recomright .q-jieduan{margin-left:20px;margin-right:20px}.q-classBall .cont-top{height:35px;line-height:35px}.recomclass.q-classBall .recomcont li{margin-bottom:10px}.q-wrapper{position:absolute;z-index:1;top:0;bottom:0;left:0;width:100%;background:#fff;overflow:hidden}.pagination{position:absolute;left:0;text-align:center;top:135px;width:100%;z-index:1000}.swiper-pagination-switch{display:inline-block;width:10px;height:10px;border-radius:10px;background-color:#fff;margin:0 3px;cursor:pointer}.swiper-active-switch{background-color:#35b558}.q-vip .cont-top{position:relative}.q-vip .cont-top .q-vipImg{display:inline-block;position:absolute;right:0;top:50%;margin-top:-12px;width:23px;height:23px;background:url(../../images/vip_img.png) center center no-repeat;background-size:contain}.q-recomcont .recompic img{min-height:80px}.q-classBall .recompic img{min-height:130px}.q-cont{position:absolute;left:10px;top:0;z-index:100}.q-mingshi .recom-box{text-align:center;border:1px solid #e5e5e5}.mingshi-name{height:22px;line-height:22px;font-size:14px;color:#333}.q-mingshi .mingshi-img{display:inline-block;margin-top:9px;width:88px;height:88px;background:url(../../images/class.png) left top no-repeat;background-size:cover;margin-bottom:4px;border-radius:50%;vertical-align:middle}.mingshi-start{margin-bottom:9px;display:inline-block}.mingshi-start em{display:inline-block;width:12px;height:12px;background:url(../../images/xingkong.png) left top no-repeat;background-size:contain;margin-right:3px;vertical-align:middle}.mingshi-start em.active{background-image:url(../../images/xingshi.png)}.mingshi-text{font-size:12px;color:#666;height:25px;line-height:25px;padding-left:9px;padding-right:9px}.recomclass .q-recomcont li:nth-child(even) > div.upCont{margin-left:0;}