@charset "utf-8";

/*css reset*/
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, form, input, button, textarea, p, blockquote, a, span {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}
ul, li {
	list-style: none;
}
h1, h2, h3, h4, h5 {
	font-size: 0.38rem;
	font-weight: normal;
}
h6 {
	font-size: 0.34rem;
	color: #000;
	font-weight: bold;
}
input, button {
	-webkit-appearance: none;
	border-radius: 0;
	outline: none;
}
img {
	border: 0;
	max-width: 100%;
	vertical-align: top;
}
a {
	outline: none;
	text-decoration: none;
	color: inherit;
}
html {
	-webkit-overflow-scrolling: touch;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	text-size-adjust: 100%;
	font-size: 62.5%;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
body {
	background: #f0f0f0;
	min-width: 320px;
	max-width: 768px;
	font: 0.28rem/1 "Microsoft Yahei", "Regular", "Helvetica Neue", Helvetica, sans-serif;
	color: #000;
	-webkit-text-size-adjust: none;
}
.clearfix:before {
	content: "";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	font-size: 0
}
.fl {
	float: left;
}
.fr {
	float: right;
}
.ovfl {
	overflow: hidden;
}
.hide {
	display: none
}
.show {
	display: block;
}
.posR {
	position: relative;
}
.static-pic {
	width: 100%;
	margin-bottom: 0.2rem
}


/*--首页--*/


/*.search {
	position: absolute;
	width: 0.66rem;
	height: 0.66rem;
	background: url(/templets/jirouweb/images/search.png) no-repeat right 0.2rem;
	background-size: 0.48rem 0.48rem;
	right: 1rem;
}
*/

.index-header{
 text-align:center;
 position: relative;
 height: 0.88rem;
 background: #333;
}
.header-logo{
width: 2.16rem;
height:0.56rem;
padding-top: 0.18rem
}

.index-header h1{
  text-indent: -999rem
}

.index-header .search{
   background: url(../images/index-search.png) no-repeat center center;
    background-size: 0.4rem;
    top: 0.18rem
}




/*导航*/
.nav-warp {
	background: #ffd100;
	font-size: 0.28rem;
	overflow: hidden;
	position: relative;
	z-index: 100;
}

/*.main-nav{*/
/*position: fixed;*/
/*width: 100%;*/
/*top: 0;*/
/*z-index:1001;*/
/*}*/
.nav {
	float: left;
	width: 100%;
	color: #606060
}
.index-nav {
    overflow: auto;
    white-space: nowrap;
}
.nav li {
    display: inline-block;
    padding:  0.3rem 0.22rem;
    font-size: 0.3rem;
    text-align: center;
}
.search{
	    position: absolute;
    right: 0.2rem;
    width: 0.56rem;
    height: 0.56rem;
    background: url(/templets/jirouweb/images/search.png) no-repeat center;
    background-size: 0.35rem;
    top: 0.12rem;
}

.nav-active{
	color: #000;
	position: relative;
}

.nav-active:after{
	    left: 0.05rem;
    background: #000;
    position: absolute;
    height: 3px;
    width: 0.55rem;
    bottom: -0.25rem;
    content: '';
}
/*二级导航*/
.nav-warp.nav-second{
	    background: #333
}

.nav-warp.nav-second li{
	    padding: 0.15rem 0.22rem;
}
.cm-color{
	color: #ffd100
}

/*轮播*/
.slideBox {
	position: relative;
	width: 100%;
	height: 4rem;
	overflow: hidden;
	margin-bottom: 0.2rem;
}
.slideBox .hd {
	display: none
}
.slideBox .hd li {
	display: inline-block;
	width: 25px;
	height: 25px;
}
.bd img {
	width: 100%;
	height: 100%;
}
.slideBox .bd {
	position: relative;
	z-index: 0;
}
.slideBox .bd li {
	position: relative;
	height: 4rem;
}
.slideBox .bd li .tit {
	color: #fff;
	font-size: 0.36rem;
	font-weight: normal;
	line-height: 0.36rem;
	background: rgba(0, 0, 0, 0.5);
	position: absolute;
	bottom: 0;
	width: 100%;
	padding: 0.2rem 0.8rem 0.2rem 0.2rem;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}
.pagination {
	color: #fff;
	position: absolute;
	bottom: 0.18rem;
	right: 0.2rem;
}
.pagination-current {
	font-size: 0.32rem
}
.pagination-total {
	font-size: 0.26rem
}


/*健身入门*/

.js_guide {
	overflow:hidden;
	padding-bottom: 0.2rem;

}

.js_guide li{
	display: inline-block;
	width: 3.4rem;
	margin-right: 0.2rem
}

.js_guide li+li{

	margin-right:0
}
/*热点*/
/*视频*/

.big-img-new {
  position: relative;
  width: 7.1rem;
  height: 4rem;
  margin-bottom: 15px;
}
.big-img-new img {
  width: 7.1rem;
  height: 4rem;

    object-fit: cover;
}
.big-img-new h4 {
  position: absolute;
  font-size: 0.34rem;
  color: #fff;
  bottom: 0;
  text-align: left;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  padding: 0 0.2rem 0.3rem;
  width: 100%;
}

.video-icon:before{
 position: absolute;
    content: '';
    left: 50%;
    top: 50%;
    background: url(/templets/jirouweb/images/paly_icon.png) no-repeat;
    background-size:0.9rem;
    width:0.9rem;
    height:0.9rem;
    margin-left: -0.45rem;
    margin-top: -0.45rem;
}


.sort_title{
  position: absolute;
  background: #ffd100;
  width: 45px;
  height: 20px;
  color: #000;
  line-height: 20px;
  text-align: center;
  top: -4px;
  font-size:11px;

}
.sort_title:after{
content: '';
    top: 0px;
    position: absolute;
    right: -8px;
    height: 0;
    width: 0;
    border: 3px solid transparent;
    border-left: 5px solid #c5a204;
    border-bottom: 2px solid #c5a204;;

}


.common-list .sort_title{

    z-index:1000;
}



.common-column-title {
	font-size: 0.32rem;
	color: #000;
	padding: 0.3rem 0 0.45rem ;
	position: relative;
	text-align: center;
}
.common-column-title:before {
	position: absolute;
	height: 2px;
   background: #000;
	bottom: 0.3rem;
	width: 22px;
	left: 50%;
	margin-left: -11px;
	content: '';
}
.container {
	background: #fff;
	overflow: hidden;
	padding: 0 0.2rem;
	margin-bottom: 0.2rem
}
.container .common-list:last-child {
	border-bottom: none;
}
.common-list {
	position: relative;
  padding:  0 0 15px;
}
.common-pic {
	width: 3rem;
	height: 1.95rem;
	margin-right: 0.2rem;
	position: relative;
}
.common-summary {
	color: #333;
	float: right;
	width: 3.9rem;
}
.common-title {
	font-size: 0.36rem;
	line-height: 0.42rem;
	min-height: 0.9rem;
	color: #202020
}
.view-number {
	    position: absolute;
    color: #8e8e8e;
    font-size: 0.24rem;
    padding-left: 0.42rem;
    background: url(/templets/jirouweb/images/viewnum-icon.png) no-repeat left /0.25rem 0.16rem;
    bottom: 0.42rem;
    right: 0;
}

.article_time{
	  color: #8e8e8e;
    font-size: 0.24rem;
	 position: absolute;
	  bottom: 0.42rem;
}

/*图库*/
.pic-library-list{
	margin-top: 0.2rem
}
.pic-library-list .pic-list {
	position: relative;
    background: #fff;
	   overflow: hidden;
    padding: 0.2rem;
    margin-bottom: 0.2rem;
}
.pic-list.video-icon:before{
	margin-top: -0.8rem;
}
.pic-library-list .pic-list-img {
	width: 7.1rem;
	height: 4.6rem
}
.pic-library-list-title {
    text-overflow: ellipsis;
    color: #202020;
    font-size: 0.36rem;
    padding: 0.2rem 0 0.3rem;
    overflow: hidden;
    white-space: nowrap;
}
.pic-list span{
	color: #8e8e8e;
	font-size: 0.24rem
}
/*文章内容页*/
.atiticle_nav{
	z-index: 1000;
    top: 0;
    position: fixed;
    color: #000;
    font-size: 0.32rem;
    line-height: 0.8rem;
    text-align: center;
    background: #ffd100;
    width: 100%;
    max-width: 768px;

}

.article_back{
	 position: absolute;
	 left: 0.2rem;
	 padding-left: 0.48rem;
	 background: url(/templets/jirouweb/images/back_art.png) no-repeat left center;
	 background-size: 0.48rem
	}

.content_wrap {
	    margin-bottom: 0.2rem;
	background: #fff;
	color: #666;
	padding: 0.5rem 0.2rem 0.2rem 0.2rem;
	text-align: justify;
	font-size: 0.30rem
}
.content_title {
	color: #202020;
	font-size: 0.44rem;
	line-height: 1.3;
	padding-bottom: 0.26rem;
}
.article_nav_gzh{
	margin-left: 25px;
    border-radius: 5px;
    color: #fff;
    background: #2ab42a;
    padding: 6px 11px;
    font-size: 0.24rem;
}

.from, .content_time {
	font-size: 0.28rem;
	display: inline-block;

}
.from {
	padding-left: 0.4rem;
	color: #517db3;
	font-size: 0.32rem
}
.content {
	font-size: 0.34rem;
    line-height: 0.6rem;
    color: #202020;
    /*padding: 0.2rem 0;*/
    overflow: hidden;
}
.content video{
  width: 100%
}

.content img {
 width: initial !important;
 height: initial !important;
 display:block;
 margin: 0 auto
}

.content iframe{
    min-height: 197px;
    width: 100%;
    height: initial;
}
.editor {
    margin-bottom: 0.2rem;
    font-size: 0.24rem;
    display: block;
    text-align: right;
}


.jrw-gzh{
	/*margin-bottom: 0.2rem;*/
	width: 100%
}


/*推荐*/
.ralative-suggest.common-column-title:before{
    margin-left: 0;
    bottom: 0.6rem;
    left: 0;
    position: absolute;
    height: 1px;
    background: #f1f1f1;
    width: 2.7rem;
}

.ralative-suggest.common-column-title:after{
   content: '';
    bottom: 0.6rem;
    right: 0;
    position: absolute;
    height: 1px;
    background: #f1f1f1;
    width: 2.7rem;
}



/*图库详情页*/
.slide-pic {
	height: 5.7rem;
	width: 7.5rem;
	-o-object-fit: contain;
	object-fit: contain;
}
.pic-library .slideBox {
	height: 5.7rem;
	overflow: inherit;
}
.pic-library .slideBox li {
	height: 5.7rem;
	    margin-bottom: 2rem;
}
.pic-library {
	background: #000;
	height: 100%
}
.back-pic-libray {
	display: inline-block;
	font-size: 0.32rem;
	color: #fff;
	padding: 0.28rem 0 0.65rem 0.85rem;
	background: url(/templets/jirouweb/images/back-pic.png) no-repeat 0.25rem 0.22rem /0.42rem 0.42rem;
}
.pic-library-titile {
	font-size: 0.36rem;
	color: #fff;
	line-height: 0.56rem;
	padding: 0 0.2rem 0.4rem
}
.pic-library .pagination {
    bottom: -0.15rem;
}
.pic-library-content {
text-indent: 2em;
    font-size: 0.28rem;
    color: #fff;
    line-height: 0.48rem;
    padding: 0.2rem 0.2rem 0.4rem;
    bottom: -1.6rem;
    position: absolute;
}
.pic-library .pagination-current {
	color: #ffd100;
	font-size: 0.36rem
}
.nav_page{
	   top: 0.22rem;
    width: 0.4rem;
    position: absolute;
    right: 0.2rem;
    background: url(../images/nav_icon.png) no-repeat center;
    background-size: 0.36rem;
    height: 0.4rem;
}

/*****动作，课程，教程*****/

/*筛选*/
.filter{
	color: #202020;
	background: #dfdfdf;
line-height: 0.6rem;
width: 1.5rem;
border:none;
	font-size: 0.24rem;
	margin: 0.2rem;
	border-radius: 5px;
}

.item_list_wrap{
padding-top: 0.2rem;
    padding-left: 0.2rem;
    overflow: hidden;
    background: #fff;

}
.item_list{
width: 3.45rem;
float: left;
margin-right: 0.2rem;
}
.item_list_pic{
width: 3.45rem;
height: 2.24rem;
border-radius: 10px;

}
.item_list_title{
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
 font-size: 0.32rem;
 color: #202020;
 margin: 0.2rem 0 0.15rem 0
}
.item_list_summary{
		overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
font-size: 0.24rem;
color: #8e8e8e;
padding-bottom: 0.4rem
}


/*筛选弹出*/

/*.hard_list h6{


}
.tool_list  h6{


}
.part_list  h6{


}
.filter_list {

}
.filter_list ul{

}
.filter_list li{
  float: left;
 width: 1.5rem;
background: #f2f2f2;
border-radius: 10px;
height: 0.5rem;
line-height: 0.5rem;


}

.filter_title{
font-size: 0.24rem;

}
.filter_sure{


}
*/





/*分页*/
.content_list_page{
  margin: 0.2rem 3%  ;
  overflow: hidden;
    text-align: center;
}
.content_list_page a{
       width: 42%;
  background: #ffd100;
   display: inline-block;
  color: #606060;
  font-size: 0.3rem;
  padding: 10px 0;
  border-radius: 4px;
}
.page_num_wrap{
  display: inline-block;
    font-size: 0.28rem;
    padding-top: 9px;
   }


.page{
    margin: 20px 0;
    height: 36px;
    line-height: 35px;
    text-align: center;
    }
   .page:empty{
  display:none
    }
.page li{display:inline-block;background:#fff;margin-right:3px;padding:0 12px;text-decoration:none;color:#666;border:1px solid #e4e4e4;vertical-align:middle;}
.page li.thisclass{color:#fff;border: 1px solid #ffd100;background: #ffd100;}


.m-page {
    background-color: #f3f3f3;
    display: block;
    display: -moz-box;
    display: -webkit-box;
    display: box;
    width: 100%;
    text-align: center;
    padding: 5px 6px 10px;
    border-bottom: 1px solid #e3e4e5;
}

.m-page a {
        height: 36px;
        line-height: 40px;
        line-height: 1;
        border-radius: 5px;
        background: #ffd100;
        line-height: 36px;
        display: block;
        padding: 0 6px;
        color: #000;
        -moz-box-flex: 1;
        -webkit-box-flex: 1;
        box-flex: 1;
        margin: 0 4px;
}
.m-page a:link, .m-page a:visited, .m-page a:hover, .m-page a:active {
	color: #000 !important;
}
.m-page .disabled {
    color: #999
}

.m-page .pager_btn {
   white-space: nowrap;
    display: block;
      max-width: 108px;
    -moz-box-flex: 1;
    -webkit-box-flex: 1;
    box-flex: 1;
    position: relative;
    height: 36px;
    line-height: 36px;
}

.m-page .page_num {
    letter-spacing: 1px
}

/*底部*/
footer {
	font-size: 0.22rem;

	text-align: center;
}

.friend_link a{
	padding:0  0.2rem 0.2rem 0;
	display:inline-block;
}

   .bottom_content {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 10000;
    overflow: hidden;
  background: rgba(0,0,0,0.5);
   }

   .bottom_content li {
    width: 31.3%;
    float: left;
    padding: 8px 0;
    margin: 0 1%;
    border-radius: 3px;
}

/*咨询页面*/
.ask_info{
	display: none;
	position: fixed;
	z-index: 1100;
	width:100%;
	top:20%;
	min-width: 320px;
	max-width: 768px;
}
.ask_info .askfm{
	width:5.8rem;
	height:6.1rem;
	border:0.01rem solid #ddd;
	margin: 0rem auto;
	border-radius: 0.1rem;
	background-color: #fff;
}
.askfm .closelg{
	background-image: url('../images/close.png');
	width:0.4rem;
	height:0.4rem;
	position: absolute;
	top:-0.8rem;
	right:0.9rem;
	background-size: 100%;
}
.askfm .form_ask{
	width:80%;
	margin: 0 auto;
}
.form_ask h2{
	text-align: center;
	font-size: 0.4rem;
	color:#363636;
	margin-top: 0.4rem;
}

.form_ask span,.form_ask b{
	font-size: 0.3rem;
	color:#363636;
	text-align: center;
	vertical-align: top;
	margin-top:0.4rem;
	display: inline-block;
}

.form_ask b,#content{
	font-weight: normal;
	color:#e0513c;
}
.form_ask p{
	font-size: 0.3rem;
	color:#363636;
	text-align: center;
	margin-top: 0.2rem;
}
.form_ask img{
	width:100%;
	height:100%;
	margin: 0 auto;
	margin-top: 0.4rem;
}
.form_ask .copy_wx{
	width:4.28rem;
	height:0.82rem;
	color:#fff;
	font-size: 0.3rem;
	background: #e0513c;
	border-radius: 0.41rem;
	outline: none;
	border:none;
}
/*遮罩层*/
.mask {
	position: absolute;
	top: 0;
	filter: alpha(opacity=60);
	background-color: #000;
	z-index: 1100;
	left: 0;
	/*opacity:0.8;*/
	/*-moz-opacity:0.8;*/
	min-width: 320px;
	max-width: 768px;
}
#content::selection {
	color:#fff;
	background:none;
}

#content::-moz-selection {
	color:#fff;
	background:none;
}

#content::-webkit-selection {
	color:#fff;
	background:none;
}
.guanzhu_infos{
    position: relative;
    overflow: hidden;
    background: #fff;
    margin: 0.3rem 0;
}
.guanzhu_infos p{
    font-size: 0.32rem;
    color:#555555;
}
.guanzhu_infos a{
    color:red;
    -webkit-user-select:text;
    -moz-user-select:text;
    -ms-user-select:text;
    user-select:text;
}
.guanzhu_imgs{
    width: 100%;
    margin-bottom: 0.2rem;
}
#gzh::selection {
	color:#fff;
	background:none;
}

#gzh::-moz-selection {
	color:#fff;
	background:none;
}

#gzh::-webkit-selection {
	color: #fff;
	background: none;
}
/*关注页面*/
.guanzhu_info{
	display: none;
	position: fixed;
	z-index: 1100;
	width:100%;
	top:22%;
	min-width: 320px;
	max-width: 768px;
}
.guanzhu_info .guanzhufm{
	width:5.8rem;
	height:6.5rem;
	border:0.01rem solid #ddd;
	margin: 0 auto;
	border-radius: 0.1rem;
	background-color: #fff;
}
.guanzhufm .closelg{
	background-image: url('../images/close.png');
	width:0.4rem;
	height:0.4rem;
	position: absolute;
	top:-0.8rem;
	right:0.9rem;
	background-size: 100%;
}
.guanzhufm .form_guanzhu{
	width:90%;
	margin: 0 auto;
}
.form_guanzhu .gz_titles{
	display: flex;
	align-items: center;
	margin-top: 0.3rem;
}
.gz_titles .save_pics{
	width:45%;
}
.save_pics p{
	color:#676767;
	font-size: 0.3rem;
	line-height: 0.5rem;
	margin-left: 0.35rem;
}
.gz_titles .gz_gzh_wx{
	margin-left: 0.85rem;
}
.gz_gzh_wx p{
	color:#323232;
	font-size: 0.3rem;
	line-height: 0.5rem;
}
.form_guanzhu img{
	width:88%;
	height:88%;
	margin-top: 0.1rem;
}
/*.form_guanzhu b{*/
/*	font-weight: normal;*/
/*	color:#e0513c;*/
/*}*/
/*.form_guanzhu .gzh_name{*/
/*	font-size: 0.3rem;*/
/*	color:#363636;*/
/*	text-align: left;*/
/*	margin-top: 0.2rem;*/
/*	padding-left: 0.64rem;*/
/*}*/

/*.form_guanzhu .copy_wx{*/
/*	width:4.28rem;*/
/*	height:0.82rem;*/
/*	color:#fff;*/
/*	font-size: 0.3rem;*/
/*	background: #e0513c;*/
/*	border-radius: 0.41rem;*/
/*	outline: none;*/
/*	border:none;*/
/*}*/