/*
  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;}
   
 }
 .maxWidth table tbody tr td:nth-child(even){width: 10px}
 @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; }
   .maxWidth table {width: 100%;}
   .maxWidth table tbody tr {width: 100%;}
   /* .maxWidth table tbody tr td {width: 33%;} */
   .maxWidth table tbody tr td:nth-child(even){width: 1.5%;}
   .maxWidth table tbody tr td:nth-child(odd){width: 32%}
   .maxWidth table tbody tr td .pcenter a img {width: 100%;}
 
   .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;}
   .mobile-head-console-search { background:url("//chinese.zhizunsf176.com/etc/static/img/icon-m-search.png") no-repeat center center; background-size:22px auto;}
   .mobile-head-console-user { background:url("//chinese.zhizunsf176.com/etc/static/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%; }
   .cr-main .mobileNotShow{display: none;}
   .cr-main .mod-notice{display: block;}
   .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; }
   .article-con .pcenter{padding:0 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; }
 
 
 
 }