/* CSS Document */
/*瑜伽联盟手机站首页*/
.wp{ width:94%; margin:0 auto;}
.header{ height:56px;  position:relative; z-index:3; text-align:center;background:#99c750;border:0px solid #e6e6e6; border-width:0px 0 2px 0;}
.header .logo{ display:inline-block; color:#fff; font-size:20px; padding-top:11px;  float:left;left:10px; margin-left:10px;}
.header .logo img{ height:36px; width:auto;}
.lobtn{ float:right; text-align:center; margin-top:14px;}
.lobtn img{ display:block; width:26px; height:26px;}
.lobtn span{ font-size:14px; color:#555; line-height:1.2; display:block; text-align:center;}
.lobtn:active span{ color:#6cc;}
.backbtn{ background:url(../images/icon/return.png) center center no-repeat; background-size:26px 22px; left:8px !important; top:15px; width:40px; height:40px; position:absolute;}
/*.menu{ background:url(../images/icon/icon1.png) center center no-repeat; background-size:26px; right:8px !important; top:15px; width:34px; height:34px; position:absolute;}*/
.menu{ position:absolute; width:24px; height:24px; top:16px; right:10px; cursor:pointer;}
.menu i{ display:block; width:21px; height:3px; background-color:#fff; position:absolute; -webkit-transition:.5s; -moz-transition:.5s; -ms-transition:.5s; -o-transition:.5s; transition:.5s;}
.menu i:nth-child(1){ top:4px; -webkit-transform-origin:left bottom; -moz-transform-origin:left bottom; -ms-transform-origin:left bottom; -o-transform-origin:left bottom; transform-origin:left bottom;}
.menu i:nth-child(2){ top:11px;}
.menu i:nth-child(3){ top:18px; -webkit-transform-origin:left top; -moz-transform-origin:left top; -ms-transform-origin:left top; -o-transform-origin:left top; transform-origin:left top;}
.menu.on i:nth-child(1){ -webkit-transform:rotate(40deg); -moz-transform:rotate(40deg); -ms-transform:rotate(40deg); -o-transform:rotate(40deg); transform:rotate(40deg);}
.menu.on i:nth-child(2){ opacity:0;}
.menu.on i:nth-child(3){ -webkit-transform:rotate(-40deg); -moz-transform:rotate(-40deg); -ms-transform:rotate(-40deg); -o-transform:rotate(-40deg); transform:rotate(-40deg);}

/*banner*/
.focus{ z-index:2; width:100%; height:auto;  margin:0px auto; position:relative; overflow:hidden;   }
.focus .hd{ width:100%; height:11px;  position:absolute; z-index:1; bottom:12px; text-align:center; }
.focus .hd ul{ display:inline-block; height:5px; padding:3px 5px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; font-size:0; vertical-align:top;}
.focus .hd ul li{ display:inline-block; width:10px; height:10px; background:#fff; margin:0 3px;  vertical-align:top; overflow:hidden; -webkit-border-radius:50%; -moz-border-radius:50%; -ms-border-radius:50%; -o-border-radius:50%;  border-radius:50%;   }
.focus .hd ul .on{ background:#99c750; }
.focus .bd{ position:relative; z-index:0; }
.focus .bd li img{ width:100%;  height:auto; background:url(images/loading.gif) center center no-repeat;  }
.focus .bd li a{ -webkit-tap-highlight-color:rgba(0, 0, 0, 0); /* 取消链接高亮 */  }
/*底部*/
.footer{ width:100%; position:fixed; left:0; bottom:0;}
.top_bar{background:#99c750; padding:2px 0px 2px;}
.top_bar ul{ margin-bottom:0;}
.top_bar li{ width:20%; float:left; text-align:center;}
.top_bar li span{display:block; width:80%; margin:6% auto auto;}
.top_bar li img{ width:24px; height:auto}
.top_bar li p{ width:100%; height:22px; line-height:22px; text-align:center; font-size:14px; color:#fff;}
.top_bar li p a{color:#fff;}
.footerheight{ height:58px;}

/*小导航*/
.inav{ width:140px; background-color:#fff; border-left:2px solid #e6e6e6; position:absolute; z-index:3; top:58px; right:0; display:none; z-index:99;}
.inav ul{border-top:2px solid #e6e6e6;}
.inav ul li{opacity:0;}
.inav a{ display:block; text-align:center;  font-size:15px; color:#1a1a1a; line-height:40px; height:40px;border-bottom:2px solid #e6e6e6;}
.inav .li01{ background:url(../images/icon/sidenav01.png) 18px center no-repeat;}
.inav .li02{ background:url(../images/icon/sidenav02.png) 18px center no-repeat;}
.inav .li03{ background:url(../images/icon/sidenav03.png) 18px center no-repeat;}
.inav .li04{ background:url(../images/icon/sidenav04.png) 18px center no-repeat;}
.inav .li05{ background:url(../images/icon/sidenav05.png) 18px center no-repeat;}
.inav a:hover{ border-bottom:2px solid #99c750; color:#99c750;}
.inav li.on{ opacity:1;}

.h_train{ padding:30px 0 20px; background:url(../images/hbg0.jpg) center center no-repeat; -webkit-background-size:cover; -moz-background-size:cover; -ms-background-size:cover; -o-background-size:cover; background-size:cover;}
.h_tit{ text-align:center;font-size: 20px;}
.h_tit .mc{ height:20px;}
.h_tit .line{ display:block; text-align:center; margin:12px 0 10px;}
.h_tit  p{ font-size:12px; color:#666666;}
.htarea{ overflow:hidden; margin-top:30px;}
.htul{}
.htul li{ width:280px; margin:0 auto 20px;}
.htul li a{ display:block; position:relative;}
.htul li a img{ width:264px; display:block; height:264px; border:8px solid #fff; -webkit-border-radius:50%; -moz-border-radius:50%;-ms-border-radius:50%; -o-border-radius:50%; border-radius:50%;}
.htul li a .mc{ -webkit-border-radius:0 0 132px 132px; -moz-border-radius:0 0 132px 132px; -ms-border-radius:0 0 132px 132px; -o-border-radius:0 0 132px 132px; border-radius:0 0 132px 132px; background:url(../images/icon/shadow.png) center center no-repeat; text-align:center; position:absolute; bottom:8px; left:0; width:100%; font-size:16px; color:#fff; height:52px; line-height:52px;}

.h_file{ }
.hfbox{ padding:24px 2%; color:#fff;}
.hfbox .nr{ line-height:2; padding:14px 0 20px; overflow:hidden;}
.morea{ display:inline-block; padding:0 34px; color:#fff !important; line-height:34px; border:1px solid #c4c4c4;}
.morea:hover{ color:#fff; background-color:#99c750; border-color:#99c750;}
.hfbox1{background:url(../images/hbg1.jpg) center center no-repeat; -webkit-background-size:cover; -moz-background-size:cover; -ms-background-size:cover; -o-background-size:cover; background-size:cover;}
.hfbox2{background:url(../images/hbg2.jpg) center center no-repeat; -webkit-background-size:cover; -moz-background-size:cover; -ms-background-size:cover; -o-background-size:cover; background-size:cover;}
.h_tutor{ padding:30px 0 20px;}

.h_proslide{ position:relative; overflow:hidden; padding:20px 0 20px; }
.h_proslide .hd{ width:100%; margin-left:0%;  height:0px; z-index:1; }
.h_proslide .hd img{ width:11px;  }
.h_proslide .prev,.h_proslide .next{ position:absolute; left:0;  top:50%; margin-top:-19px; display:block; width:20px; height:38px; cursor:pointer;background-image:url(../images/icon/chan01.png); -webkit-background-size:100%; -moz-background-size:100%; -ms-background-size:100%; -o-background-size:100%;  background-size:100%; }
.h_proslide .prev{ background-position:0 0;}
.h_proslide .next{ left:auto; right:0;  background-position:0 -86px;}
.h_proslide .prev:hover,.h_proslide .next:hover{ background-image:url(../images/icon/chan01h.png);}
.h_proslide .bd{ position:relative; z-index:0; margin:0 28px;}
.h_proslide .bd li{ position:relative; }
.h_proslide .bd li a{ display:block; -webkit-tap-highlight-color:rgba(0, 0, 0, 0); /* 取消链接高亮 */ width:48%; display:inline-block; margin:0 1%; float:left;   border:0px solid #e6e6e6; font-size:0; position:relative; overflow:hidden;-webkit-transition:all .5s ease-out 0s; -moz-transition:all .5s ease-out 0s; -ms-transition:all .5s ease-out 0s; -o-transition:all .5s ease-out 0s; transition:all .5s ease-out 0s; border:1px solid #e6e6e6;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-o-box-sizing: border-box;box-sizing: border-box; }
.h_proslide .bd li a img{ width:100%; border:1px solid #fafafa;}
.h_proslide .bd li a p{padding:6px 14px; background:#fafafa; font-size:12px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; text-align:center;-webkit-transition:all .5s ease-out 0s; -moz-transition:all .5s ease-out 0s; -ms-transition:all .5s ease-out 0s; -o-transition:all .5s ease-out 0s; transition:all .5s ease-out 0s;}
.h_proslide .bd li a:hover p{ background-color:#99c750; color:#fff;}
.h_proslide .bd li a:hover{ border-color:#99c750;}
.morea2{display:inline-block; padding:0 24px; color:#fff !important; line-height:28px; background-color:#99c750;}
.morea2:hover{ background-color:#99c750;}

.morea{ display:inline-block; padding:0 24px; color:#fff !important; line-height:28px; border:1px solid #99c750;}
.morea:hover{ color:#fff; background-color:#99c750; border-color:#99c750;}
.h_dis{padding:30px 0 20px; background:url(../images/hbg8.jpg) center center no-repeat; -webkit-background-size:cover; -moz-background-size:cover; -ms-background-size:cover; -o-background-size:cover; background-size:cover;}
.hdarea{ margin-top:26px;}
.hdul{ margin-bottom:0px;}
.hdul li{ width:47%; margin:0 1.5% 20px; float:left;}
.hdul li a{ display:block; font-size:0; display:block;-webkit-transition:all .5s ease-out 0s; -moz-transition:all .5s ease-out 0s; -ms-transition:all .5s ease-out 0s; -o-transition:all .5s ease-out 0s; transition:all .5s ease-out 0s;}
.hdul li a img{ width:100%;}
.hdul li a:hover{ -webkit-box-shadow:2px 2px 4px 0px #999; -moz-box-shadow:2px 2px 4px 0px #999; -ms-box-shadow:2px 2px 4px 0px #999; -o-box-shadow:2px 2px 4px 0px #999;  box-shadow:2px 2px 4px 0px #999;}
/*02-瑜伽介绍*/
.i_ban{ overflow:hidden;}
.i_ban img{ max-width:150%; width:150%; margin-left:-25%;}

.i_main{ padding:0px 0 40px;}
.i_tit{ text-align:center; margin-top:26px;}
.i_tit span{ display:inline-block; font-size:22px; color:#333; padding-bottom:0px; border-bottom:2px solid #99c750;}
.yogadel{ padding:32px 0 0;}
.yogadel .tit{ font-size:18px; color:#99c750;}
.yogadel .wz{ line-height:2;}
.yogadel .tp{ display:block; margin:0 auto;}
/*05-瑜伽导师*/
.tutor{ padding:30px 0 0px; overflow:hidden;}
.tutorul{}
.tutorul li{ width:47%; float:left; margin:0 1.5% 20px;}
.tutorul li a{ display:block; font-size:0; position:relative; overflow:hidden;}
.tutorul li a .tp{ display:block; overflow:hidden;}
.tutorul li a img{ width:100%;-webkit-transition:all .5s ease-out 0s; -moz-transition:all .5s ease-out 0s; -ms-transition:all .5s ease-out 0s; -o-transition:all .5s ease-out 0s; transition:all .5s ease-out 0s;}
.tutorul li a .des{  padding:12px 10px; text-align:center;  color:#333; }
.tutorul li a .des h4{ font-size:16px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis; margin-bottom:4px;}
.tutorul li a .des p{ font-size:12px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.tutorul li a:hover img{-webkit-transform:scale(1.2,1.2); -moz-transform:scale(1.2,1.2); -ms-transform:scale(1.2,1.2); -transform:scale(1.2,1.2); transform:scale(1.2,1.2);}
/*05-瑜伽导师 - 详情*/
.tutordel{ padding:30px 0 00px;}
.tutordel .wz{ line-height:2.2; text-indent:2em;}
.tutordel .tp{ display:block; margin:0 auto 20px;}
/*03-联盟介绍*/
.union{ padding-top:20px;}
.unionul{ padding-top:14px;}
.unionul li{}
.unionul li .tp{ }
.unionul li .des{}
.unionul li .desarea{ padding:14px 0px 20px;}
.unionul li .desarea .tit{ font-size:22px; margin-bottom:4px;}
.unionul li .desarea .nr{ font-size:14px; line-height:2;}
/*04-培训*/
.train{margin-top:24px;}
.trainul li{ padding-bottom:16px; margin-bottom:10px; border-bottom:1px dotted #ccc; padding-left:18px; background:url(../images/icon/circle.png) 2px 13px no-repeat;}
.trainul li h4{ font-size:16px; color:#333; margin-bottom:10px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.trainul li h4 a{ color:#333;}
.trainul li h4 a:hover{ color:#99c750;}
.trainul li p{ font-size:12px; color:#555; line-height:2.2; }
.trainul li p a{ font-size:12px; color:#c00;  display:inline-block; display:block;}
.trainul li p a:hover{ text-decoration:underline;}

.lm{ padding:14px 2% 4px; }
.lm a{ display:inline-block; line-height:32px; font-size:14px; color:#333; text-align:center; width:31.33%; margin:0 1% 8px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box; border:1px solid #99cc66;}
.lm a:hover{ background-color:#eff7e2; }
.act_lm{background-color:#eff7e2 !important; }
/*04-培训-详情*/
.art_del{ padding:24px 0 0px;}
.art_del .pubinfor{ text-align:center; border-bottom:1px solid #ccc; padding:4px 0 18px;}
.art_del .pubinfor h4{ font-size:22px; color:#000; margin-bottom:12px;}
.art_del .pubinfor p{ font-size:12px; color:#666;}
.artnr{ margin-top:24px;}
.artnr .wz{ line-height:2.2; }
.artnr .tp{ display:block; margin:0 auto;}
/*06-学员风采*/
.dis{ padding:20px 0 0px; overflow:hidden;}
.disul{ padding-top:14px;}
.disul li{ width:47%; float:left; margin:0 1.5% 20px;}
.disul li a{ display:block; font-size:0; position:relative; overflow:hidden;}
.disul li a .tp{ display:block; }
.disul li a img{ width:100%;-webkit-transition:all .5s ease-out 0s; -moz-transition:all .5s ease-out 0s; -ms-transition:all .5s ease-out 0s; -o-transition:all .5s ease-out 0s; transition:all .5s ease-out 0s;}
.disul li a:hover img{-webkit-transform:scale(1.2,1.2); -moz-transform:scale(1.2,1.2); -ms-transform:scale(1.2,1.2); -transform:scale(1.2,1.2); transform:scale(1.2,1.2);}

.turnpage{ margin:0 auto; text-align:center;}
.turnpage a,.turnpage span{ display:inline-block; padding:4px 10px; font-size:12px;margin:0 5px; color:#333; border:1px solid #ccc; }
.turnpage .prev,.turnpage .next{ padding:4px 18px;}
.turnpage a:hover{ color:#fff; background-color:#8dac73; border-color:#8dac73;}
.current{ color:#fff !important; background-color:#8dac73 !important;border-color:#8dac73 !important;}
/*09-联系我们*/
.contact{ padding:20px 0 20px;}
.contact{ overflow:hidden;}
.contact .des{ padding-top:12px;}
.contact .des .tit{ font-size:22px; color:#8dac73; margin-bottom:10px;}
.contact .des .wz{ font-size:14px; color:#333333; line-height:2.2;}
.contact .des .wz .orange{}
.map{ margin-top:24px; border:1px solid #ddd;}
/*07-证书查询*/
.cert{ margin-top:22px;}
.certform{  margin:20px auto 0;}
.certform div{ margin-bottom:20px; overflow:hidden;font-size:14px;}
.certform div .text{ width:100%; padding-left:10px; height:40px; line-height:40px; border:1px solid #ccc; padding-left:16px; display:block;  font-size:14px; color:#555; -webkit-border-radius:3px; -moz-border-radius:3px; -ms-border-radius:3px; -o-border-radius:3px; border-radius:3px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-o-box-sizing: border-box;box-sizing: border-box;}
.certform div .tj{ width:100%; text-align:center; background-color:#8dac73;  text-align:center; font-size:14px; color:#fff;  cursor:pointer;-webkit-border-radius:3px; -moz-border-radius:3px; -ms-border-radius:3px; -o-border-radius:3px; border-radius:3px; height:40px;}
.certform div .tj:hover{ background-color:#99c750;}

.result{ margin:40px auto 30px; font-size:14px; color:#333; line-height:2;}
.result .tit{ font-size:16px; color:#555; margin-bottom:10px;}
.resulttp{ display:block; margin:0 auto;}
/*08-在线留言*/
.messtable{ width:96%; margin:20px auto 0;}
.messtable td{ padding:8px 0; vertical-align:top;}
.messtable .mc{ width:66px; padding-right:5px;}
.messtable .nr{}
.messtable label{ text-align:right; font-size:14px; line-height:40px; color:#999; display:block;}
.messtable label .xing{ color:#f00; margin:0  0 0px 3px;}
.messtable .text{width:100%; height:40px; line-height:40px; border:1px solid #ccc; padding-left:8px; display:block;  font-size:14px; color:#555; -webkit-border-radius:3px; -moz-border-radius:3px; -ms-border-radius:3px; -o-border-radius:3px; border-radius:3px; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;-o-box-sizing: border-box;box-sizing: border-box;}
.messtable textarea{width:100%; height:40px; line-height:40px; border:1px solid #ccc; padding:8px; display:block;  font-size:14px; color:#555; -webkit-border-radius:3px; -moz-border-radius:3px; -ms-border-radius:3px; -o-border-radius:3px; border-radius:3px; height:100px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-o-box-sizing: border-box;box-sizing: border-box;}
.messtable .tj td{ margin-top:7px; margin-bottom:12px; text-align:center; padding-top:18px;}
.messtable .tj input{ width:100%; text-align:center; background-color:#8dac73;  text-align:center; font-size:14px; color:#fff;  cursor:pointer;-webkit-border-radius:3px; -moz-border-radius:3px; -ms-border-radius:3px; -o-border-radius:3px; border-radius:3px; height:50px;}
.messtable .tj input:hover{ background-color:#99c750;}
.messtable .yzm{}
.messtable .yzm .text{ width:100px !important; float:left;}
.messtable .yzm img{ width:64px; float:left; margin-left:10px;  height:40px; cursor:pointer;}
.messtable .yzm a{ font-size:12px; color:#333; display:inline-block; line-height:30px; margin-left:4px;}
.messtable .tip{ color:#666; margin-top:20px; text-align:left;}


/*添加页面-证书查询*/
.certinfor{ width:518px; padding-top:10px; margin:0px auto 0;}
.cit{}
.cit .tp{ width:260px; margin:0 auto;}
.cit .tp img{ width:100%;}
.cit .des{ padding-top:14px;}
.cit .des .list{ padding:4px 0;}
.cit .list .mc{ width:80px; font-size:14px; float:left; color:#333;}
.cit .list .nr{ padding-left:92px; font-size:15px; color:#555;}
.cib{ margin-top:30px;}
.cib .tip1{ font-family:"黑体"; font-size:18px; margin-bottom:20px; text-indent:2em;  line-height:1.8;}
.cib .tip2{ font-size:18px; text-indent:2em; line-height:1.8; font-family:Arial, Helvetica, sans-serif;}





.huang{ color:#fffed1}
.lv{ color:#99c750;}


@media only screen and (max-width:480px) {
.lm a{ width:48%;}
}
@media only screen and (max-width:360px) {
}
@media only screen and (max-width:320px) {
.lm a{ width:98%;}
}