.MainContainer{max-width:720px;margin:auto;background: #fff;}
/**关注**/
.guanzhu {position:fixed;width:100%;max-width:720px;margin:auto;background:rgba(0,0,0,.5);z-index:999;}
.guanzhu .list{float:left; padding-left:15px;line-height: 50px; color: #f9f9f9;}
.guanzhu .gz {float: right; margin-right:15px;background: #f30; border-radius: 15px;font-size: 14px; color: #fff; margin-top:15px; line-height:22px; padding:0 12px;}

.qun-head{background:#fff;position:relative;}
.qun-head .word{padding-top:5px;height:35px;}
.qun-head .banner{background-position:center center;}
.qun-head .banner img{width:100%;}

.about_0 { padding:15px;}
.about_0 .content{ text-align:justify;}

/**标题**/
.title_1 {padding:20px 0; text-align: center;}
.title_1 span{display: block;font-size: 20px;color: #F30;line-height:30px;}
.title_1 span em{color: #333;margin-right: 5px;font-weight: 800;}
.title_1 p{font-size: 14px;color:#f60;}

/*你是否遇到这样的问题*/
.box_1 { margin:0;}
.box_1 .shadow {box-shadow: 0 0 5px rgba(0, 0, 0, .1);border-radius:5px; overflow: hidden; margin:10px 15px;background:#fff;}
.box_1 .shadow p{padding: 10px; font-size: 14px; line-height: 20px;vertical-align: middle;}

.box_2{padding: 30px 15px; text-align: center; background: #0066FF url(/public/static/qun_style/bgj/bgj_3.png) no-repeat; background-size: 100%;}
.box_2 ul:after{content: '';display:block;clear: both;}
.box_2 ul li{padding:15px 0; text-align:center;}
.box_2 ul li span{background: #f30; color: #fff; font-size:16px; font-weight:800; border-radius:20px; padding:10px 40px; background: #d00904;}
.box_2 ul em{color: #fff; font-size: 16px; line-height:30px;}
.box_2 ul li:nth-child(2) span{background: #F30;}
.box_2 ul li:nth-child(3) span{background: #B01FE0;}
.box_2 ul li:nth-child(4) span{background: #133CD7;}
.box_2 .fifty_2{font-size:16px;line-height:30px;color: #fff;text-align: center;}

.box_3{padding: 0 15px 20px;text-align:center;}
.box_3 .head {font-size:20px; text-align:center; color:#333;}
.box_3 .content li{ padding:10px 0;}
.box_3 .content li span{background: #f30; color: #fff; font-size:16px; font-weight:800; border-radius:20px; padding:8px 30px;}
.box_3 .content p{line-height:24px;}



.huoban{margin:10px 15px;}
.huoban ul li{margin-bottom: 15px; border-radius: 10px; background:#fff;}
.huoban ul li img{border-radius: 10px; width:100%;}
.huoban ul li p{font-size: 16px;text-align: center;color:#333; padding:10px;line-height: 24px;}


/*课程大纲列表*/
.box_4{padding:15px;background: #eee url(/public/static/qun_style/lingxiu/lx_8.png) center no-repeat;background-size: cover;-webkit-background-size: cover;-o-background-size: cover;background-position: center 0;}
.owl-carousel {width:100%;-ms-touch-action:pan-y;}
.owl-carousel .owl-wrapper-outer {overflow:hidden;}
.owl-carousel .owl-item {float:left}
.slide{border-radius:3px; border:1px solid #eee;}
.slide .title{line-height:40px; font-size:16px;padding:0 10px; background:#f9f9f9; border-radius:5px;}
.slide .title span{font-style:oblique; font-weight:800; color:#333;}
.slide .content{font-size:14px;line-height:24px; padding:10px; color:#666;}

.huadong{ border-radius: 20px; margin:20px auto;width:200px;text-align:center; font-size:14px; color:#f30;}

/**八大服务**/
.fuwu{background: #fff;position: relative;}
.MainMenu{padding:10px;}
.MainMenu ul:after{content: '';display:block;clear: both;}
.MainMenu ul li{width:50%;float: left;overflow: hidden;position: relative; padding:5px 0;}
.MainMenu ul li span,.MainMenu ul li dl{display: block;width:50px;overflow: hidden; margin: auto;text-align: center;position: relative;}
.MainMenu ul li span{border-radius: 50%;color: #333; border:4px solid #f9f9f9;}
.MainMenu ul li dl{ width: 100%; }
.MainMenu ul li dl dt{ font-weight: 400; color: #333; font-size: 16px;overflow: hidden; font-weight: bold;}
.MainMenu ul li dl dd{ line-height: 22px; overflow: hidden; color: #999; font-size: 14px; padding:5px; }
.MainMenu ul li span:before{content: '';display: block;padding-top: 100%;}
.MainMenu ul li span i{position: absolute;left:50%;top: 50%;font-size:25px; -webkit-transform: translate3D(-50%, -50%, 0);-ms-transform: translate3D(-50%, -50%, 0);transform: translate3D(-50%, -50%, 0);}

/**课堂掠影**/
.about_7{overflow:hidden; margin:15px;}
.common-bgmargin{overflow: hidden;position: relative;}
.index-hyshop{width:100%;display: inline;white-space: nowrap;overflow-x:scroll;float:left;overflow-y:hidden;}
.index-hyshop li{display:inline-block;width:80%;margin-right:10px; border-radius:10px;}
.index-hyshop li:nth-child(7){margin-right: 0;}
.index-hyshop li .img {position: relative; }
.index-hyshop li .img img {width:100%; border-radius:10px;}
.index-hyshop li .img .info {position: absolute; bottom: 0; left:0; right:0;padding: 3px 5px; background: rgba(0, 0, 0, .5);font-size: 12px; color: #fff; border-radius:5px;}
/**学员案例**/
.box_8{width:100%;background:#f9f9f9;}
.ListInfos{ padding:15px 15px 150px;}
.ListInfos .lists{border-radius:10px; margin-right:15px;}
.ListInfos .lists:nth-child(6){margin-right: 0;}
.ListInfos .lists ol .price{position:absolute; float:right; right:10px; top:10px;}
.ListInfos .lists ol .price div{color:#F30; font-size:14px;}
.ListInfos .lists ol{display: table-cell;vertical-align: middle; padding:20px 10px 20px;}
.ListInfos .lists ol img{float: left;width: 40px;height: 40px;overflow: hidden;margin-right: 10px;border-radius: 50%; background:#333;}
.ListInfos .lists ol div{float: left; margin-top:5px;}
.ListInfos .lists ol div span{display: block; overflow: hidden;line-height: 14px;font-size:16px; color:#333;}
.ListInfos .lists ol div em{color: #999;font-size:12px;}
.ListInfos .lists ul{ background:#fff; border-radius:10px;padding:10px 15px; max-width:240px;}
.ListInfos .lists ul .title{color:#333; line-height:22px; word-break: break-all;text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 5; overflow: hidden;padding-bottom:10px; font-size:14px; }
.ListInfos .lists ul .time i{padding-right:5px; color:#f60;}
.ListInfos .lists ul .time{ color:#999; font-size:12px;}
.ListInfos .lists ul .sanjiao{ position:absolute;border-color: transparent transparent #fff transparent; border-style: solid; border-width: 0px 10px 10px 10px; height: 0px; width: 0px; margin-top:-20px; margin-left:5px;}

.about_1 { padding:15px; border-radius:10px;}
.about_1 .head { border-left:8px solid #d00904; line-height:26px; font-size:16px; border-radius:5px;}
.about_1 .head span { color:#d00904; font-weight:bold;}
.about_1 .head p{ padding-left:10px;}
.about_1 .content{ font-size:14px; color:#666; text-align:justify; line-height:24px; padding:10px;}
.about_1 .content span { color:#d00904; text-align:center;}
.about_1 .content p { padding:5px 0;}

.about_2 {background: #de1620;padding:5px;}
.about_2 .lesson_head { font-size:20px; text-align:center; color:#fff;padding:10px 0 15px;}



.about_5{padding:15px;}
.about_5 .head { font-size:20px; text-align:center; color:#d00904;padding:10px 0 15px;}
.about_5 .zhichi{display: table;width:100%;border-radius: 10px;}
.about_5 .zhichi li{border-radius: 5px;float: left;}
.about_5 .zhichi li img{float: left; width:40%; border-radius: 5px 0 0 5px;}
.about_5 .zhichi li span{display: block;color:#333; padding:10px 0 0; font-size:18px;}
.about_5 .zhichi li p{color:#666;line-height: 24px; padding:10px;text-align:justify; font-size:14px;}


/***滑动图片**/
.about_7{overflow:hidden; margin:15px;}
.about_7 .head { font-size:20px; text-align:center; color:#333;padding:15px;}
.common-bgmargin{overflow: hidden;position: relative;}
.index-hyshop{width:100%;display: inline;white-space: nowrap;overflow-x:scroll;float:left;overflow-y:hidden；}
.index-hyshop li{display:inline-block;width:60%;margin-right:8px;}
.index-hyshop li .img {position: relative; }
.index-hyshop li .img img {width:100%; border-radius:5px;}
.index-hyshop li .img .info {position: absolute; bottom: 0; left:0; right:0;padding: 8px 10px; background: rgba(0, 0, 0, .5);font-size: 12px; color: #fff; border-radius:5px;}



/*学员评价*/
.pingjia{ padding:20px 15px;}
.pingjia .lists{border-radius:5px; margin-right:10px; width:80%; min-height:240px; background:rgba(0,0,0,1)}
.pingjia .lists:nth-child(6){margin-right: 0;}
.pingjia .lists ol{padding:20px; min-height:50px;}
.pingjia .lists ol .price{position:absolute; float:right; right:10px; top:10px;color:#F30; font-size:14px;}
.pingjia .lists ol img{float: left;width: 40px;height: 40px;overflow: hidden;margin-right: 10px;border-radius: 50%; background:#333;}
.pingjia .lists ol div{float: left; margin-top:5px; }
.pingjia .lists ol div span{display: block; overflow: hidden;height: 16px;line-height: 16px;font-size:16px; color:#fff;}
.pingjia .lists ol div em{color: #999;font-size:12px;}
.pingjia .lists ul{ background:#eee; border-radius:5px;padding:10px 15px; }
.pingjia .lists ul .title{color:#333; line-height:22px; text-align:justify;word-break: break-all;text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical;  -webkit-line-clamp: 5;  overflow: hidden; text-align:justify; padding-bottom:10px; font-size:14px; }
.pingjia .lists ul .time{ color:#999; font-size:12px;}
.pingjia .lists ul .time i{padding-right:5px; color:#f30;}
.pingjia .lists ul .sanjiao{ position:absolute;border-color: transparent transparent #eee transparent; border-style: solid; border-width: 0px 10px 10px 10px; height: 0px; width: 0px; margin-top:-20px; margin-left:5px;}

/***** 返回TOP *****/
.btops {position: fixed;width: 40px;height: 40px;bottom: 85px;right: 10px;background: #000;opacity:0.7;}
.btns {border-radius:50%;border:0px;}
.btns i{font-size:23px;color:#fff;}
/**关于**/
.about_8{ background: #fff url(lx_5.jpg) top center no-repeat; background-size: cover;
-webkit-background-size: cover;
-o-background-size: cover;
background-position: center 0;}
.about_8 .head { font-size:20px; text-align:center; color:#fff;padding:15px;}
.about_8 .content{text-align:justify; padding:0 15px;  padding-top:320px;}
.about_8 .content p{line-height:24px; color:#333; padding-bottom:10px;}

/**底部**/
body{padding-bottom:50px;}
.foot{position:fixed; z-index:100; bottom:0px; background:#fff; width:100%;max-width:720px;margin:auto;}
.foot .footer{padding:0 15px;}
.footer .item{ width:40%; text-align:center; color:#333; padding-top:10px; line-height:20px;}
.footer .item i{display:block; font-weight:800; font-size:20px;}
.footer .item span{font-size:14px;}

.footer .item2{ margin: 10px auto;text-align: center;height:35px;line-height: 35px; border-radius:20px; background:#f30; padding:0 30px;}
.footer .item2 .pay{color:#fff; font-size:16px;}

.dislay-flex {display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: flex}

body{padding-bottom:110px; /*避免菜单档住最底部的内容*/}
.footer{ width: 100%; max-width:720px;margin:auto; position:fixed; bottom: 0; z-index: 10;} 
.foot_min{background: rgba(0,0,0,0.6); overflow: hidden;}
.foot_min span{font-size: 12px; color: #fff; padding-left:4%;}
.foot{background: #FEF7EA; overflow: hidden; }
.foot_l{ float: left; width: calc(92% - 120px); padding-left:4%;}
.foot_l .cnt_booking{line-height: 18px; overflow: hidden; font-size: 14px; padding-top:15px; color:#000;}
.foot_l .cnt_booking p{font-size: 12px; color:#999; padding-top:5px;}
.foot_r{ float: right; margin: 5% 4% 0 0; background:#f30; border-radius:20px; padding:5px 20px;}
.foot_r a{ display: block; color:#fff; text-align:center;}


/**底部弹窗**/
.tcmall-mask{ display:none; z-index:100; background:rgba(0,0,0,0.8); position:fixed; top:0; left:0; right:0; bottom:0;-webkit-animation:fadeIn 0.5s 0s ease both; -moz-animation:fadeIn 0.5s 0s ease both;}
.cart{ display:none; position:fixed; background:#fff; border-radius:10px 10px 0 0; bottom:0; z-index:101;width: 100%;max-width: 720px;margin: auto;}
.cart .goodsinfo-cart_header{ padding:0 15px;}
.cart .goodsinfo-cart_header .cart-hd_close{ width:25px; min-width:25px; margin-top:-10px; padding-left:90%;}
.cart .goodsinfo-cart_header .cart-hd_close .close{width:22px; height:22px; position:relative; border-radius:100%; border:1px solid #999; background:#fff;}
.cart .goodsinfo-cart_header .cart-hd_close .close::after,.cart .goodsinfo-cart_header .cart-hd_close .close::before{ transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); content:''; position:absolute; height:1px; width:15px; background:#000; top:10px;right: 4px;}
.cart .goodsinfo-cart_header .cart-hd_close .close::before{transform: rotate(135deg); -moz-transform: rotate(135deg); -o-transform: rotate(135deg); -ms-transform: rotate(135deg); -webkit-transform: rotate(135deg); }
/**表单**/
.biaodan{height:auto;}
.biaodan .biaodan_header{ padding:15px 20px 5px; }
.biaodan .biaodan_header .title{ line-height:45px; font-size:20px; color:#333;}
.biaodan .biaodan_header .BaseInfos{color: #999;font-size:12px;}
.biaodan .biaodan_header .BaseInfos i{ color:#f00; font-size: 14px; padding-right:8px;}
.biaodan .biaodan_header .BaseInfos span{ color:#f00; font-weight:800;}
.biaodan .aboutcnt{padding:20px;}
.biaodan .aboutcnt dl{ padding-bottom:20px;}
.biaodan .aboutcnt dt{ padding:5px 0;font-size:16px;}
.biaodan .aboutcnt dt .span{color:#f30;}
.biaodan .aboutcnt dd .layui-input{ border-radius:10px; border:1px solid #eee; padding:5px 10px; width:90%; font-size:14px;}
.aboutcnt .butter{text-align: center;}
.aboutcnt .butter button{display: block;border: 0px;width: 60%;line-height: 40px;background: #f30;color: #FFF;border-radius: 25px;margin: 15px auto; font-size:16px;}