/*
*********外层框架start*********
*/
.box{ background: #FFF; padding: .5rem;}
/*顶部start*/
.head1{ height: 2.25rem; line-height: 2.25rem; position: relative; z-index: 5; background: #FFF; overflow: hidden;}
.logo{ float: left; margin-left: .5rem; margin-top: .375rem;}
.logo img{ display: block; height: 1.5rem;}

.headText{ overflow: hidden; font-size: .8rem; text-align: center; color: #333;}

.menuBtn{display: block;width:2.25rem;height:2.25rem; float: right; display: inline; text-align:center; z-index: 6; position: relative;}
.menuBtn span{ position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%);}
.menuBtn .line{
  width: 1rem;
  height: 4px;
  background-color: #477bbd;
  display: block;
  margin: 5px auto;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  transform: scaleY(.5)
}
.menuBtn .line:nth-child(2){ background: #477bbd;}
.menuBtn.active .line{ background: #477bbd;}
.menuBtn.active .line:nth-child(2){
  opacity: 0;
}
.menuBg1{ height: 2.25rem; position: fixed; left: 0px; top: 0px; z-index: 1; background:#000; width: 100%; transition: all 0s;-webkit-transition: all 0s; visibility: hidden; opacity: 0;}
.menuBg1.active{ opacity: 0; visibility: visible;}
.menuBtn.active .line:nth-child(1){
  -webkit-transform: translateY(9px) rotate(45deg) scaleY(.5);
  transform: translateY(9px) rotate(45deg) scaleY(.5);
}
.menuBtn.active .line:nth-child(3){
  -webkit-transform: translateY(-9px) rotate(-45deg) scaleY(.5);
  transform: translateY(-9px) rotate(-45deg) scaleY(.5);
}
/*顶部end*/
/*导航start*/
.menuBg{position: fixed; width: 100%; height: 100%; right: 0px; top: 0px; background: rgba(0,0,0,0.5); z-index: 6; visibility: hidden; opacity: 0; transition: all 300ms linear;-webkit-transition: all 300ms linear;}
.menuPage{ position: fixed; width: 75%; height: 100%; box-shadow: 0px 0px 5px rgba(0,0,0,0.3); background:#f5f5f5; right: 0px; top: 0px; z-index: 6; overflow: hidden;display:flex;flex-direction:column;visibility: hidden; transition: all 0.5s; -webkit-transition: all 0.5s; box-sizing: border-box; -webkit-box-sizing: border-box; padding: 0;transform: translateX(100%);-webkit-transform: translateX(100%);}
.menuHead{box-shadow: 0px 0px 5px rgba(0,0,0,0.1); position: relative; z-index: 2;}
.menuPageBody{ clear: both;flex-grow: 1; flex-basis: 0;overflow: hidden; overflow-y: auto;-webkit-overflow-scrolling: touch;}
.menuPageList{ overflow: hidden;}
.menuPageList dd{ overflow: hidden;}
.menuPageList dd span{ display: block;overflow: hidden; position: relative;}
.menuPageList dd span:before{ display: block; content: ''; width: 100%; height: 0; border-bottom: 1px solid #dbdbdb; position: absolute; left: 0px; bottom: 0px; transform: scaleY(0.5); -webkit-transform: scaleY(0.5)}
.menuPageList dd span a{ display: block;overflow: hidden; height: 2rem; line-height: 2rem; text-align: left; font-size: .7rem; color: #1f1f1f; padding: 0 .75rem; position: relative; transition: all 0.5s; -webkit-transition: all 0.5s; }
.menuPageList dd span em{ display: block; width: 2rem; height: 2rem; text-align: center; line-height: 2rem; color: #c7c7c7; position: absolute; right: 0px; top: 0px; font-style: normal; display: none; z-index: 1; font-size: .8rem;}
/*.menuPageList dd span em.icn2{ background-image: url(../images/jian.png);}*/
.menuPageList dd span em.active{ display: block;}
.menuPageList dd .ejBox{ padding: .4rem .75rem; display:none; background: #FFF;}
.menuPageList dd .ejBox .ejdd{ overflow: hidden; margin-bottom: .5rem;}
.menuPageList dd .ejBox .ejdd .ej{ position: relative;}
.menuPageList dd .ejBox .ejdd .ej em{ display: block; position: absolute; right: 0px; top: 0px; width: 1.25rem; height: 1.25rem; text-align: center; line-height: 1.25rem; font-size: .7rem; display: none; z-index: 20}
.menuPageList dd .ejBox .ejdd .ej em.active{ display: block;}
/*.menuPageList dd .ejBox .ejdd .ej em.icn3{ background-image: url(../images/jian2.png);}*/
.menuPageList dd .ejBox .ejdd .ej a{ display: block; height: 1.25rem; line-height: 1.25rem; overflow: hidden; color: #666666; font-size: .65rem; padding-left: .5rem; position: relative}
.menuPageList dd .ejBox .ejdd .ej a:before{ display: block; content: ''; position: absolute; left: 0px; top: 50%; margin-top: -.1rem; width: .15rem; height: .15rem; background: #666666;}
.menuPageList dd .ejBox .ejdd .sj{ overflow: hidden; padding: .25rem .75rem; display: none;}
.menuPageList dd .ejBox .ejdd .sj a{ display: block; height: 1.25rem; line-height: 1.25rem; overflow: hidden; color: #666666; font-size: .6rem; padding-left: 1rem; position: relative}
.menuPageList dd .ejBox .ejdd .sj a:before{ display: block; content: ''; position: absolute; left: .5rem; top: 50%; margin-top: 0; width: .25rem; height: 1px; background: #666666;}

.menuPageList dd.hover span a{color: #477bbd;}
.menuPageList dd.hover span em{color: #477bbd;}
/*导航end*/
/*导航动画start*/
.menuBg.active{visibility: visible; opacity: 1;}
.menuPage.active{visibility: visible; transform: translateX(0);-webkit-transform: translateX(0)}
.menuPage.active .menuPageC1{ display: block;}
/*导航动画end*/
/*底部start*/
.footerList{ height: 2.25rem; overflow: hidden; display: flex; background: #FFF;}
.footerList .item{ flex: 1;}
.footerList .item a{ display: block; height: 100%; box-sizing: border-box; -webkit-box-sizing: border-box; padding-top: .25rem; color: #333;}
.footerList .item .icn{ height: .95rem; line-height: .95rem; font-size: .9rem; text-align: center;background-position: center center;background-repeat: no-repeat;background-size: auto 100%;}
.footerList .item .icn1 {background-image: url(../images/footeRico1.png);}
.footerList .item .icn2 {background-image: url(../images/footeRico2.png);}
.footerList .item .icn3 {background-image: url(../images/footeRico3.png);}
.footerList .item.hover .icn1 {background-image: url(../images/footeRico4.png);}
.footerList .item.hover .icn2 {background-image: url(../images/footeRico5.png);}
.footerList .item.hover .icn3 {background-image: url(../images/footeRico6.png);}
.footerList .item .icn img{ height: .75rem; display: block; margin: 0 auto;}
.footerList .item .text{ height: 1rem; line-height: 1rem; text-align: center; font-size: .6rem;}
.footerList .item.hover .text {color: #477bbd;}
/*底部end*/
/*banner start*/
.indexBanner{ width: 100%; position: relative; z-index: 1;}
.indexBanner dd .pic{ width: 100%; overflow: hidden; position: relative;}
.indexBanner dd .pic:before{ display: block; content: ''; padding-top: 75%;}
.indexBanner img{display: block; width: 100%;height: 100%;object-fit: cover;}
.indexBanner .swiper-pagination{ text-align: center; box-sizing: border-box; -webkit-box-sizing: border-box;}
.indexBanner .swiper-pagination span{ width: 0.875rem; height: 5px; border-radius: 5px; text-align: center; line-height: 5px; font-size: .6rem; background: #FFF; color: #FFF; opacity: 1;}
.indexBanner .swiper-pagination span.swiper-pagination-bullet-active{ background: #477bbd}
/*banner end*/
/*快捷导航start*/
.indexNavBox{ padding: .5rem 0;}
.indexNav{width:100%;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;padding:0;overflow:hidden;}
.indexNav dd{width:33.3333%;float:left;display:inline; padding-top: .25rem;}
.indexNav dd a{display:block;}
.indexNav dd .icn{width:2.85rem;height:2.85rem;display:block;margin:0 auto;border-radius:100%;overflow:hidden; position: relative; text-align: center; line-height: 2.25rem; color: #FFF; font-size: 1.125rem;}
.indexNav dd .icn img{display:block;height:50%; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%);}
.indexNav dd.bg1 .icn{ background: url(../images/indexIco1.png) no-repeat center center;background-size: auto 2.85rem;}
.indexNav dd.bg2 .icn{ background: url(../images/indexIco2.png) no-repeat center center;background-size: auto 2.85rem;}
.indexNav dd.bg3 .icn{ background: url(../images/indexIco3.png) no-repeat center center;background-size: auto 2.85rem;}
.indexNav dd.bg4 .icn{ background: url(../images/indexIco4.png) no-repeat center center;background-size: auto 2.85rem;}
.indexNav dd.bg5 .icn{ background: url(../images/indexIco5.png) no-repeat center center;background-size: auto 2.85rem;}
.indexNav dd.bg6 .icn{ background: url(../images/indexIco6.png) no-repeat center center;background-size: auto 2.85rem;}
.indexNav dd.bg7 .icn{ background: url(../images/indexIco7.png) no-repeat center center;}
.indexNav dd.bg8 .icn{ background: url(../images/indexIco8.png) no-repeat center center;}
.indexNav dd .text{font-size:0.65rem;text-align:center;display:block;line-height:1.5rem; min-height: 1.5rem;}

.indexNavDot{ text-align: center; box-sizing: border-box; -webkit-box-sizing: border-box;}
.indexNavDot span{ width: 8px; height: 8px; border-radius: 8px; text-align: center; line-height: 8px; font-size: .6rem; background:#c9c9c9; color: #FFF; opacity: 1;}
.indexNavDot span.swiper-pagination-bullet-active{ background: #125fc8}
/*快捷导航end*/
/*通用标题层start*/
.indexTitle{ height: 1.75rem;padding:  0.25rem 0.5rem 0;background: #FFFFFF;}
.indexTitle:after {display: block;content: ' ';clear: both;}
.indexTitleL .text {position: relative; display: inline-block;margin-right: 1rem;font-size: 0.85rem;color: #999999;height: 1.75rem;line-height: 1.75rem;}
.indexTitleL .text span {display: none;content: ' ';position: absolute;width: 100%;height: 3px;background: #477bbd;bottom: -1px;}
.indexTitleL .hover {color: #333333;}
.indexTitleL .hover span {display: block;} 
.indexTitleR a{ color: #c6c5c5; font-size: 0.65rem;line-height: 1.75rem; text-transform: uppercase;}

/*通用标题层end*/
/*通用列表start*/
.indexList{ overflow: hidden;}
.indexList dd{ line-height: 1.5rem; height: 1.5rem;}
.indexList dd a{ display: flex;}
.indexList dd a span{ flex: 1;}
.indexList dd a em{ display: block; font-style: normal; margin-left: .5rem; color: #999;}

/*通用列表end*/
/*
*********外层框架end*********
*/
/*
*********首页内容start*********
*/
/*第1通栏start*/
.indexNewsUp{ overflow: hidden;}
.indexNewsUp a{ display: block; overflow: hidden;}
.indexNewsUp .pic{ width: 100%;}
.indexNewsUp .pic:before{ display: block; content: ''; padding-top: 75%;}
.indexNewsUp img{display: block; width: 100%;height: 100%;object-fit: cover;}
.indexNewsUp .text{ overflow: hidden;background: #FFFFFF;padding: 0 0.5rem;}
.indexNewsUp .text .title{ height: 1rem; line-height: 1rem; color: #333333; font-size: 0.75rem;}
.indexNewsUp .text .time{ height: 1.5rem; line-height: 1.5rem; color: #999; font-size: 0.6rem;}
.indexNewsUp .text .info{ line-height: 1rem; color: #7b7b7b; font-size: 0.65rem;margin-bottom: 0.9rem;}
/*第1通栏end*/
/*第2通栏start*/
.indexTextList1{overflow: hidden;}
.indexTextList1 dd{ line-height: 1.5rem; height: 1.5rem;}
.indexTextList1 dd a{ display: flex;}
.indexTextList1 dd a span{ flex: 1;font-size: 0.65rem;color: #333333;line-height: 1.5rem; }
.indexTextList1 dd a em{ display: block; font-style: normal; margin-left: .5rem; color: #999;}
/*第2通栏end*/
/*第3通栏start*/
.col3Tiltle {padding: 0.625rem 0;background-repeat: no-repeat;background-position: center center;background-size: cover;}
.col3Tiltle .text {text-align: center;color: #FFFFFF;font-size: #36px;margin-bottom: 0.2rem;}
.col3Tiltle span {display: block;width: 1rem;height: 2px;background: #FFFFFF;margin: 0 auto;margin-bottom: 0.2rem;}
.indexTextList {overflow: hidden;margin-right: -0.75rem;}
.indexTextList dd {float: left;width: 33.3333%;margin-bottom: 0.325rem;}
.indexTextList dd .con {height: 1.625rem;border: 1px solid #cccccc;margin-right: 0.75rem;border-radius: 0.125rem;}
.indexTextList dd .con .text {line-height: 1.625rem;text-align: center;padding: 0 0.125rem;font-size: 0.65rem;color: #333333;overflow: hidden;}
.indexTextList dd:hover .con {border: 1px solid #477bbd;} 
.indexTextList dd:hover .con .text {color: #477bbd;}
/*第3通栏end*/
/*第4通栏start*/
.indexPicScroll{ margin-right: -.5rem;position: relative;}
.indexPicScroll .swiper-wrapper {padding-bottom: 1.875rem;position: relative;}
.indexPicScroll .swiper-slide{ width: 33.3333%;}
.indexPicScroll .swiper-slide a{ display: block; margin-right: .5rem;}
.indexPicScroll .pic{position: relative;}
.indexPicScroll .pic:before{display: block;content: ' ';padding-top: 133.3333%;}
.indexPicScroll .pic img {display: block;width: 100%;height: 100%;position: absolute;top: 0;left: 0;}
.indexPicScroll .text{ height: 2rem; line-height: 2rem; overflow: hidden; text-align: center; font-size: .65rem; color: #333333;background: #f5f5f5;}
.indexPicScroll .swiper-pagination{ text-align: center; box-sizing: border-box; -webkit-box-sizing: border-box;position: absolute;border-bottom: 1rem;}
.indexPicScroll .swiper-pagination span{ width:  0.3rem; height: 0.3rem; border-radius: 0.3rem; text-align: center; line-height: 0.3rem; font-size: .6rem; background: #FFF; color: #FFF; opacity: 1;border: 1px solid #477bbd;}
.indexPicScroll .swiper-pagination span.swiper-pagination-bullet-active{ background: #477bbd}
/*第4通栏end*/
/*第5通栏start*/
.col5Banner{position: relative;background: #FFFFFF;padding-bottom: 1.75rem;}
.col5Banner .swiper-wrapper {position: relative;padding-top: 0.25rem;}
.col5Banner .swiper-slide{ width: 33.3333%; transform: none;
    transition: all 0.2s ease-in 0s;}
.col5Banner .swiper-slide a{ display: block;border-radius: 0.15rem;overflow: hidden;box-shadow: 0 0 0.5rem #dadada;-webkit-box-shadow: 0 0 0.5rem #dadada;}
.col5Banner .pic{position: relative;}
.col5Banner .pic:before{display: block;content: ' ';padding-top: 66.6077%;}
.col5Banner .pic img {display: block;width: 100%;height: 100%;position: absolute;top: 0;left: 0;}
.col5Banner .text{ height: 2rem; line-height: 2rem; overflow: hidden; text-align: center; font-size: .6rem; color: #333333;background: #FFFFFF;}
.col5Banner .swiper-pagination{ text-align: center; box-sizing: border-box; -webkit-box-sizing: border-box;position: absolute;border-bottom: 1rem;}
.col5Banner .swiper-pagination span{ width:  0.3rem; height: 0.3rem; border-radius: 0.3rem; text-align: center; line-height: 0.3rem; font-size: .6rem; background: #FFF; color: #FFF; opacity: 1;border: 1px solid #477bbd;}
.col5Banner .swiper-pagination span.swiper-pagination-bullet-active{ background: #477bbd}
.col5Banner .swiper-slide-prev,.col5Banner .swiper-slide-next {transform: scale(0.8)!important;
    transition: all 0.2s ease-in 0s;} 
/*第4通栏end*/
/*
*********首页内容end*********
*/
/*
*********内页外框架start*********
*/
.pagePrev{display: block;width:2.25rem;height:2.25rem; line-height: 2.3rem; float: left; text-align:center;position: relative;}
.pagePrev a{ font-size: 1rem;}
/**
 * page
 * @author 杨朝杰
 * @return
 */
.ajaxLoad{color:#666;height:2rem;line-height:2rem;text-align:center;clear:both;position:relative;background:#fff;margin:5px 0 0 0; font-size:0.7rem;}
.ajaxLoad i{font-size:0.8rem;margin:0 5px 0 0;color:#fc8b1c;}

/*二级菜单start*/
.mobileSubMenu{
	height:2rem;
	position:relative;
	z-index:5;
	margin:0 auto;
	width: 100%;
	transition: 0.5s;
    background:#FFF;
}
.subMenu .swiper-slide{
	font-size: 0.6rem;
	width: auto;
}
.subMenu a{
	display: block;
	color: #000;
	position: relative;
	margin: 0 0.5rem;
	height: 2rem;
	font-size: 0.7rem;
	line-height: 2rem;
}
.subMenu .swiper-slide.hover a{
	color: #125fc8;
}
.subMenu .swiper-slide.hover a:before{
	content: '';
	display: block;
	position: absolute;
	left: 0;
	width: 100%;
	bottom: 0;
	border-bottom: 2px solid #125fc8;
}
/*二级菜单end*/
/*
*********内页外框架end*********
*/
/*文章页start*/
.articleBox{line-height:1.5rem;color:#454545;padding:.5rem;font-size:0.7rem;background:#fff;}
.articleBox img{max-width:100%;}
.articleTitle{
	font-size: 0.9rem;
    color: #333333;
    text-align: center;
    font-weight: bold;
    padding:.5rem 2.5rem 0 2.5rem;
    line-height: 1.5rem;
	}
.articleTime{display: block;clear: both;text-align: center;color: #999;font-size:0.6rem;padding:0 0 .25rem 0;}

.articleTop{
	overflow:hidden;
	background:#f9fafb;
	padding:.5rem 0;
	}
.articleTop .articleTitle{
	font-size:.9rem;
	color:#333333;
	text-align:center;
	font-weight:bold;
	padding:0 2.5rem;
	line-height:1.5rem;
	}
.articleTop .articleTime{
	text-align:center;
	padding:.5rem 0 0 0;
	}

.articleHand{
    clear:both;
    font-size:0.75rem;
    padding:0 0px 1rem 0;
    overflow: hidden;
    }
.articleHand a{
    display:block;
    line-height:1.6rem;
    padding:0 1rem 0 .5rem;
    float:left;
    clear: both;
}
.articleHand a i{
	padding:0 .25rem 0  0;
	}
.articleHand a.aykjWord{color:#37a6ff !important; }
.articleHand a.aykjPpt{color:#ff7735 !important;}
.articleHand a.aykjExcel{color:#15bf44 !important; }
.articleHand a.aykjPdf{color:#1369c0 !important; }
.articleHand a.aykjZip{color:#ff9779 !important; }

.videoCon{
	position:absolute;
	top:10.25rem;
	bottom:0;
	overflow-y:auto;
	}
.videoCon .articleTitle{
	font-size:18px;
	color:#333333;
	text-align:left;
	font-weight:bold;
	padding:.25rem .5rem 0 .5rem;
	line-height:1.5rem;
	}
.videoCon .articleTime{
	text-align:left;
	padding:0 0 0 .5rem;
	}
	
.audiojs{
	width:2rem;
	height:2rem;
	border-radius:100%;
	background:url(../audiojs/play.png) no-repeat center center;
	background-size:cover; 
	margin:.1rem .5rem 0 0;
	position:relative;
	z-index:9;
	}
.audiojs.playing{
	width:2rem;
	height:2rem;
	border-radius:100%;
	background:url(../audiojs/play2.png) no-repeat center center;
	background-size:cover;
	}
.audiojs .scrubber{ display:none;}
.audiojs .time{ display:none;}
.audiojs .play-pause {
	width: 1.25rem;
	height: 1.75rem;
	padding:0 .3rem;
	margin: 0px;
	float: left;
	overflow: hidden;
}
.articelImgSlide{
    padding: .5rem;
    overflow: hidden;
}
#articelImgSlide img{
    display: block;
    max-width: 100%;
}
#articelImgSlide{
    /*padding-bottom: 30px;*/
}
#articelImgSlide .swiper-pagination{
    bottom: .25rem;
}
.articelImgSlide .swiper-button-prev{
    left: 0px;
}
.articelImgSlide .swiper-button-next{
    right: 0px;
}
.articelImgSlide .swiper-pagination-bullet{background: #eee;opacity: 1;}
.articelImgSlide .swiper-pagination-bullet-active{background: #007aff;}
/**
 * 分享
 * @author 杨朝杰
 * @return
 */
.shareBt{display: inline-block;width:1rem;position: relative;}
.shareClose{line-height:2rem;text-align:center;padding:.15rem 0 0 0;font-size:0.8rem;}
.shareBt:after{display: block;content: "";overflow: hidden;width: 100%;padding-top: 100%;background: url(../images/share/share.png) no-repeat center center;background-size: 100% 100%;position: absolute;left: 50%;bottom:-.2rem;}
.shareBox{width:100%;overflow: hidden;background: #fff;position: fixed;left: 0px;bottom:-100%;z-index: 10000;-webkit-transition: bottom 0.8s;-o-transition: bottom 0.8s;transition: bottom 0.8s;padding:0;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.shareBox.show{bottom:0px;}
.shareCont{overflow: hidden;padding:0.5rem 0px 0.25rem;}
.bdsharebuttonbox p{display: block;width:20%;overflow: hidden;float: left;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;padding:0.25rem;}
.bdsharebuttonbox a{display: block;width: 100%;overflow: hidden;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;margin:0px !important;padding:0 0.5rem !important;background: none !important;height: auto !important;}
.bdsharebuttonbox span{display: block;width: 100%;overflow: hidden;padding: 0px 0.75rem;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.bdsharebuttonbox i{clear:both;display: block;font-size:0.6rem;color:#666;text-align: center;overflow: hidden;margin:.25rem 0px; font-style: normal;}
.boxShadow{position: fixed;left: 0px;top:0px;width: 100%;height: 100%;overflow: hidden;background: rgba(0,0,0,0.6);z-index: 999;display: none;}
.bdsharebuttonbox a:before{display: block;content: "";overflow: hidden;width: 100%;padding-top: 100%;}

/*.bdsharebuttonbox a.bds_weChat{
    display: none;
}*/
.bdsharebuttonbox a.bds_weChat:before{background: url(../images/share/shareBt5.png) no-repeat center center;background-size:100%;}
.bdsharebuttonbox a.bds_tsina:before{background: url(../images/share/shareBt1.png) no-repeat center center;background-size:100%;}
.bdsharebuttonbox a.bds_tqq:before{background: url(../images/share/shareBt2.png) no-repeat center center;background-size:100%;}
.bdsharebuttonbox a.bds_qzone:before{background: url(../images/share/shareBt3.png) no-repeat center center;background-size:100%;}
.bdsharebuttonbox a.bds_douban:before{background: url(../images/share/shareBt4.png) no-repeat center center;background-size:100%;}
.bdsharebuttonbox a.bds_sqq:before{background: url(../images/share/shareBt6.png) no-repeat center center;background-size:100%;}
.weChatShareTip{
    display: none;
    width: 100%;
    height: 100%;
    overflow: hidden;
    background: rgba(0,0,0,0.5) url(../images/share/weChatShare.png) no-repeat calc(100% - 30px) 10px;
    background-size: 90% auto;
    position: fixed;
    left: 0px;
    top: 0px;
    z-index: 9999999;
}
/**
 * 音乐播放器
 * @author 杨朝杰
 * @return
 */
.audio{margin:0 50px;padding:10px 0 10px 0;}
.audio-tips{margin-top:10px; color: #b1b1b1; text-align: center; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;}
.audio-detail{padding:5px 10px; display: -webkit-box; display: -ms-flexbox; display: flex; background:#f8f8f8;position:relative;}
.audio-detail:after{content: " "; width: 200%; height: 200%; position: absolute; top: 0; left: 0; border: 1px solid #e6e6e6; box-sizing: border-box; -webkit-transform: scale(.5); transform: scale(.5); -webkit-transform-origin: 0 0; transform-origin: 0 0;z-index:1;}
.audio .info{-webkit-box-flex: 1; -ms-flex: 1 0; flex: 1 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; overflow: hidden;line-height:45px;}
.audio .info p{margin: 0; font-size: 15px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: #666; text-indent: 0;}
.audio .info .audio-title{-webkit-box-flex: 1.5; -ms-flex: 1.5; flex: 1.5; line-height: 24px;font-size:14px;}
.audio .info .audio-desc{-webkit-box-flex: 1; -ms-flex: 1; flex: 1; line-height: 16px;color:#999 !important;font-size:12px !important;}
.audio .info .audio-desc span{padding:0 15px 0 0;color:#ff000;}

/*文章页end*/
/*文章页底部start*/
.footerBar2{
	font-size:.6rem;
	overflow: hidden;
	color: #fff;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-background-clip: content;
	-moz-background-clip: content;
	background-clip: content;
	width: 100%;
	height:2.25rem;
	background:#fff;
	position:relative;
}
.footerBar2:after{
    content: " ";
    width: 200%;
    height: 200%;
    position: absolute;
    top: 0;
    left: 0;
    border-top:1px solid #ededed;
    box-sizing: border-box;
    -webkit-transform: scale(.5);
    transform: scale(.5);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
	z-index:1;
	}
.footerBar2 .shareBt:after{ display:none;}

.footerBar2 div{
	overflow:hidden;
	position:relative;
	z-index:2;
	}
.phoneBt{
	width:30%;
	float:right;
	}
.phoneBt a {
    width: 100%;
    display: block;
    line-height: 2.25rem;
    background: #ff7800;
    color: #fff !important;
    text-align: center;
}
.goBack2{
	width:16%;
	float:left;
	}
.goBack2 a{
    display: block;
    height:2.25rem;
    background: url(../images/jt6.png) no-repeat 10px center;
    background-size: 1.3rem;
    color: #666 !important;
    text-align: center;
	}
.marker, .shareDiv{
	float:right;
	line-height:2.25rem;
	font-size:.7rem;
	padding:0 .75rem 0 0;
	}

.shareDiv .shareBt{ width:100%;}

.marker span, .shareDiv span{padding:0 0 0 .3rem;}
.marker em, .shareDiv em{color:#999;}
/*文章页底部end*/

/* 底部版权 */
.copyright {text-align: center;}
.copyright span {
	display: block;
	line-height: 0.9rem;
	font-size: 0.6rem;
	color: #999999;
	margin: 0 auto;
}