/*
  author:ck
  date:2017.6
*/
@media screen and (max-width:1024px) {/* pad 横屏 */
 /**/
  .photoThree-con { width:100%;}
  .photoThree-con .item { width:32%; margin-right:2%;}
  .photoThree-con .item img { width:100%; height:auto;}
  .photoThree-con .item:nth-child(3n) { margin-right:0;}
  
}

@media screen and (max-width:900px) {/* pad竖屏 */
   /**/
  .photoThree-con .item { width:49%; }
  .photoThree-con .item:nth-child(2n) { margin-right:0; }
  .photoThree-con .item:nth-child(3n) { margin-right:2%;}
  .photoThree-con .item:nth-child(6n) { margin-right:0; display:block;}
  .photoThree-con .item .title{font-size:14px;}
  .mod-indexPhotoList li{height:auto;padding:10px 3%;}
   /**/
  .newsList-con .news-item-photo { width:300px; height:169px;}
  .newsList-con .news-item-text { margin-left:300px; }
  .newsList-con .news-item-text h3 { margin-top:5px; }
  .newsList-con .news-item-text p { font-size:14px; line-height:20px; max-height:80px; margin-top:10px;}
  
  .maxWidth { width:100%; }
  .cr-main,
  .cr-side{ background-color:#f0efef; float:none; width:auto; }

  .mod { background-color:#fff; }


  .pcNotShow { display:block; }
  .mobileNotShow { display:none; }

  .headerTop { background-color:#353535; padding:0 3%;}
  .headerTop img { width:30%; max-width:110px; }
  .header { position:relative; width:96%; }
  .header .logo { width:33%; padding:10px 0; max-width:110px; }
  .header .logo img { width:100%; }

  .mobile-head-console { position:absolute; top:8px; right:0;}
  .mobile-head-console a,
  .mobile-head-console span { display:inline-block; width:32px; height:50px; text-indent:-999em; overflow:hidden; vertical-align:top;}
  .mobile-head-console-search { background:url("../img/icon-m-search.png") no-repeat center center; background-size:22px auto;}
  .mobile-head-console-user { background:url("../img/icon-m-login.png") no-repeat center center; background-size:22px auto; display:inline-block; width:32px; height:50px; text-indent:-999em; position:relative;}
  .mobile-head-console-user a { display:none; position:absolute; top:50px; right:0; width:100px; background:#dc255c; color:#fff; text-indent:0; text-align:center; line-height:50px; font-size:1.2em;}
  .mobile-head-console-user:hover a { display:block; }
  .mobile-headLogin { display:inline-block; margin:0 20px; }

  .baidu-mobile-search { clear:both; height:0; overflow:hidden; }
  .mobile-search-form { border-top:1px solid #ececec; padding-top:5px; }
  .mobile-baiduSearch-show { height:40px; }
  .baidu-mobile-search-keyword { border:1px solid #ccc; border-radius:15px; }
  .baidu-mobile-search-but { background-color:#eee; border:1px solid #ddd; border-radius:15px; color:#999; }

  .navi { background:#4b4b4b; margin:0; }
  .naviCon { width:96%; margin:auto; }
  .navi-left { background:none; width:100%; overflow:hidden; padding:0; }
  .navi-left ul { border:0; padding:0; position:relative; }
  .navi-left li { margin-right:30px; }
  .navi-left li a { color:#fff; display:block; padding:8px 0; }

  .header .headerPlayer{ background:none; width:100%; }
  .headerPlayer { margin-top:15px; width:100%; }
  .js-head-player { background-color:#fff; border:0; width:auto; }
  .js-head-player-box { margin:0; padding:0; width:auto; }
  .js-head-player .owl-pagination { background-color:#d8d8d8; border-left:none; border-right:none; width:100%; }
  .js-head-player .owl-page { width:33%; }

  /*.js-head-player .item { width:33%; }*/

  .article-share-con a.pcNotShow { display:none; }
  .article-share-con a.mobileNotShow { display:block; }

  .indexPhoto,.ztPhoto{ margin-top:0; width:100%; }
  .indexPhoto dl,.ztPhoto dl,
  .indexPhoto dt,.ztPhoto dt,
  .indexPhoto img,.ztPhoto img { width:100%; height:auto;}
  .photo-focus-arrow { display:none; }
  .indexPhoto dd a,.ztPhoto dd a { height: 25px;
    line-height: 16px;
    font-size: 12px;
    margin: 5px 2%; }
  #indexPhoto-dot { bottom:5px; height:6px; overflow:hidden; text-align:center; width:100%; }
  #indexPhoto-dot em { margin:0 5px; vertical-align:top; height:6px; width:6px; }

  .mod-hd,
  .mod-title { background:none; }
  .mod-hd { margin:auto; width:96%; }
  .mod-title { /*font-size:14px;*/ font-weight:bold; line-height:35px; padding:0; }

  .item .title {font-size:12px; height:auto; line-height:120%; margin-top:0; padding:5px 0 12px;}
  .item .cover {overflow:hidden;}
  .pic-150 .item .cover em.label { background-image:none; background-color:#f66; color:#fff;     line-height: 55px;
    top: -5px;
    font-size: 14px;
    right: -135px;
    width: 300px;
    height: 40px; transform:rotate(45deg); -ms-transform:rotate(45deg); -webkit-transform:rotate(45deg); }

  .mod-recommend .mod-bd,
  .mod-topHits .mod-bd,
  .mod-album .mod-bd { margin:auto; width:96%; }
  .pic-150 .item { margin:0 2% 0 0; width:32%; }
  .pic-150 .item img { border:0; width:100%; height:auto; }
  .pic-150 .item:nth-child(3n) { margin-right:0;}
  .pic-150 .item:nth-child(4n) { display:none;}

  .mod-brand .mod-bd { margin:auto; width:96%; }
  .mod-brand .item { margin:0 2% 0 0; width:32%; }
  .mod-brand .item .cover { margin:0 2% 0 0; overflow:visible; }
  .mod-brand .item img { width:100%; height:auto; }
  .mod-brand .item:nth-child(3n) { margin-right:0;}

  .mod-followus .mod-title { height:auto; position:static; }
  .mod-followus .mod-title i,
  .mod-followus .mod-title b { display:none; }
  .mod-followus .mod-hd { border:0; height:auto; }
  .mod-followus .mod-bd { border:0; margin:auto; padding:0; width:96%; }
  .mod-followus .item { margin:0 2% 0 0; padding:0 0 15px; width:31.3%; }
  .mod-followus .item .cover { border:1px solid #eaeaea; }
  .mod-followus .item img { border:0; width:100%; }

  .mod-partner .mod-title { height:35px; }
  .mod-partner .mod-title a { height:36px; }
  .mod-partner .mod-bd { border:0; padding:0; }
  .mod-partner .mod-bd p { line-height:160%; font-size:12px; margin:auto; overflow:hidden; padding:10px 0; width:96%; }
  .mod-partner .mod-bd p a { margin-right:1em; }

  .mod-notice p { margin:auto; width:96%; }

  #js-default-side,
  #js-radio-side,
  #js-article-side,
  .cr-side .mod-notice,
  .cr-side .mod-chinese,
  .cr-side .mod-side-promo,
  .cr-side .mod-side-social {display:none;}

  #js-footer { margin-top:15px; }
  .footer-space { background-color:#f0efef; height:15px; }
  .footAboutLink,
  .footCopyright { font-size:10px; line-height:180%; padding:10px; }
  .footAboutLink a { display:inline-block; }
  .footCopyright span { display:block; }


  .mod-chinese .newsList  { margin:auto; width:96%; }
  .newsList .news-item { margin:15px 0 0; }
  .newsList .news-item-text h3 { font-size:14px; height:auto; line-height:20px; }
  .newsList .news-item-text p { font-size:12px; line-height:160%; }
  .newsList .news-item-text p .item-category { font-size:10px; line-height:120%; padding:2px 5px 3px; }
  .newsList .news-item-type { padding:6px 0; }
  .newsList .news-item-type .item-time { font-size:10px; }
  .newsList .news-item-type .item-category { font-size:10px; margin-left:1em; padding:2px 5px 3px; }


  .brandList { margin:auto; width:96%; }
  .brandList .item { height:auto; margin:0 2% 10px 0; padding-bottom:10px; width:48.4%; }
  .brandList .item:nth-child(2n) { margin-right:0;}
  .brandList .item img { height:180px; margin:auto; width:auto; }
  .brandList .item .cover {margin-bottom:10px;}
  .brandList .item h3 { font-size:16px; padding:0 10px; }
  .brandList .item p { font-size:12px; height:95px; line-height:160%; padding:0 10px; }


  .zhuantiList { margin:auto; padding-bottom:15px; width:96%; }
  .zhuantiList .item img { width:100%; height:auto; }
  .zhuantiList .item h3 { font-size:14px; line-height:20px; height:auto; padding:5px 10px; }

  .mod-radio .mod-bd { margin:auto; width:96%; }
  .mod-radio .pic-150 .item { padding-bottom:15px; }
  .mod-radio .pic-150 .item .cover { border:1px solid #eaeaea; }
  .mod-radio .pic-150 .item .title { padding:3px 0 3px 10px; }
  .mod-radio .pic-150 .item .title { margin-top:10px; }
  .mod-radio .pic-150 .item:nth-child(4n) { display:block;}

  .mod-radio .pic-210 .item { float:none; margin:0 28px 25px 0; width:100%; }
  .mod-radio .pic-210 .item .cover { border:1px solid #eaeaea; float:left; margin-right:0; width:30%; }
  .mod-radio .pic-210 .item .cover em.label { background-size:100%; width:50%; }
  .mod-radio .pic-210 .item img { border:0; width:100%; height:auto; }
  .mod-radio .pic-210 .item .title { border:0; height:auto; margin-left:35%; padding-left:0; }
  .mod-radio .pic-210 .item .title b { left:0; }
  .mod-radio .pic-210 .item .title a { font-size:16px; line-height:160%; width:100%; }
  .mod-radio .pic-210 .item .title span { display:block; float:none; width:100%; }

  .mod-reviews .mod-bd { border:0; padding:0; margin:auto; width:96%; }
  .reviewList .item { line-height:20px; margin:0 auto 5px; }
  .reviewList .item a { padding:5px 0; }
  .reviewList .item .num { font-size:10px; height:28px; line-height:28px; width:8%; }
  .reviewList .item .title { background-size:20px auto; background-position:6px center; height:20px; line-height:20px; padding:4px 0 4px 30px; width:auto; }

  .mod-panorama .mod-bd { margin:auto; padding:0; width:96%; }
  .panoramaList { margin:0 2%; }
  .panoramaList .item a { padding:0; }
  .panoramaList .item .title { background-size:20px auto; background-position:5px center; height:40px; line-height:40px; padding:0 0 0 30px; }


  /**/
  .pagination { margin-top:15px; }
  .pagination #chan_multipageNumN .prevPage,
  .pagination #chan_multipageNumN .nextPage,
  .pagination #chan_multipageNumN .curPage,
  .pagination #chan_multipageNumN .sumPage { display:inline-block; }
  .pagination #chan_multipageNumN .pages-sum { padding-left:20px; }
  .pagination #chan_multipageNumN .firstPage,
  .pagination #chan_multipageNumN .lastPage,
  .pagination #chan_multipageNumN .allPage,
  .pagination #chan_multipageNumN .sumPage { display:none; }

  /**/
  .article-title { font-size:18px; margin:auto; padding:25px 0 5px; width:96%; }
  .article-type { border:0; font-size:10px; padding-bottom:15px; }
  .article-type-item { margin-right:10px; }
  .article-tool-zan { background-size:16px auto; }
  .article-con { background-color:#fff; font-size:14px; margin:auto; padding:0; width:96%; }
  .article-con .pcenter img {width:auto; max-width:100%;}
  .article-con p { padding:0 10px; }
  .article-con p.pcenter { font-size:10px; margin-top:10px; }



  /* timeline */
  .timeline-head,
  .timeline-width { width:96%; margin:auto;}
  .timeline .CNComment { border-top:0; }


  .promo { margin:15px 0 0; }
  .promo img { height:auto; width:100%; }

  .radio-live { background-color:#fff; margin:0 auto 15px; padding:10px 0; }
  .radio-live .cover { margin:0 0 0 10px; width:212px; }
  .radio-live .info li a.js-share-list-weixin-but { display:none; }
  .radio-live .info li .article-share-con a { margin:0 0 5px 13px; }

  .mod-programme { padding-bottom:15px; }
  .mod-programme .mod-hd { height:39px; }
  .mod-programme .mod-title { height:40px; }
  .mod-programme .mod-title a { height:40px; }
  .mod-programme .mod-bd { margin:auto; padding:0 0 10px; width:96%; }

  .mod-playList { padding-bottom:15px; }
  .mod-playList .mod-hd { height:39px; }
  .mod-playList .mod-title { height:40px; }
  .mod-playList .mod-title a { height:40px; }
  .mod-playList .mod-bd { margin:auto; padding:0; width:96%; }

  .programList { margin:0 0 0 3%; width:45%; }
  .programList .itemHd { font-size:14px; }
  .programList .item { background-size:20px auto; background-position:10px center; font-size:14px; height:50px; line-height:50px; text-indent:35px; }
  .programList .item i { font-size:10px; }



  .bookPlayerWrap .audiojs { width:100%; }
  .bookPlayerWrap .audiojs .scrubber { width:100%; }


  .mod-media-title { background-position:0 24px; height:50px; margin:auto; width:100%; }
  .mod-media-title a:nth-child(3n) { margin-right:0; }
  .mod-media-title a,
  .mod-media-title a.current { font-size:16px; height:30px; line-height:30px; width:32%; margin-right:2%;}
  .mod-media-title a.current { margin-right:0; }

  .mod-media .mod-bd { margin:auto; width:96%; }
  .mod-media .pic-150 .item:nth-child(4n) { display:block; }

  .breadcrumb { font-size:12px; margin:auto; padding:2px 0; width:96%; }


  .book-wrap { background-color:#fff; padding:10px 2%; }
  .book-wrap .cover img { margin:auto; max-width:180px; width:auto; height:auto; }
  .book-wrap .cover em.label { display:none; }
  .book-wrap .title { font-size:18px; }
  .book-wrap .summary { font-size:14px; line-height:160%; }


  .bookPlayerWrap { margin-top:15px; }
  .bookPlayerWrap .audiojs { width:100%; height:60px; }

  .whoShare { background-color:#fff; border:0; margin:15px auto 0; width:auto; }
  .whoShare-title { font-size:12px; padding-top:18px; text-align:right; width:50px; }
  .whoShare-con { height:40px; margin-left:50px; padding:10px; }
  .whoShare-con a { width:30px; }
  .whoShare-con a img { width:100%; height:auto; }
  .whoShare-con a.js-article-weixin-but {display:none;}

  .CNComment { margin:15px auto 0; width:100%; }
  .CNComment-head { line-height:40px; margin-top:10px; }
  .CNComment-head h3 { font-size:16px; }
  .CNComment-head .CNComment-type { font-size:14px; }
  .CNComment-item-userhead,
  .CNComment-Child-userhead { width:40px; }
  .CNComment-item-userhead img,
  .CNComment-Child-userhead img { width:40px; height:40px;}
  .CNComment-item-con,
  .CNComment-ChildCon { margin-left:60px; }
  .CNComment-item-text { font-size:14px; }
  .CNComment-login-input input { width:100px; }
  .CNComment-form { padding:10px 0; }
  .CNComment-form textarea { height:60px; }
  .CNComment-form-con iframe { display:none; }
  .CNComment-form-type { margin-top:10px; padding:0 10px; }
  .CNComment-form-type .CNComment-login { width:100%; }
  .CNComment-form-button input { bottom:13px; font-size:14px; height:30px; padding:5px 10px; }

}

@media screen and (max-width:767px) {/* 手机横屏 */
    /**/
  .newsList-con .news-item-photo { width:240px; height:135px;}
  .newsList-con .news-item-text { margin-left:240px; padding-top:6px; padding-bottom:6px;}
  .newsList-con .news-item-text h3 { margin-top:0; }
  .newsList-con .news-item-text p { font-size:14px; line-height:18px; max-height:72px; margin-top:0;}
  
  /* login */
  .Dialog-login { width:100%; padding-top:0;}
  .Dialog-login-but { padding-top:0; padding-bottom:10px;}
  .Dialog-login-but input { font-size:16px; line-height:2em;}
  .Dialog-login-forgotPassword,
  .Dialog-login .js-shaow-reg,
  .Dialog-commonLogo h5 { display:none; }
  .Dialog-commonLogo-list { padding:10px 0; text-align:center;}
  .Dialog-commonLogo-list img { width:40px; height:40px; margin:0 10px;}


  /* timeline */
  .timeline-photo img { max-width:100%; }

  /* video */
  .video-js { width:100% !important; height:auto !important;}
  .article-con .video-js{max-width: none;max-height: none;}
  .article-con .video-js .vjs-tech { height:auto; position:static;}

  /**/
  .item .cover em.label { line-height:35px; top:-5px; font-size:8px; right:-144px; height:24px; }

  /**/
  .playList { width:98%; margin:auto; }
  .playList .item { height:auto; }
  .playList .item:hover { background-color:#f1f1f1; }
  .playList .item.playing { background-color:#ccc; }
  .playList .item .playBtn { width:10%; background-size:30px; height:55px; }
  .playList .item .titBox { background-size:22px; background-position:5px 12px; width:auto; float:none; padding-left:30px; }
  .playList .item .tool { clear:both; float:none; padding:5px 0 0 30px; width:auto; line-height:0; }
  .playList .item .title { background-position: 5px 10px; float:none; height:auto; width:auto; line-height:120%; padding-top:15px; }
  .playList .item .lasttime { width:auto; display:block; float:none; clear:both; padding:0; }
  .playList .item .ico { margin:0 10px 0 0; display:inline-block; float:none; }
  .playList .item .like i { top:-1px; font-size:10px; left:21px; line-height:120%; }

  /**/
  .Dialog-shareList { width:100%; }
  .shareList-con a { margin-bottom:10px; width:18%; }
  .shareList-con a.js-share-list-weixin-but { display:none; }

  /**/
  .brandList .item { height:auto; margin:0 2% 10px 0; padding-bottom:10px; width:48.4%; }
  .brandList .item:nth-child(2n) { margin-right:0;}
  .brandList .item img { height:120px; margin:auto; width:auto; }
  .brandList .item .cover {margin-bottom:10px;}
  .brandList .item h3 { font-size:16px; padding:0 10px; }
  .brandList .item p { font-size:12px; height:95px; line-height:160%; padding:0 10px; }
}

@media screen and (max-width:450px) {/* 手机竖屏 */
  /**/
  .newsList-con { width:94%; margin:auto;}
  .newsList-con .news-item-photo { width:150px; height:84px;}
  .newsList-con .news-item-text { margin-left:150px; padding-top:10px; padding-bottom:9px;}
  .newsList-con .news-item-text h3 { margin-top:0;font-size:16px;}
  .newsList-con .news-item-text p { display:none;}
  .newsList-con .news-item-nophoto .news-item-text p { display:block;}
  
  /**/
  .photoThree-con.mobile-line .item{float:none;width:100%;margin-right:0;}
  .photoThree-con .title { padding:0 5%; font-size:12px; line-height:18px;}
  .photoThree-con.mobile-line .cover { float:left;}
  .photoThree-con.mobile-line .cover img { width:120px; height:68px;}
  .photoThree-con.mobile-line .title { margin:0 0 0 120px; padding:0 10px; height:72px;
    display:-webkit-box;
    -webkit-box-orient:horizontal;
    -webkit-box-pack:center;
    -webkit-box-align:center;
    
    display:-moz-box;
    -moz-box-orient:horizontal;
    -moz-box-pack:center;
    -moz-box-align:center;
    
    display:-o-box;
    -o-box-orient:horizontal;
    -o-box-pack:center;
    -o-box-align:center;
    
    display:-ms-box;
    -ms-box-orient:horizontal;
    -ms-box-pack:center;
    -ms-box-align:center;
    
    display:box;
    box-orient:horizontal;
    box-pack:center;
    box-align:center;
  }
  
  /* login */
  .Dialog-login-text input { font-size:16px; padding-left:14%; width:66%;}
  .Dialog-login-but { padding-top:10px; padding-bottom:0;}
  .Dialog-login-but input { font-size:16px; margin-top:10px;}
  .Dialog-login-text-username,
  .Dialog-login-text-password,
  .Dialog-login-text-repassword { background-size:auto 50%;}
  .Dialog-login-forgotPassword,
  .Dialog-login .js-shaow-reg,
  .Dialog-commonLogo h5 { display:block; }
  
  
  /*2571*/
  .Dialog-login .js-shaow-reg{display:none;}
  
  .Dialog-login-forgotPassword { font-size:12px; line-height:2.4em;}
  .Dialog-commonLogo h5 { font-size:14px; line-height:2.4em;}
  .Dialog-commonLogo-list { padding:5px 0; text-align:center;}
  .Dialog-commonLogo-list img { width:40px; height:40px; margin:0 6px;}

  /* audio */
  .audiojs { width:300px; }
  .audiojs .scrubber { width:130px; }

  /**/
  .brandList .item { float:none; height:auto; margin:0 2% 10px 0; padding-bottom:10px; width:auto; }
  .brandList .item:nth-child(2n) { margin-right:0;}
  .brandList .item img { height:auto; margin:auto; width:100%; }
  .brandList .item .cover {margin-bottom:10px;}
  .brandList .item h3 { font-size:16px; padding:0 10px; }
  .brandList .item p { font-size:12px; height:auto; line-height:160%; padding:0 10px; }

  .radio-live .cover { border:1px solid #eaeaea; width:28%; }
  .radio-live .cover em.label { background-size:100% auto; width:50%; }
  .radio-live .cover img { border:0; height:auto; width:100%; }
  .radio-live .info { height:auto; margin-left:33%; }
  .radio-live .info p { font-size:12px; line-height:120%; padding:4px 0 0 12px; }
  .radio-live .title { font-size:16px; height:20px; line-height:20px; padding-left:10px; }
  .radio-live .info li { margin-right:10px; }
  .radio-live .info li a { height:20px; line-height:20px; }
  .radio-live .info .tool { height:24px; position:static; margin:12px auto 0; width:92%; }
  .radio-live .info .like { margin-right:20px; }
  .radio-live .info .like a { background-size:16px auto; font-size:10px; padding-left:20px; }
  .radio-live .info .comment a { background-size:16px auto; background-position:0 3px; }
  .radio-live .info .article-share-but { background-size:16px auto; background-position:0 3px; }
  .radio-live .info .article-share { position:relative; overflow:visible; }
  .article-share-list { top:22px; width:300px; right:-110px; }

  .programList { float:none; margin:0 auto; width:90%; }
  .programList .item { background-position:20px center; text-indent:50px; }
  .mod-programme .mod-bd { width:90%; }
  .mod-programme .mod-bd { margin:auto; padding:0 0 10px 0; width:96%; }

  .book-wrap .cover,
  .book-wrap .info { float:none; margin:auto; width:96%; }
  .book-wrap .cover img { max-width:120px; }
  .book-wrap .info { height:auto; margin-top:10px; }
  .book-wrap .title { color:#333; font-size:18px; }
  .book-wrap .summary { color:#666; font-size:14px; height:auto; line-height:160%; }
  .book-wrap .info .tool { height:24px; position:static; margin:15px auto 0; width:100%; }
  .book-wrap .info li { margin-right:0; }
  .book-wrap .info .like { width:90px; }
  .book-wrap .info .like a { font-size:12px; float:left; }
  .book-wrap .info .rank { font-size:12px; width:60px; }
  .book-wrap .info .comment { margin-right:50px; }
  .book-wrap .info .article-share { position:relative; overflow:visible; }

  .bookPlayerWrap,
  .bookPlayerWrap .audiojs { height:auto; }
  .bookPlayerWrap .curTitle { background-color:#333; border-top:1px solid #444; font-size:14px; height:auto; line-height:160%; padding:10px 15px; position:static; width:auto; }


  /**/
  .whoShare { position:relative; }
  .whoShare-con { position:static; }
  .whoShare-con a { margin:5px 10px 10px; }
  /*.js-article-weixin { height:auto; width:auto; overflow:visible; position:static; }*/
  .weixin-box { background-image:none; background-color:#fff; height:400px; width:300px; left:50%; top:50%; margin:-200px 0 0 -150px; box-shadow:0 0 5px rgba(0,0,0,0.5); position:absolute; }
  .weixin-box-int { padding:40px 0 0; }
  .weixin-box-int img { float:none; width:120px; height:120px; margin:auto; }
  .weixin-box-int p { text-align:center; padding-top:15px; }


  /* timeline */
  .timeline-head { font-size:22px; line-height:30px;}
  .timeline-head a { margin-right:20px; }

  .timeline-box { margin-left:16px; }
  .timeline-title { line-height:26px; font-size:14px; height:auto; margin-left:-55px;}
  .timeline-title .time { width:56px; height:26px; font-size:14px;}
  .timeline-title a,
  .timeline-title em { margin-left:66px; line-height:1.4em; font-style:normal;}
  .timeline-photo { margin-top:15px; }
  .timeline-text { font-size:12px; }


}

@media screen and (max-width:370px) {/* 320的小屏幕 */

  /*.indexPhoto dd a {font-size:14px;}*/

  .radio-live .cover,
  .radio-live .info,
  .radio-live .summary { float:none; margin:auto; width:96%; }
  .radio-live .cover em.label { background-size:auto; }
  .radio-live .cover img { margin:auto; max-width:200px; width:auto; }
  .radio-live .info { height:auto; margin-top:10px; }
  .radio-live .info li { line-height:16px; }
  .radio-live .info .tool { height:24px; position:static; margin:15px auto 0; width:92%; }
  .radio-live .info .like a { background-size:16px auto; font-size:12px; padding-left:20px; }
  .radio-live .info .comment a { background-size:16px auto; background-position:0 3px; }
  .radio-live .info .article-share-but { background-size:16px auto; background-position:0 3px; }
  .radio-live .info .article-share { position:relative; overflow:visible; }
  .radio-live .summary { border-top:1px solid #eaeaea; padding-top:15px; }
  .article-share-list { top:22px; left:-50px; }

  .book-wrap .article-share-list { left:-150px; }
  .book-wrap .info li .article-share-con a.js-share-list-weixin-but { display:none; }

  .reviewList .item .title { width:250px; }

  .js-article-weixin { width:310px; height:165px; position:absolute; left:-45px; bottom:-160px; z-index:103; overflow:hidden; }
  .weixin-box { background-image:none; background-color:#fff; border:1px solid #eaeaea; height:155px; }
  .weixin-box-int { padding:8px 6px 0; }
  .js-article-weixin-close { top:0; }

  .whoShare-con a { margin:5px 5px 10px; }



}