﻿ /*详情页手机*/ 
/*Font Awesome图标*/

@font-face {

  font-family: 'FontAwesome';

  src: url('http://member.jschina.com.cn/js/font-awesome-4.7.0/fonts/fontawesome-webfont.eot?v=4.7.0');

  src: url('http://member.jschina.com.cn/js/font-awesome-4.7.0/fonts/fontawesome-webfont.eot?#iefix&v=4.7.0') format('embedded-opentype'), url('http://member.jschina.com.cn/js/font-awesome-4.7.0/fonts/fontawesome-webfont.woff2?v=4.7.0') format('woff2'), url('http://member.jschina.com.cn/js/font-awesome-4.7.0/fonts/fontawesome-webfont.woff?v=4.7.0') format('woff'), url('http://member.jschina.com.cn/js/font-awesome-4.7.0/fonts/fontawesome-webfont.ttf?v=4.7.0') format('truetype'), url('http://member.jschina.com.cn/js/font-awesome-4.7.0/fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular') format('svg');

      font-weight: normal;font-style: normal;}
  .fa {display: inline-block;font: normal normal normal 14px/1 FontAwesome;font-size: inherit;text-rendering: auto;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}

.fa-dedent:before {content: "\f03b";}.fa-indent:before {content: "\f03c";}.fa-navicon:before{content: "\f0c9";}.fa-tv:before{content: "\f26c";}.fa-long-arrow-down:before {content: "\f175";}.fa-long-arrow-up:before {content: "\f176";}.fa-angle-double-right:before {content: "\f101";}.fa-ellipsis-h:before {content: "\f141";}.fa-play-circle-o:before {content: "\f01d";}.fa-youtube-play:before {content: "\f16a";}.fa-font:before { content: "\f031";}.fa-plus-circle:before {content: "\f055";}.fa-minus-circle:before {content: "\f056";}.fa-lg {font-size: 1.33333333em;line-height: 1.55em;vertical-align: -15%;}
/*手机样式隐藏*/

.m_header,.m_nav,.m_nav_3,.mobile_footer,.m_footer,.mobile{display:none;}

/*css3*/

@-webkit-keyframes zoomInOut {0% { -webkit-transform: scale(0.8);}50% { -webkit-transform: scale(1);}100% { -webkit-transform: scale(1.1);}}

@-moz-keyframes zoomInOut    {0% { -moz-transform: scale(0.8);}50% { -moz-transform: scale(1);}100% { -moz-transform: scale(1.1);}}

@-o-keyframes zoomInOut      {0% { -o-transform: scale(0.8);}50% { -o-transform: scale(1);}100% { -o-transform: scale(1.1);}}

@keyframes zoomInOut         {0% { transform: scale(0.8);}50% { transform: scale(1);}100% { transform: scale(1.1);}}

/*手机适配样式*/

@media screen and (max-width : 750px) {
  
  body{font-family:"Microsoft YaHei";background:#f9f9f9;padding-top:0;color:#404040;}

  a{color:#148cc1;}

  .mianbox{display:none;border:0px;}
  .mainbox{display:none;border:0px;}
  .mobile{display:block;}
  #editor{float:right;text-align:right;padding-right:10px;}
  
  /*导航*/
		.m_header{display:block;margin:0 auto;position:relative;width:10rem;height:1.2rem;line-height:1.2rem;background-color:#0049a5;color:#fff;font-size:0.72rem;}
		/*1.3*/
.m_logo_3{position:absolute;top:0.2rem;left:0.2rem;width:3.5rem;height:1rem;}
		.m_logo_3 img{width:3.5rem;height:0.8rem;}		
	    .m_chtit{position:absolute;left:5rem;height:1.2rem;font-size:0.542rem;color:#fff;}
.m_chtit a{color:white;font-size:0.542rem;}		
		.m_pc_3{position:absolute;right:0.5rem;}
		.m_nav{display:block;margin:0 auto;position:relative;width:10rem;height:auto;line-height:0.88rem;background:#f5f5f5;overflow:hidden;border-bottom:1px solid #e1dfe0;padding:0.2rem 0;}
		.m_nav_bar{width:10rem;}
		.m_nav_bar .bu div{white-space:nowrap;font-size:0.44rem;color:#444;float:left;width:1.98rem;text-align:center;}
		.bu div a{font-size:0.44rem;}
  
  
.m_nav_6 {display: inline-block;overflow: hidden;}

.m_nav_6 img{padding-top:.1rem;width:3rem;height:1rem;}

.m_nav_6 a {text-decoration:none;outline:none;display:block;float:left;font-size:.542rem;line-height:1.2rem;color:#fff;padding: 0 0.2rem 0 0.64rem;background:#0049a5;position:relative;}

.m_nav_6 a:first-child {padding-left:0.2rem;}

.m_nav_6 a:after {content:'';position:absolute;top:0;right:-0.36rem;width:1.2rem;height:1.2rem;transform:scale(0.707) rotate(45deg); z-index:1;background:#148cc1 transparent;box-shadow:2px -2px 0 1px #fff,3px -3px 0 2px rgba(255,255,255,0.1);border-radius:0 5px 0 50px;}

.m_nav_6 a:last-child:after{box-shadow: 2px -2px #0049a5;}

.wrap{width:9.24rem;margin:0 auto;}

  .wrap .left{float:none;width:100%;}

  .slide_center{float:none;width:100%;margin:0;}

  #title{padding:.3rem 0 .3rem 0;width:100%;font-size:.542rem;line-height:.8rem;font-weight:700;}

  #ftitle{padding:0 0 .3rem 0;width:100%;line-height:.8rem;margin:0 auto;font-size:.48rem;}

  #ptime{text-align:left;padding-right:0;padding-bottom:.1rem;line-height:.48rem;font-size:0.32rem;margin-bottom:.4rem;border-bottom:1px solid #e8e8e8;}
  div#ptime a {
    font-size: 0.32rem;
    color:#404040;
}
  .articalCont{font-size:.542rem;line-height:160%;}.articalCont p{margin:1em 0;text-indent:0;text-align:justify}.articalCont img{max-width:100%;width:100%;height:auto;vertical-align: top;}

  .tags-editor{width:100%;height:.48rem;line-height:.48rem;font-size:0.32rem;border-bottom:1px solid #e8e8e8;color:#2C2C2C;}

  .related{width:100%;padding-top:1rem;height:auto;margin:0 auto;}

  .related h3{border-left:6px solid #f76734;border-bottom:1px solid #ccc;text-indent:1em;font-size:.542rem;line-height:.8rem;color:#148cc1;background:none;padding-left:0;}

  .related li{font-size:.542rem;line-height:.8rem;background:none;padding-left:0;padding-top:.3rem;padding-bottom:.3rem;height:auto;border-bottom:1px solid #ddd;}

  .related li a{font-size:.542rem;color:#404040;}

  .mobile_footer{display:block;margin:0 auto 1rem auto;position:relative;width:10rem;height:1.2rem;line-height:1.2rem;background-color:#148cc1;color:#fff;font-size:0.4rem;text-align:center;}

  .m_footer{width:10rem;margin:0 auto;display:block;}

  .m_footer ul{position:fixed;z-index:200;bottom:0;left:0;width:100%;display:-webkit-box;display:-moz-box;-webkit-box-orient:horizontal;-moz-box-orient:horizontal;-webkit-box-sizing:border-box;-moz-box-sizing: border-box;}

  .m_footer li{height:1rem;-webkit-box-flex:1;-moz-box-flex:1;border-left:1px solid rgba(190,190,190,1);position:relative;-webkit-box-shadow:inset 0 0 3px #fff;float:left;background:-webkit-gradient(linear, 0 0, 0 100%, from(#f1f1f1), to(#dcdcdc), color-stop(35% ,#ededed), color-stop(50%, #e3e3e3) );text-align:center;}

  .m_footer li:nth-of-type(1){border-left:0;}

  .font-zoomin,.font-zoomout{width:100%;height:1rem;margin:0;}

  .font-zoomin a,.font-zoomout a{display:block;width:95%;margin:0 auto;height:1rem;line-height:1rem;background:-webkit-gradient(linear, 0 0, 0 100%, from(#f1f1f1), to(#dcdcdc), color-stop(35% ,#ededed), color-stop(50%, #e3e3e3) );cursor:pointer;overflow:hidden;font-size:.48rem;}

  .font-zoomout a:hover,.font-zoomin a:hover{background-position:0;}

  .font a:hover{-webkit-animation:none;-moz-animation:none;-o-animation:none;animation:none;}

  .duxin-man,.duxin-woman{height:.8rem;margin-top:0;}

  .duxin-man img,.duxin-woman img{width:.8rem;height:.8rem;cursor:pointer;}

  
  
 
  
  
}
